深度解析:開關設計
編輯導語:開關這一功能在APP等應用中十分常見,但是開關有許多種類型,在具體的應用場景下,使用哪種開關設計會更合理和便捷呢?本篇文章里,作者介紹了開關的分類、形式和相應的設計策略等,不妨來看一下。
開關是很常見也很廣泛的一種操作形式,輕點一下即可完成打開和關閉的操作?,F(xiàn)實中,開關是以使電路開路、使電流中斷或使其流到其他電路的電子元件。例如,墻壁開關、電源開關。
在觸摸屏幕上,Material Design中也給出相關定義:
- 手機和平板電腦上打開或關閉單個項目;
- 立即激活或停用某物。
隨著iOS的滑塊開關被廣泛接受,之后安卓系統(tǒng)中的開關也跟進,之后幾乎所有的APP都追隨滑塊形式的開關,目前開關的表現(xiàn)樣式是非常固定的。
在實際運用時,開關仿佛很受到設計者的喜愛,運用非常的廣泛,甚至“一切設置皆可開關”。開關到底應用怎么運用才合理,我們一起探究。
一、開關分類
1. 立即反饋開關
屬于該手機或應用的某個獨立功能,例如WLAN或藍牙等開關,其作用是立即生效且反饋的,立即會根據(jù)用戶的操作做出對應功能開啟或關閉的反應。這類開關是最貼近生活中電子元件的開關,也是最原始的的開關類型。
2. 延遲反饋開關
開關經(jīng)過演變,涵蓋范圍開始擴大,對于手機的某些模式都用開關來表達,例如勿擾模式、靜音模式、自動調節(jié)亮度選項等,這些開關打開后,手機本身并沒有立即反饋,等到來電或通知接收時,開關才產(chǎn)生作用。
3. 弱反饋開關(功能性開關)
后來很多設置選項都加入其中,例如“用側邊按鈕呼叫”“自動保存通話錄音”等。此時的設置項用動詞的表達,闡述某個功能,該功能一般是小的輔助功能或自定義的功能,優(yōu)化主干功能。該類開關并不以反饋為目的,而是通過開關增加一個功能點。
此時的開關相當于“選擇”,而開關只是一種表現(xiàn)形式。
二、開關的形式
開關則可根據(jù)自身想要表達的內(nèi)容的重要程度、可理解程度進行延展。
- 對用戶的行為和操作有一定影響的開關,一般會在副行說明開關打開后的結果。
- 對用戶當前的狀態(tài)需要進行改變的開關,一般也會進行確認操作。增加確認操作彈框,會打擾用戶當前的操作,僅適用于對用戶影響較大的狀態(tài)的開關。
- 對于簡單易理解的設置項,通常無需過多解釋。
上圖中,菜鳥裹裹關閉通知,認知簡單,無需給出提示。
三、開關的設計策略
1. 文本運用
開關的組成通常是文本+開關控件的形式。
1)文本的表述盡量使用肯定句,不用使用否定詞的語句
例如“不把我推薦給好友”,這個句子本身就是否定句,開關控件本身也有打開和關閉兩個屬性,這時為了理解此開關的含義需要繞彎理解,也可能是為了誤導用戶,提高轉化率而設置的。
2)文本精練,避免重復用語
例如“打開后”或“開啟后”的副行文字,開關本身的空間已經(jīng)包含了”打開后”,無須贅述。
3)使用簡單句型,避免條件句等復合句型
例如“響鈴模式振動”“靜音模式振動”,這類句型本身含有一定的條件,且與其他的操作有著密切的關系。
2. 減少使用多重條件開關
多重開關,也可理解為子母開關,大開關套小開關的形式。通常子開關都是母開關的特殊條件,會大大減弱母開關的作用效力,容易忽略子開關條件之間的互相影響,增加理解困難。
此時的子開關無法獨立使用,一般為條件狀語。子開關越多,則情況越多。
例如:
- 1個子開關對應2種情況(子開關打開和關閉);
- 2個子開關對應4種情況(兩個子開關均打開、均關閉、子開關1打開且子開關2關閉、子開關1關閉且子開關2打開);
- N個子開關對應2的N次方種情況,以此類推。
備注:原則上每個子條件,雖未以開關的形式展現(xiàn),其效力是相同的。
例如IOS的勿擾模式,勿擾模式開關為母開關,“重復來電”“設定時間”均為子開關,是勿擾模式行使功能的條件。
當母開關和以上兩個子開關均打開時,情況是:在設定的時間內(nèi)開啟勿擾模式,且支持重復來電。問題:
- 設定時間與重復來電之間是否互相約束?理論上都應該是互相約束的,所以需要用戶自己去理解條件之間的互相約束邏輯。
- 非設定時間內(nèi),相當于勿擾開關是關閉的,重復來電開關也是關閉的。效力被互相牽制。
3. 不與系統(tǒng)功能設定有交集
各自應用的開關只需要管自己領域的設定,對于系統(tǒng)的設置,盡量不沖突也不涉及。其目的是維持手機系統(tǒng)的穩(wěn)定,且維護好中央與地方的關系,行使自己分內(nèi)權利。
示例1微信中“開啟NFC功能”、“橫屏模式”這都是系統(tǒng)功能,系統(tǒng)中有快捷開關的位置和詳細界面,不建議放置在任何應用內(nèi)部。
示例2菜鳥裹裹中,“攬收通知”“派送通知”等七八條與系統(tǒng)通知相關的開關,除了系統(tǒng)設定的各類通知開關,其應用內(nèi)部還有額外的通知開關,總之雜亂無章。
4. 為用戶提供好的解決方案,而不是大量的提供開關
給用戶提供大量開關,實際上是去責化的表現(xiàn),將本應該是分內(nèi)職責的事,推給用戶,卻美其名曰“自定義”?!白远x”并不等同良好體驗,讓用戶少做選擇是我們應該做的。
例如內(nèi)容類的應用的 “省流”開關,不應該是一個選項,而是應用需對用戶的網(wǎng)絡情況,不同內(nèi)容展示所消耗流量的情況,進行統(tǒng)一判斷,做出一個絕佳方案。
5. 多項內(nèi)容時,“選擇”優(yōu)于“開關”
開關可以覆蓋選擇,因此不少界面用開關代替了很多的選擇。但當多項內(nèi)容需要操作時,“選擇”優(yōu)于“開關”。
一般當單個功能項時,開關和選擇可以互換;一般多個功能選項或多個內(nèi)容時,適合用選擇;立即反饋開關或弱反饋開關的情況時,適合用開關。
6. 某個開關項灰顯時,不適合顯示其“開”和“關”的狀態(tài)
開關無論是打開狀態(tài)還是關閉狀態(tài),都能傳遞某個含義。當該選項無法設置時,其“開”和“關”的狀態(tài)顯示出來,即使文本灰顯,也很容易誤導用戶。
四、結語
精準運用每一個控件,是對每個用戶體驗從業(yè)者的最基本的要求??丶陔S著時間的推移,其含義和表現(xiàn)都會發(fā)生變化,就像“開關”的演變一樣。綜合易用性原則、形式表現(xiàn)、用戶認知、文字表達等多個部分更恰當?shù)耐ㄟ^控件這個工具表達出設計者的想法和方案是十分必要的。
本文由 @張寧寧 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉載
題圖來自Unsplash,基于CC0協(xié)議
文本精煉的例子,個人覺得并不是太合適,我在表述的時候,寫上了開啟后,XXX,反而減少我讀完這些文字后,稍微頓一下再反應是否需要開啟。有些人群,老人之類的,使用本身有一定困難,對開關的敏感程度不夠高,有文案突出的話,會更加明確。
感謝您的不同意見,在設計時,類似的問題其實很很多。其實就像“長時間久坐”或者“凱旋歸來”的日常說法,大家雖然容易接受,但實際上是錯誤表達。這個地方也是,開關本身的操作就包含了打開后和關閉后的意思,其與文本“打開后”就是重復表達,還占用了四個字符,文本本身就是輔助說明,恰當且精簡表述會更凸顯專業(yè)化。以上是我對這個細節(jié)的一些看法。
早期野蠻生長起來的產(chǎn)品已經(jīng)不需要考慮用戶體驗了。以后舉例不能拿某些大廠火的產(chǎn)品來說話,他們不具有任何代表性,他們這么做是因為他們怎么做都有人用。
大廠的產(chǎn)品已經(jīng)代表著體驗的高度了,既然是示例,證明確實有很多產(chǎn)品是這樣的
在實際運用時,開關仿佛很受到設計者的喜愛,運用非常的廣泛,甚至“一切設置皆可開關”。感覺確實是這樣
用戶是產(chǎn)品的最重要的體驗者,如果基礎設置不合理、用戶不滿意,再好的產(chǎn)品都會被拋棄的。