摘要：UI設計師很容易混淆切換開關和按鈕，因為它們都管理狀態，但是有根本的區別。切換開關用於系統狀態，切換按鈕用於上下文狀態。
關鍵詞：UX設計，UI設計，開關，用戶體驗
全文共814字，閱讀大約需要3分鐘。
UED觀察 報導 | 公眾號 uedsee
頁面狀態vs系統狀態許多應用通過將切換開關用於上下文狀態而濫用它們。例如，一個常見的錯誤是將開關用於搜索篩選器。篩選器僅適用於搜索上下文，不適用於整個系統。因此，要使用的正確選擇控制項是複選框，而不是開關。
用戶希望開關在打開時立即顯示效果。但是，直到用戶按下「保存」按鈕後，搜索篩選器設置才會生效。如果由於單獨的按鈕而造成延遲效果，則開關是使用錯誤的控制項。開關本身就是激活狀態的「按鈕」。不需要單獨的開關按鈕。
通常在應用程式的設置中找到開關，因為這是用戶去管理系統狀態的地方。但是，您也可以將它們用於影響應用程式的模式。下例顯示了隱私模式和暗模式的開關。
開關和並列開關表示打開或關閉的單個狀態，也就是true或false。並列選項是兩個獨立的狀態，它們相反但與不同的用戶任務相關。
某些應用會錯誤地使用開關來設置並列選項。它們將選項標籤放置在開關的相對側，並使用拇指的方向指示狀態。這種做法是濫用開關，因為視覺提示不清晰，這會使用戶感到困惑。不僅如此，開關還具有兩個不同的狀態，而沒有它們期望的關閉狀態。
當您有相反的選項時，切換按鈕是正確的控制項。在示例中，「列表視圖」和「地圖視圖」是用戶切換的相對選項。在這種情況下，切換按鈕的效果比切換效果更好，因為它對選項進行了分組並允許用戶並排查看它們。他們還可以直接選擇每個選項，並獲得清晰的視覺反饋。
狀態和操作開關用於狀態，按鈕用於操作。切勿使用開關代替按鈕，否則將導致用戶無法使用。當用戶看到號召性用語時，他們希望與按鈕進行交互。
使用開關的三個條件如果您要使用切換開關，請檢查是否滿足以下條件：
完。