選擇控制

Switch|開關

表達立即生效的 on/off 狀態,而不是延後送出的偏好選項。

常見俗稱:開關、切換開關、Toggle Switch、滑動開關

60 秒決策

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

適合使用

  • 控制單一 on/off 狀態,且切換後會立即生效。
  • 使用者需要知道目前系統狀態而非只是在填表。

不適合使用

  • 多個設定要先勾選、最後再一起儲存。
  • 使用者是在互斥選項間選一個答案。

畫面要說清楚的事

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

Label 說功能,不只寫開關

「啟用維護模式」說明 on/off 的影響;單寫「開」沒有語境。

立即生效要有回饋

切換後顯示更新中、成功或失敗;失敗時回復原狀或說明下一步。

不要把 Switch 當漂亮的 Checkbox

若需要最後按儲存,Checkbox 加 Button 的期待更正確。

必要狀態與回應

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

On

功能目前啟用,旁邊文字仍需可理解。

Off

功能目前關閉,避免只靠滑塊位置判斷。

更新中

遠端儲存時暫時鎖定控制並說明正在更新。

更新失敗

回報失敗並維持可信的實際狀態。

操作 Demo

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

操作前先知道

  1. 立即生效的開關

    先觀察:切換後先顯示更新,再回報目前維護模式。

    操作:開啟或關閉維護模式。

    預期結果:使用者知道這不是等待表單送出的暫存設定。

可操作 Demo

立即生效的狀態

啟用維護模式

切換後立即更新入口狀態;不是等表單最後一起儲存。

目前為一般模式。

告訴 AI

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

建立「啟用維護模式」Switch。切換後立即更新狀態並以文字回報成功或失敗;Label 要描述功能,不用「開/關」當唯一說明。若切換不是立即生效,請改用 Checkbox 加上儲存按鈕。

驗收清單

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

  • 切換是否真的立即生效?
  • Label 是否描述功能與後果?
  • 是否有更新中、成功與失敗回饋?
  • 狀態是否不只依賴顏色與位置?
  • 如果不是立即生效,是否應改用 Checkbox?