按實際工作條件比較
假設工作室提供每節 45 分鐘的預約。客戶已選好服務，想找下一個合適時間；接待同事則要查看幾日安排。兩邊可以採用不同畫面。表內名額只是假設快照，尚未為任何人留位。
| 條件 | 時段清單 | 月曆 |
|---|---|---|
| 用手機揀可約時間 | 每行列出日期、時間及名額 | 日期格通常還要另開時段 |
| 比較幾日安排 | 按日期分組，避免一條長清單 | 展示每天情況，保留狀態說明 |
| 找不到合適時段 | 顯示現時條件及下一日入口 | 分清沒名額與讀取失敗 |
本例客戶頁先用時段清單，職員另有多日總覽。若客戶主要跨月比較週末，再測試能清楚讀取時段的月曆。接受預約時仍須重新核對名額。
只有日期格，未足夠完成預約
| 時段 | 快照 | 客戶條件 |
|---|---|---|
| 2026-11-03 09:00 | 1 個名額 | 只可中午 12 時後 |
| 2026-11-03 13:00 | 沒有名額 | 只可中午 12 時後 |
| 2026-11-04 13:00 | 2 個名額 | 日期可行 |
哪行符合條件？是否已完成預約？
查看參考答案
表內只有 11 月 4 日下午 1 時符合條件。它只是快照中的可選時段，未成為預約；接受時要再查名額。
驗收所選的操作方式
- 在 320 CSS 像素闊度下讀取日期及名額，整頁不用橫向捲動。
- 讀取失敗不能顯示成「沒有名額」的成功結果。
- 以鍵盤選到畫面上相同的時段。