側邊10
🟣 我的課表
| 節次 | 週一 | 週二 | 週三 | 週四 | 週五 |
|---|
ChatGPT 說：
很好的問題，而且這個設計會直接影響學生操作體驗。
我幫你從實際使用者角度（以清大課務組的使用情境為準）分析👇
🎯 使用族群差異
| 使用者類型 | 常用設備 | 操作特性 | 主要目標 |
|---|---|---|---|
| 教職員 | 桌機／筆電 | 需要同時比較多門課、查看細節 | 批量查詢、審閱課程 |
| 學生 | 手機／平板 | 單手操作、螢幕窄、想快速加入課表 | 快速搜尋＋立即看到結果 |
💡 版面選項比較
| 版型 | 優點 | 缺點 | 適合對象 |
|---|---|---|---|
| 左（查詢）—中（課表）—右（詳情）三欄式 | 視野完整、可同時查看與操作，桌機上最有效率 | 手機螢幕過窄、需要折疊或水平滑動 | 教職員、桌機使用者 |
| 上半查詢清單、下半課表（上下分區） | 響應式最容易、手機友善、不需捲太遠就能看到課表變化 | 桌機上略顯浪費橫向空間 | 學生、行動裝置使用者 |
| 彈出式（點查詢 → 浮出課表區） | 流暢、現代感強，減少頁面跳動 | 實作稍複雜、debug不易 | 想打造App式體驗的網站 |
✅ 建議結論
建議採「上半查詢清單／下半課表」的垂直結構，
並搭配響應式設計，桌機時課表可放大顯示在右側。
這樣能：
-
在手機上：查完課 → 立即往下滑即可看到課表更新（最直覺）
-
在桌機上：透過 media query，自動變成「左查詢＋右課表」兩欄呈現（更高效率）
瀏覽數: