微型拔動開關設計指南

微型拔動開關設計指南

微型拔動開關是一個數字開關，提示您在兩個互斥選項之間進行挑選，并且始終有默認值。切換要提供即時結果，以便用戶可以根據需要自由控制首 選項。

仔細觀察，你會發(fā)現微型拔動開關無處不在。因為很多東西都有兩種簡單的狀態(tài)：打開或關閉。從電燈開關到打開移動熱點、移動應用程序的設置頁面，每天都需要與交換機交互。

微型拔動開關適合更改系統(tǒng)功能和首 選項狀態(tài)。交換機通過替換兩個單選按鍵或一個復選框，使用戶可以在兩個相反狀態(tài)之間切換。

可能很難確定要使用的用戶界面元素(單選按鍵、復選框或開關)。如果想知道適合設計用例的選項，請考慮選項的數量和類型以及是否存在明確的默認值。

單選按鍵復選框單復選框開關

設計者在使用適合特定場景的UI元素時，可以幫助預測UI元素生成的反饋以及如何控制這些反饋。為了避免用戶受挫并確保理解，請遵循這些開關說明。

立即生效

交換機要立即有效，不可要求用戶單擊“保存”或“提交”以應用新狀態(tài)。我們要努力使系統(tǒng)與現實世界保持一致。

請考慮一下我的茶壺。為了體驗狀態(tài)變化，不可關閉開關和關閉電源。因此，用戶期望在數字交換機上獲得與實際響應(例如電燈開關)相同的即時結果。即時結果是撥號開關的一個方面，用戶可以根據需要更新首 選的自由和控制。

如果不可立即得到結果，或者不合適，則要使用備用方法(單選按鍵或單個復選框)。如果您正在考慮在包含不同類型表單域的長表單中包含交換機，并且用戶需要單擊“提交”按鍵使更改生效，則不要執(zhí)行此操作。這種情況使用戶困惑，因為無法確認切換挑選是否立即生效。不惜一切代價避免混淆。將生成立即結果的控件與需要單擊“提交”按鍵的控件分開。

在United? Airlines? iOS應用程序中，除了用戶單擊開關時的視覺變化外，沒有任何反饋。我如何知道轉換是否有效？沒有提供反饋。在這種情況下，單個復選框合適。打開IOS的飛行模式后，蘋果將左上角的蜂窩條更改為飛機圖標，提供即時反饋和結果。

簡潔、不中立的標簽

開關上的標簽要短而直接。

例如，如果設計用戶可以更新通知的設置頁面，請寫電子郵件通知，而不是想收到電子郵件通知。*用戶只能閱讀他們認為需要的內容，因此在標記前添加關鍵字，刪除不必要的單詞。避免提問，為掃描性寫文案。

標簽文案：包括非孕婦用品嗎？此開關是中性的，使用戶可以重新決定是否包含或排除特定類型的產品。

Google日歷應用程序中使用的開關標簽是直接和明確的。說明開關打開時的系統(tǒng)狀態(tài)，并與開/關附件有意義。

符合標準的微型拔動開關視覺設計

確保開關看起來像滑塊，并使用視覺提示(如運動和顏色)避免混淆。首先，當用戶更改切換狀態(tài)時，交換機要像實際情況一樣更改位置。

要記住兩個點：顏色是變換的重要視覺標志，對比度和文化差異。如果設計師使用低對比度顏色，很難知道開關是開還是關。因此，始終使用高對比度顏色來表示狀態(tài)變化。此外，評估對用戶的社會和文化影響也很重要。例如，根據國家文化的不同，對紅色的理解可能會有所不同。

此外，狀態(tài)描述符(交換機旁邊的“開”和“關”)可以清楚地查看系統(tǒng)狀態(tài)。