60 秒決策
先確認使用者要完成的事。
適合使用
- 使用者正在做的事剛發生問題,或需要立刻知道一個不改變頁面脈絡的結果。
- 訊息必須留在相關欄位、區塊或任務附近,讓人不用回頭找問題在哪裡。
不適合使用
- 只是一般教學、長期說明或與目前任務無關的服務公告。
- 需要使用者停下來確認高風險後果;那是 Alert Dialog 或 Confirmation Dialog 的工作。
畫面要說清楚的事
不要只交代外觀,也要交代資料與輸入規則。
先說哪裡不能繼續,再說怎麼修
「無法儲存:請至少選擇一種通知管道」比「發生錯誤」有用得多。
放在出問題的任務附近
表單內的問題用 Inline Alert 或欄位錯誤,不要把使用者送去頁面最上方找一條橫幅。
用語意通知,不用搶焦點
動態加入的重要訊息可以被輔助科技得知,但焦點應留給使用者當前的輸入或操作。
必要狀態與回應
每個狀態都要讓使用者知道下一步。
尚未發生
畫面不預先放空白 Alert;需要通知時才插入或更新內容。
問題出現
訊息說明問題、影響與修正方向;鍵盤焦點不會突然被拉走。
仍待修正
錯誤保持可見,直到使用者完成合理修正,不會自動消失。
已修正
移除不再成立的 Alert,或以較低干擾的狀態訊息回報已完成。
操作 Demo
先知道要觀察什麼,再動手操作。
操作前先知道
通知管道尚未選擇
先觀察:Alert 出現後,焦點是否仍在「儲存通知設定」按鈕;訊息是否直接說出要修正什麼。
操作:點選「儲存通知設定」,觀察表單附近出現的警示。
預期結果:Alert 會說明至少要選一種通知管道,持續留在設定區,且不會把鍵盤焦點搶走。
告訴 AI
把任務、規則、狀態與操作條件一次寫清楚。
在 LumenDesk 的通知設定表單中,當使用者沒有選擇任何通知管道卻按下儲存時,在設定區附近顯示 Inline Alert:「無法儲存:請至少選擇一種通知管道。」這段訊息要明確指出問題與修正方向,動態出現時使用適當的 alert 語意讓螢幕閱讀器得知,但不要自動移走鍵盤焦點。Alert 必須持續顯示到問題被修正,不要幾秒後自行消失。驗收清單
不要只確認欄位能不能點。
- 訊息是否和目前任務直接相關?
- 是否說出問題、影響與修正方式,而非只說「失敗」?
- 動態訊息是否能被輔助科技辨識,但不強制搶走焦點?
- 訊息是否停留到使用者能處理,而非自行消失?
- 高風險確認是否改用 Alert Dialog 或 Confirmation Dialog?
- 一般提示是否改用 Callout 或其他較低干擾的呈現?