60 秒決策
先確認使用者要完成的事。
適合使用
- 使用者要查看某月有哪些活動、事件或可預約時段。
- 月份切換與日期上的資訊本身就是任務的一部分。
不適合使用
- 只要填一個日期，卻不需要看事件或跨月內容。
- 要輸入一段開始與結束日期。
畫面要說清楚的事
不要只交代外觀，也要交代資料與輸入規則。
把瀏覽與輸入分開
Calendar 首先是瀏覽介面；不要假設看得到月曆就代表資料已被選取。
日期上的訊息有摘要
活動點、數量或狀態需要可讀文字，不能只留下難以辨識的小圓點。
月份切換有上下文
清楚顯示目前年月，上一月與下一月控制要有可理解名稱。
必要狀態與回應
每個狀態都要讓使用者知道下一步。
目前月份
顯示月份、星期標題與日期格。
今天
今天可被辨識，但不應和已選日期混成同一個視覺狀態。
有活動
日期以文字或可存取名稱說明活動數量。
切換月份
切換後更新年月與可聚焦日期，不讓焦點消失。
操作 Demo
先知道要觀察什麼，再動手操作。
操作前先知道
活動月曆瀏覽
先觀察：今天、活動日與月份切換的訊息是否清楚。
操作：切換到下一個月，再回到本月並選取有活動的日期。
預期結果：月份文字、活動摘要與目前選取日期都會更新。
可操作 Demo
瀏覽活動月曆
2026 年 8 月
2026 年 8 月；8 月 18 日有 2 場活動。
告訴 AI
把任務、規則、狀態與操作條件一次寫清楚。
建立一個月曆瀏覽元件，用來查看活動日程而不是填寫表單。顯示月份切換、星期標題、今天與有活動的日期標記；每個日期都要能以鍵盤取得焦點並朗讀日期與活動數量。驗收清單
不要只確認欄位能不能點。
- 月曆是否是在瀏覽資訊，而不是假裝成單日輸入？
- 今天、選取日、活動日是否清楚區分？
- 每個日期是否有可讀日期與活動摘要？
- 月份切換是否保留合理焦點？
- 小螢幕是否仍能看到星期與日期？