60 秒決策
先確認使用者要完成的事。
適合使用
- 控制單一 on/off 狀態,且切換後會立即生效。
- 使用者需要知道目前系統狀態而非只是在填表。
不適合使用
- 多個設定要先勾選、最後再一起儲存。
- 使用者是在互斥選項間選一個答案。
畫面要說清楚的事
不要只交代外觀,也要交代資料與輸入規則。
Label 說功能,不只寫開關
「啟用維護模式」說明 on/off 的影響;單寫「開」沒有語境。
立即生效要有回饋
切換後顯示更新中、成功或失敗;失敗時回復原狀或說明下一步。
不要把 Switch 當漂亮的 Checkbox
若需要最後按儲存,Checkbox 加 Button 的期待更正確。
必要狀態與回應
每個狀態都要讓使用者知道下一步。
On
功能目前啟用,旁邊文字仍需可理解。
Off
功能目前關閉,避免只靠滑塊位置判斷。
更新中
遠端儲存時暫時鎖定控制並說明正在更新。
更新失敗
回報失敗並維持可信的實際狀態。
操作 Demo
先知道要觀察什麼,再動手操作。
操作前先知道
立即生效的開關
先觀察:切換後先顯示更新,再回報目前維護模式。
操作:開啟或關閉維護模式。
預期結果:使用者知道這不是等待表單送出的暫存設定。
可操作 Demo
立即生效的狀態
啟用維護模式
切換後立即更新入口狀態;不是等表單最後一起儲存。
目前為一般模式。
告訴 AI
把任務、規則、狀態與操作條件一次寫清楚。
建立「啟用維護模式」Switch。切換後立即更新狀態並以文字回報成功或失敗;Label 要描述功能,不用「開/關」當唯一說明。若切換不是立即生效,請改用 Checkbox 加上儲存按鈕。驗收清單
不要只確認欄位能不能點。
- 切換是否真的立即生效?
- Label 是否描述功能與後果?
- 是否有更新中、成功與失敗回饋?
- 狀態是否不只依賴顏色與位置?
- 如果不是立即生效,是否應改用 Checkbox?