深度解析:開關設計

6 評論 6455 瀏覽 12 收藏 11 分鐘

編輯導語:開關這一功能在APP等應用中十分常見,但是開關有許多種類型,在具體的應用場景下,使用哪種開關設計會更合理和便捷呢?本篇文章里,作者介紹了開關的分類、形式和相應的設計策略等,不妨來看一下。

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

在觸摸屏幕上,Material Design中也給出相關定義:

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

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

在實際運用時,開關仿佛很受到設計者的喜愛,運用非常的廣泛,甚至“一切設置皆可開關”。開關到底應用怎么運用才合理,我們一起探究。

一、開關分類

1. 立即反饋開關

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

2. 延遲反饋開關

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

3. 弱反饋開關(功能性開關)

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

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

二、開關的形式

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

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

深度解析:開關設計

上圖中,菜鳥裹裹關閉通知,認知簡單,無需給出提示。

三、開關的設計策略

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é)議

更多精彩內(nèi)容,請關注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 文本精煉的例子,個人覺得并不是太合適,我在表述的時候,寫上了開啟后,XXX,反而減少我讀完這些文字后,稍微頓一下再反應是否需要開啟。有些人群,老人之類的,使用本身有一定困難,對開關的敏感程度不夠高,有文案突出的話,會更加明確。

    來自福建 回復
    1. 感謝您的不同意見,在設計時,類似的問題其實很很多。其實就像“長時間久坐”或者“凱旋歸來”的日常說法,大家雖然容易接受,但實際上是錯誤表達。這個地方也是,開關本身的操作就包含了打開后和關閉后的意思,其與文本“打開后”就是重復表達,還占用了四個字符,文本本身就是輔助說明,恰當且精簡表述會更凸顯專業(yè)化。以上是我對這個細節(jié)的一些看法。

      回復
  2. 早期野蠻生長起來的產(chǎn)品已經(jīng)不需要考慮用戶體驗了。以后舉例不能拿某些大廠火的產(chǎn)品來說話,他們不具有任何代表性,他們這么做是因為他們怎么做都有人用。

    來自北京 回復
    1. 大廠的產(chǎn)品已經(jīng)代表著體驗的高度了,既然是示例,證明確實有很多產(chǎn)品是這樣的

      回復
  3. 在實際運用時,開關仿佛很受到設計者的喜愛,運用非常的廣泛,甚至“一切設置皆可開關”。感覺確實是這樣

    來自廣東 回復
  4. 用戶是產(chǎn)品的最重要的體驗者,如果基礎設置不合理、用戶不滿意,再好的產(chǎn)品都會被拋棄的。

    來自陜西 回復