編輯導(dǎo)語：開關(guān)這一功能在APP等應(yīng)用中十分常見，但是開關(guān)有許多種類型，在具體的應(yīng)用場景下，使用哪種開關(guān)設(shè)計會更合理和便捷呢？本篇文章里，作者介紹了開關(guān)的分類、形式和相應(yīng)的設(shè)計策略等，不妨來看一下。

開關(guān)是很常見也很廣泛的一種操作形式，輕點一下即可完成打開和關(guān)閉的操作?，F(xiàn)實中，開關(guān)是以使電路開路、使電流中斷或使其流到其他電路的電子元件。例如，墻壁開關(guān)、電源開關(guān)。

在觸摸屏幕上，Material Design中也給出相關(guān)定義：

1. 手機和平板電腦上打開或關(guān)閉單個項目；
2. 立即激活或停用某物。

隨著iOS的滑塊開關(guān)被廣泛接受，之后安卓系統(tǒng)中的開關(guān)也跟進，之后幾乎所有的APP都追隨滑塊形式的開關(guān)，目前開關(guān)的表現(xiàn)樣式是非常固定的。

在實際運用時，開關(guān)仿佛很受到設(shè)計者的喜愛，運用非常的廣泛，甚至“一切設(shè)置皆可開關(guān)”。開關(guān)到底應(yīng)用怎么運用才合理，我們一起探究。

一、開關(guān)分類

1. 立即反饋開關(guān)

屬于該手機或應(yīng)用的某個獨立功能，例如WLAN或藍牙等開關(guān)，其作用是立即生效且反饋的，立即會根據(jù)用戶的操作做出對應(yīng)功能開啟或關(guān)閉的反應(yīng)。這類開關(guān)是最貼近生活中電子元件的開關(guān)，也是最原始的的開關(guān)類型。

2. 延遲反饋開關(guān)

開關(guān)經(jīng)過演變，涵蓋范圍開始擴大，對于手機的某些模式都用開關(guān)來表達，例如勿擾模式、靜音模式、自動調(diào)節(jié)亮度選項等，這些開關(guān)打開后，手機本身并沒有立即反饋，等到來電或通知接收時，開關(guān)才產(chǎn)生作用。

3. 弱反饋開關(guān)（功能性開關(guān)）

后來很多設(shè)置選項都加入其中，例如“用側(cè)邊按鈕呼叫”“自動保存通話錄音”等。此時的設(shè)置項用動詞的表達，闡述某個功能，該功能一般是小的輔助功能或自定義的功能，優(yōu)化主干功能。該類開關(guān)并不以反饋為目的，而是通過開關(guān)增加一個功能點。

此時的開關(guān)相當(dāng)于“選擇”，而開關(guān)只是一種表現(xiàn)形式。

二、開關(guān)的形式

開關(guān)則可根據(jù)自身想要表達的內(nèi)容的重要程度、可理解程度進行延展。

1. 對用戶的行為和操作有一定影響的開關(guān)，一般會在副行說明開關(guān)打開后的結(jié)果。
2. 對用戶當(dāng)前的狀態(tài)需要進行改變的開關(guān)，一般也會進行確認操作。增加確認操作彈框，會打擾用戶當(dāng)前的操作，僅適用于對用戶影響較大的狀態(tài)的開關(guān)。
3. 對于簡單易理解的設(shè)置項，通常無需過多解釋。

上圖中，菜鳥裹裹關(guān)閉通知，認知簡單，無需給出提示。

三、開關(guān)的設(shè)計策略

1. 文本運用

開關(guān)的組成通常是文本+開關(guān)控件的形式。

1）文本的表述盡量使用肯定句，不用使用否定詞的語句

例如“不把我推薦給好友”，這個句子本身就是否定句，開關(guān)控件本身也有打開和關(guān)閉兩個屬性，這時為了理解此開關(guān)的含義需要繞彎理解，也可能是為了誤導(dǎo)用戶，提高轉(zhuǎn)化率而設(shè)置的。

2）文本精練，避免重復(fù)用語

例如“打開后”或“開啟后”的副行文字，開關(guān)本身的空間已經(jīng)包含了”打開后”，無須贅述。

3）使用簡單句型，避免條件句等復(fù)合句型

例如“響鈴模式振動”“靜音模式振動”，這類句型本身含有一定的條件，且與其他的操作有著密切的關(guān)系。

2. 減少使用多重條件開關(guān)

多重開關(guān)，也可理解為子母開關(guān)，大開關(guān)套小開關(guān)的形式。通常子開關(guān)都是母開關(guān)的特殊條件，會大大減弱母開關(guān)的作用效力，容易忽略子開關(guān)條件之間的互相影響，增加理解困難。

