1. 簡要了解設(shè)計(jì)中的開關(guān)

設(shè)計(jì)中提到的開關(guān)其實(shí)就是仿照物理開關(guān)的映射，提供了兩種最為簡單、直接的對(duì)立選項(xiàng)，比如開/關(guān)、啟動(dòng)/禁用等。

它就像生活中控制燈泡的開關(guān)，摁下燈泡立即亮起。所以它要表達(dá)的意思也必須明確，不然用戶都不知道，即將要啟動(dòng)/禁用的是什么。

2. 開關(guān)組件的特點(diǎn)

（1）對(duì)象標(biāo)簽名稱須傳達(dá)清晰，能夠讓用戶能夠明確感知操作后的動(dòng)作開啟或關(guān)閉什么；

（2）主體標(biāo)簽信息和按鈕是分離的，兩個(gè)視覺焦點(diǎn)；

（3）一般點(diǎn)擊后會(huì)立即反饋；

（4）沒有 hovering 效果 ，有動(dòng)作效果，更適合手指操作；

3. 開關(guān)使用場(chǎng)景舉例

（1）開關(guān)的標(biāo)簽意符需傳達(dá)清晰

和單選、復(fù)選框不一樣的是，開關(guān)主體所表示的信息和開關(guān)本身（開關(guān)按鈕）是分離的。

用戶在點(diǎn)擊開關(guān)按鈕前，必須用文字清晰告知用戶點(diǎn)擊后會(huì)發(fā)生什么，甚至有時(shí)需要通過增加小標(biāo)題來加以說明開關(guān)按鈕的功能。

（2）一般情況下只作為立即生效的功能使用開關(guān)按鈕

在表單填寫時(shí)，往往最終會(huì)有「提交」按鈕作為結(jié)束態(tài)，開關(guān)作為表單字段的填寫，用戶點(diǎn)擊后并不能夠立即生效，往往需要再次點(diǎn)擊「提交」按鈕才能生效。

（3）有風(fēng)險(xiǎn)，需著重提醒用戶

開關(guān)的視覺權(quán)重較高，在復(fù)雜的表單信息中，它能夠很快吸引到用戶的注意力，并能夠給用戶以視覺提醒。

（4）避免大面積使用開關(guān)，使用它控制局部細(xì)節(jié)或者次要設(shè)置

開關(guān)在視覺感知上它和按鈕上有些接近，所以盡量避免在表單中使用大量的開關(guān)來控制局部層級(jí)內(nèi)容，因?yàn)殚_關(guān)是控制單一操作，大量內(nèi)容都試用開關(guān)的情況下會(huì)導(dǎo)致信息繁瑣，影響用戶體驗(yàn)，這種情況推薦使用復(fù)選框來替代開關(guān)作為局部控制。

（5）把開關(guān)作為高層級(jí)內(nèi)容控制或信息設(shè)置

把開關(guān)用來作為總控制，開啟后顯示更多層級(jí)的內(nèi)容，關(guān)閉后避免 了web 表單中大面積的使用開關(guān)按鈕，會(huì)和其他的基本組件造成視覺干擾。

將開關(guān)作為高層級(jí)總控制，可以提升用戶的興趣，同時(shí)還能表現(xiàn)出開關(guān)的重要性。

5. 小結(jié)

開關(guān)按鈕視覺突出且反應(yīng)快。用戶瀏覽表單、填寫內(nèi)容組之間，一般不需要很強(qiáng)的視覺差異。如果填寫的表單信息之間對(duì)比差異過大，開關(guān)往往給用戶造成過大的視覺干擾，反而阻礙用戶瀏覽表單的效率。