60 秒決策
先確認使用者要完成的事。
適合使用
- 資訊影響服務整體、使用者的下一段旅程，卻不直接阻止目前頁面的一個欄位或操作。
- 訊息需要在一段時間內持續看得見，例如維護、服務異常、接近期限或前一頁操作結果。
不適合使用
- 錯誤只影響目前欄位或表單，應放在相關內容附近。
- 每一條小提醒都想放到頁首；橫幅太多時，使用者會直接略過整個區域。
畫面要說清楚的事
不要只交代外觀，也要交代資料與輸入規則。
讓公告範圍一眼可辨
寫清楚影響哪項服務、從何時到何時，以及使用者現在需要知道什麼。
與頁首語意分開
產品設計叫它 Banner，不代表要加 role="banner"；ARIA banner 是網站導覽頁首的 landmark。
有需要才給下一步
維護說明、期限或個人化事項可提供明確連結；純公告不必硬塞一排按鈕。
必要狀態與回應
每個狀態都要讓使用者知道下一步。
顯示中
公告在主要內容前，清楚交代範圍、時間與影響。
使用者關閉
如果可以略過，提供可理解的關閉控制；不要假裝關掉後永遠不會再出現。
重新顯示
示範或產品需要時，讓使用者仍有方式回看重要公告。
訊息過期
維護結束或期限過後應移除，避免舊公告佔住頁面注意力。
操作 Demo
先知道要觀察什麼，再動手操作。
操作前先知道
成員角色維護通知
先觀察：橫幅是否說清楚影響範圍與時間，但不被誤當成目前表單的錯誤。
操作：點選「關閉通知」，再用「重新顯示通知」查看它回到主要內容前的位置。
預期結果：Banner 可以被關閉與重新顯示；局部狀態訊息告知結果，頁首 landmark 沒有被重複使用。
告訴 AI
把任務、規則、狀態與操作條件一次寫清楚。
在 LumenDesk 的成員管理頁主要內容前加入通知 Banner：「8 月 12 日 22:00–23:00 進行系統維護，期間無法變更成員角色。」此通知影響服務整體，但不是使用者正在填的欄位錯誤，因此不要塞進表單附近。提供清楚的「關閉通知」控制與恢復顯示的方式；不要為了視覺名稱就使用 role="banner"，因為頁首 landmark 已由網站 Header 使用。驗收清單
不要只確認欄位能不能點。
- 訊息是否影響服務整體或下一段旅程，而非只是目前欄位問題？
- 是否具體寫出影響範圍、時間與必要下一步？
- 視覺 Banner 是否避免誤用 ARIA role="banner"？
- 關閉是否真的有可觀察結果，且重要通知有回看方式？
- 公告過期後是否會移除？
- 是否避免同頁堆多條競爭注意力的 Banner？