60 秒決策
先確認使用者要完成的事。
適合使用
- 動作不可逆、影響權限或會造成明顯資料/帳號後果,使用者需要在執行前重新確認。
- 能具體說出要影響的對象、後果與取消出口。
不適合使用
- 動作低風險、容易復原,或每次操作都要求確認反而讓人習慣性略過。
- 內容沒有具體對象與後果,只放一個泛用的「確定要繼續嗎?」。
畫面要說清楚的事
不要只交代外觀,也要交代資料與輸入規則。
把對象與後果寫進文字
「停用林子安的帳號」與「將無法登入」比紅色驚嘆號更能讓人停下來判斷。
危險按鈕說出動作
按鈕寫「停用帳號」或「刪除專案」,不要只寫「確定」。
取消路徑要安全且明顯
對不可逆動作,初始焦點通常放在取消或最不具破壞性的選項。
必要狀態與回應
每個狀態都要讓使用者知道下一步。
尚未確認
在原頁仍保留清楚的危險動作入口,但不直接做不可逆變更。
確認開啟
具體對象、後果、取消與 Danger Action 同時清楚,背景不可操作。
取消或 Escape
不做任何變更,焦點回到原本的危險動作入口。
確認執行
執行後提供可追溯的結果、Undo 或其他後續處理方式。
操作 Demo
先知道要觀察什麼,再動手操作。
操作前先知道
停用帳號確認
先觀察:標題、內容與危險按鈕是否都寫出「林子安」與停用後果,取消是否是安全預設。
操作:開啟確認 Dialog,按 Escape 或取消,再重新開啟查看紅色停用按鈕。
預期結果:Escape 等同取消且焦點回到入口;危險按鈕的文字是「停用帳號」,不使用模糊的「確定」。
Confirmation Dialog Demo
高風險動作:先看清後果,再決定要不要繼續成員管理
林子安產品設計 · 專案管理員取消是安全的預設焦點;危險動作要明確說出對象、後果與可否復原。
尚未開啟對話框。
告訴 AI
把任務、規則、狀態與操作條件一次寫清楚。
在 LumenDesk 製作 Confirmation Dialog,確認是否停用「林子安」帳號。標題與內文要寫出帳號名稱、停用後無法登入與失去工作區存取權等後果;保留明確的「取消」按鈕與紅色 Danger Token 的「停用帳號」按鈕。開啟時背景不可操作,初始焦點放在取消或其他最不具破壞性的選項;Escape 等同取消,關閉後焦點回到開啟入口。不要使用模糊的「確定/取消」文案。驗收清單
不要只確認欄位能不能點。
- 是否明確寫出要影響哪個人、資料或工作區?
- 是否說出不可逆或高風險後果?
- 危險按鈕是否用具體動詞而非「確定」?
- 取消與 Escape 是否不做變更,且是安全焦點選項?
- 背景是否在模態開啟時真的不可操作?
- 低風險、可復原的操作是否避免濫用確認 Dialog?