以下是台大課程網設計,請問優劣? https://course.ntu.edu.tw/

ChatGPT 說：

你提供的 國立臺灣大學（台大）課程網（https://course.ntu.edu.tw/）是一個值得參考的案例，我從使用者體驗、資訊架構、視覺設計與技術實作四個面向做優缺點分析，並提出我們在設計時可借鑒／避免的地方。你可以對照我們要做的系統（你們的 國立清華大學 課務組查詢頁）來看哪些地方改進／調整會更好。

✅ 優點

1. 資訊分類清楚

   • 首頁即列出「課程資訊」「課程網站」「正式選課」「快速」等入口，讓使用者快速找到他們需要的功能。 course.ntu.edu.tw

   • 在「快速」標籤下有各類課程（系所、通識、新生、英語授課、遠距…）的跳轉，類別眾多但結構明確。 course.ntu.edu.tw

   • 有「關鍵字 / 搜尋課程名稱／教師／流水號」的搜尋欄，符合使用者查課時的常見需求。 course.ntu.edu.tw

2. 資訊時效性與流程說明完整

   • 首頁除了課程查詢外，也佔有「選課流程時程」資訊（例如一階、二階、加／退選）讓使用者一進來就知道重要時間點。 course.ntu.edu.tw

   • 給出選課時段、停止／公布結果時間等，這種流程透明性對學生而言非常有幫助。

3. 響應式或簡單可訪問性

   • 視覺上簡潔、載入快速，架構直觀。雖然未深入檢查其在手機上的響應，但至少桌機版清晰可用。

   • 使用明確的文字鏈結導航，對不同使用者（學生、教職員）也有相應登入或選項。

4. 技術穩定性

   • 網頁已經在用，功能成熟（顯示版本 v3.1.5）並具備基本法規如「用戶協議」「隱私權保護政策」。 course.ntu.edu.tw

   • 結構簡單，維護成本應比高度互動式頁面低。

❌ 缺點或可改進處

1. 視覺設計偏傳統／較少互動性

   • 頁面雖然清楚，但視覺設計較為保守，顏色、布局較平淡，對於現代使用者（尤其手機使用者）可能略顯單調。

   • 搜尋／查詢功能雖存在，但沒有明顯「切換多類別查詢」的 UI（如側邊欄＋主內容區）只是「快速」清單的方式。這對你們想做「一頁內切換多類別查詢」的目標來說是個提醒。

2. 查詢深度／整合性或許受限

   • 雖然有搜尋欄與快速分類，但未必所有查詢類型在同一頁面切換，可能仍需跳轉不同頁面。比如「英語授課」、「遠距」可能是不同的子頁。這對使用者來說切換成本仍然存在。

   • 如果你們希望「一頁內切換所有查詢類型」的話，這點是你們要改進的部分。

3. 行動端優化未知／側邊導航缺乏

   • 從檢查內容來看，沒有明顯側邊導航或專門為手機設計的「滑出選單」/「漢堡選單」提示。行動端使用者可能需要更多上下滑動或跳轉。

   • 若你們的學生常用手機或平板查課，那麼強化手機體驗會是一大加分。

4. 創新功能較少

   • 從首頁看，沒有太多像「查詢歷史」「收藏課程」「即時通知」「視覺化課表預覽」這類互動式功能。雖然這不一定是必要，但若你們有資源做，這些能提升使用者體驗。

   • 另外，如果查詢系統可以「多種查詢類型交叉篩選」（例如「英語 + X-Class + 遠距」）而不是只能單一分類，那會更強。台大頁面看起來仍以分類為主。

🔍 對你們設計可借鑒／避免的地方

• 借鑒

  • 搜尋欄必設：台大頁面搜尋「課程名稱／教師／流水號」是很好。你們也應保留這樣的共通搜尋入口。

  • 清楚分類：用「系所／通識／英語授課／遠距」這種方式分類，方便使用者直奔目標。

  • 流程說明區：像台大在首頁就有選課時程，建議你們也在頁面中適當位置放流程或注意事項區塊，提升透明度。

  • 簡潔設計：避免過多動畫或複雜效果，保證載入速度與穩定性。

• 避免

  • 不要讓使用者跳很多頁面才能完成查詢。你們的目標就是「一頁內切換查詢類型」，所以避免像台大那樣雖分類但仍需多頁跳轉。

  • 行動端設計不要疏忽。雖然台大頁面在桌機上看起來不錯，但如果手機使用者體驗差，將影響使用率。你們應優先做好手機／平板版。

  • 不要忽略「使用深度」功能。只提供基本查詢或分類可能滿足數量，但若可以加「交叉篩選」「課程收藏」等功能可提升使用者黏著度。