微型拔動開關(guān)設(shè)計指南

微型拔動開關(guān)設(shè)計指南

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

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

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

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

單選按鍵復(fù)選框單復(fù)選框開關(guān)

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

立即生效

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

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

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

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

簡潔、不中立的標(biāo)簽

開關(guān)上的標(biāo)簽要短而直接。

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

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

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

符合標(biāo)準(zhǔn)的微型拔動開關(guān)視覺設(shè)計

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

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

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