此時的子開關(guān)無法獨立使用，一般為條件狀語。子開關(guān)越多，則情況越多。

例如：

• 1個子開關(guān)對應(yīng)2種情況（子開關(guān)打開和關(guān)閉）；
• 2個子開關(guān)對應(yīng)4種情況（兩個子開關(guān)均打開、均關(guān)閉、子開關(guān)1打開且子開關(guān)2關(guān)閉、子開關(guān)1關(guān)閉且子開關(guān)2打開）；
• N個子開關(guān)對應(yīng)2的N次方種情況，以此類推。

備注：原則上每個子條件，雖未以開關(guān)的形式展現(xiàn)，其效力是相同的。

例如IOS的勿擾模式，勿擾模式開關(guān)為母開關(guān)，“重復(fù)來電”“設(shè)定時間”均為子開關(guān)，是勿擾模式行使功能的條件。

當(dāng)母開關(guān)和以上兩個子開關(guān)均打開時，情況是：在設(shè)定的時間內(nèi)開啟勿擾模式，且支持重復(fù)來電。問題：

• 設(shè)定時間與重復(fù)來電之間是否互相約束？理論上都應(yīng)該是互相約束的，所以需要用戶自己去理解條件之間的互相約束邏輯。
• 非設(shè)定時間內(nèi)，相當(dāng)于勿擾開關(guān)是關(guān)閉的，重復(fù)來電開關(guān)也是關(guān)閉的。效力被互相牽制。

3. 不與系統(tǒng)功能設(shè)定有交集

各自應(yīng)用的開關(guān)只需要管自己領(lǐng)域的設(shè)定，對于系統(tǒng)的設(shè)置，盡量不沖突也不涉及。其目的是維持手機系統(tǒng)的穩(wěn)定，且維護好中央與地方的關(guān)系，行使自己分內(nèi)權(quán)利。

示例1微信中“開啟NFC功能”、“橫屏模式”這都是系統(tǒng)功能，系統(tǒng)中有快捷開關(guān)的位置和詳細界面，不建議放置在任何應(yīng)用內(nèi)部。

示例2菜鳥裹裹中，“攬收通知”“派送通知”等七八條與系統(tǒng)通知相關(guān)的開關(guān)，除了系統(tǒng)設(shè)定的各類通知開關(guān)，其應(yīng)用內(nèi)部還有額外的通知開關(guān)，總之雜亂無章。

4. 為用戶提供好的解決方案，而不是大量的提供開關(guān)

給用戶提供大量開關(guān)，實際上是去責(zé)化的表現(xiàn)，將本應(yīng)該是分內(nèi)職責(zé)的事，推給用戶，卻美其名曰“自定義”?！白远x”并不等同良好體驗，讓用戶少做選擇是我們應(yīng)該做的。

例如內(nèi)容類的應(yīng)用的 “省流”開關(guān)，不應(yīng)該是一個選項，而是應(yīng)用需對用戶的網(wǎng)絡(luò)情況，不同內(nèi)容展示所消耗流量的情況，進行統(tǒng)一判斷，做出一個絕佳方案。

5. 多項內(nèi)容時，“選擇”優(yōu)于“開關(guān)”

開關(guān)可以覆蓋選擇，因此不少界面用開關(guān)代替了很多的選擇。但當(dāng)多項內(nèi)容需要操作時，“選擇”優(yōu)于“開關(guān)”。

一般當(dāng)單個功能項時，開關(guān)和選擇可以互換；一般多個功能選項或多個內(nèi)容時，適合用選擇；立即反饋開關(guān)或弱反饋開關(guān)的情況時，適合用開關(guān)。

6. 某個開關(guān)項灰顯時，不適合顯示其“開”和“關(guān)”的狀態(tài)

開關(guān)無論是打開狀態(tài)還是關(guān)閉狀態(tài)，都能傳遞某個含義。當(dāng)該選項無法設(shè)置時，其“開”和“關(guān)”的狀態(tài)顯示出來，即使文本灰顯，也很容易誤導(dǎo)用戶。

四、結(jié)語

精準(zhǔn)運用每一個控件，是對每個用戶體驗從業(yè)者的最基本的要求?？丶陔S著時間的推移，其含義和表現(xiàn)都會發(fā)生變化，就像“開關(guān)”的演變一樣。綜合易用性原則、形式表現(xiàn)、用戶認知、文字表達等多個部分更恰當(dāng)?shù)耐ㄟ^控件這個工具表達出設(shè)計者的想法和方案是十分必要的。

本文由 @張寧寧 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議