浮動介面與確認

Confirmation Dialog|確認對話框

在不可逆或高風險動作前,清楚交代後果並提供取消路徑;危險動作不能只叫「確定」。

常見俗稱:確認對話框、刪除確認、二次確認、Confirmation Dialog、危險操作確認

60 秒決策

先確認使用者要完成的事。

適合使用

  • 動作不可逆、影響權限或會造成明顯資料/帳號後果,使用者需要在執行前重新確認。
  • 能具體說出要影響的對象、後果與取消出口。

不適合使用

  • 動作低風險、容易復原,或每次操作都要求確認反而讓人習慣性略過。
  • 內容沒有具體對象與後果,只放一個泛用的「確定要繼續嗎?」。

畫面要說清楚的事

不要只交代外觀,也要交代資料與輸入規則。

把對象與後果寫進文字

「停用林子安的帳號」與「將無法登入」比紅色驚嘆號更能讓人停下來判斷。

危險按鈕說出動作

按鈕寫「停用帳號」或「刪除專案」,不要只寫「確定」。

取消路徑要安全且明顯

對不可逆動作,初始焦點通常放在取消或最不具破壞性的選項。

必要狀態與回應

每個狀態都要讓使用者知道下一步。

尚未確認

在原頁仍保留清楚的危險動作入口,但不直接做不可逆變更。

確認開啟

具體對象、後果、取消與 Danger Action 同時清楚,背景不可操作。

取消或 Escape

不做任何變更,焦點回到原本的危險動作入口。

確認執行

執行後提供可追溯的結果、Undo 或其他後續處理方式。

操作 Demo

先知道要觀察什麼,再動手操作。

操作前先知道

  1. 停用帳號確認

    先觀察:標題、內容與危險按鈕是否都寫出「林子安」與停用後果,取消是否是安全預設。

    操作:開啟確認 Dialog,按 Escape 或取消,再重新開啟查看紅色停用按鈕。

    預期結果:Escape 等同取消且焦點回到入口;危險按鈕的文字是「停用帳號」,不使用模糊的「確定」。

Confirmation Dialog Demo

高風險動作:先看清後果,再決定要不要繼續
情境:LumenDesk 成員管理

成員管理

林子安產品設計 · 專案管理員
帳號啟用中

取消是安全的預設焦點;危險動作要明確說出對象、後果與可否復原。

尚未開啟對話框。

停用林子安的帳號?

停用後,林子安將無法登入 LumenDesk,且目前的專案指派會保留。此示範不會真的變更帳號。

告訴 AI

把任務、規則、狀態與操作條件一次寫清楚。

在 LumenDesk 製作 Confirmation Dialog,確認是否停用「林子安」帳號。標題與內文要寫出帳號名稱、停用後無法登入與失去工作區存取權等後果;保留明確的「取消」按鈕與紅色 Danger Token 的「停用帳號」按鈕。開啟時背景不可操作,初始焦點放在取消或其他最不具破壞性的選項;Escape 等同取消,關閉後焦點回到開啟入口。不要使用模糊的「確定/取消」文案。

驗收清單

不要只確認欄位能不能點。

  • 是否明確寫出要影響哪個人、資料或工作區?
  • 是否說出不可逆或高風險後果?
  • 危險按鈕是否用具體動詞而非「確定」?
  • 取消與 Escape 是否不做變更,且是安全焦點選項?
  • 背景是否在模態開啟時真的不可操作?
  • 低風險、可復原的操作是否避免濫用確認 Dialog?