微型拔動(dòng)開(kāi)關(guān)設(shè)計(jì)指南

微型拔動(dòng)開(kāi)關(guān)設(shè)計(jì)指南

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

仔細(xì)觀察，你會(huì)發(fā)現(xiàn)微型拔動(dòng)開(kāi)關(guān)無(wú)處不在。因?yàn)楹芏鄸|西都有兩種簡(jiǎn)單的狀態(tài)：打開(kāi)或關(guān)閉。從電燈開(kāi)關(guān)到打開(kāi)移動(dòng)熱點(diǎn)、移動(dòng)應(yīng)用程序的設(shè)置頁(yè)面，每天都需要與交換機(jī)交互。

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

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

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

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

立即生效

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

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

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

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

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

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

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

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

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

符合標(biāo)準(zhǔn)的微型拔動(dòng)開(kāi)關(guān)視覺(jué)設(shè)計(jì)

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

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

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