tft每日頭條

 > 生活

 > 原理圖設計開關的基本要求

原理圖設計開關的基本要求

生活 更新时间:2024-08-21 01:39:49

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

原理圖設計開關的基本要求(深度解析開關設計)1

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

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

随着iOS的滑塊開關被廣泛接受,之後安卓系統中的開關也跟進,之後幾乎所有的APP都追随滑塊形式的開關,目前開關的表現樣式是非常固定的。

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

一、開關分類

1. 立即反饋開關

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

2. 延遲反饋開關

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

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

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

此時的開關相當于“選擇”,而開關隻是一種表現形式。

二、開關的形式

開關則可根據自身想要表達的内容的重要程度、可理解程度進行延展。

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

原理圖設計開關的基本要求(深度解析開關設計)2

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

三、開關的設計策略

1. 文本運用

開關的組成通常是文本 開關控件的形式。

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

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

原理圖設計開關的基本要求(深度解析開關設計)3

2)文本精練,避免重複用語

例如“打開後”或“開啟後”的副行文字,開關本身的空間已經包含了”打開後”,無須贅述。

原理圖設計開關的基本要求(深度解析開關設計)4

3)使用簡單句型,避免條件句等複合句型

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

原理圖設計開關的基本要求(深度解析開關設計)5

2. 減少使用多重條件開關

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

此時的子開關無法獨立使用,一般為條件狀語。子開關越多,則情況越多。

例如:

  • 1個子開關對應2種情況(子開關打開和關閉);
  • 2個子開關對應4種情況(兩個子開關均打開、均關閉、子開關1打開且子開關2關閉、子開關1關閉且子開關2打開);
  • N個子開關對應2的N次方種情況,以此類推。

備注:原則上每個子條件,雖未以開關的形式展現,其效力是相同的。

例如IOS的勿擾模式,勿擾模式開關為母開關,“重複來電”“設定時間”均為子開關,是勿擾模式行使功能的條件。

原理圖設計開關的基本要求(深度解析開關設計)6

當母開關和以上兩個子開關均打開時,情況是:在設定的時間内開啟勿擾模式,且支持重複來電。問題:

  • 設定時間與重複來電之間是否互相約束?理論上都應該是互相約束的,所以需要用戶自己去理解條件之間的互相約束邏輯。
  • 非設定時間内,相當于勿擾開關是關閉的,重複來電開關也是關閉的。效力被互相牽制。

3. 不與系統功能設定有交集

各自應用的開關隻需要管自己領域的設定,對于系統的設置,盡量不沖突也不涉及。其目的是維持手機系統的穩定,且維護好中央與地方的關系,行使自己分内權利。

示例1微信中“開啟NFC功能”、“橫屏模式”這都是系統功能,系統中有快捷開關的位置和詳細界面,不建議放置在任何應用内部。

原理圖設計開關的基本要求(深度解析開關設計)7

示例2菜鳥裹裹中,“攬收通知”“派送通知”等七八條與系統通知相關的開關,除了系統設定的各類通知開關,其應用内部還有額外的通知開關,總之雜亂無章。

原理圖設計開關的基本要求(深度解析開關設計)8

4. 為用戶提供好的解決方案,而不是大量的提供開關

給用戶提供大量開關,實際上是去責化的表現,将本應該是分内職責的事,推給用戶,卻美其名曰“自定義”。“自定義”并不等同良好體驗,讓用戶少做選擇是我們應該做的。

例如内容類的應用的 “省流”開關,不應該是一個選項,而是應用需對用戶的網絡情況,不同内容展示所消耗流量的情況,進行統一判斷,做出一個絕佳方案。

原理圖設計開關的基本要求(深度解析開關設計)9

5. 多項内容時,“選擇”優于“開關”

開關可以覆蓋選擇,因此不少界面用開關代替了很多的選擇。但當多項内容需要操作時,“選擇”優于“開關”。

原理圖設計開關的基本要求(深度解析開關設計)10

一般當單個功能項時,開關和選擇可以互換;一般多個功能選項或多個内容時,适合用選擇;立即反饋開關或弱反饋開關的情況時,适合用開關。

原理圖設計開關的基本要求(深度解析開關設計)11

6. 某個開關項灰顯時,不适合顯示其“開”和“關”的狀态

開關無論是打開狀态還是關閉狀态,都能傳遞某個含義。當該選項無法設置時,其“開”和“關”的狀态顯示出來,即使文本灰顯,也很容易誤導用戶。

原理圖設計開關的基本要求(深度解析開關設計)12

四、結語

精準運用每一個控件,是對每個用戶體驗從業者的最基本的要求。控件在随着時間的推移,其含義和表現都會發生變化,就像“開關”的演變一樣。綜合易用性原則、形式表現、用戶認知、文字表達等多個部分更恰當的通過控件這個工具表達出設計者的想法和方案是十分必要的。

本文由 @張甯甯 原創發布于人人都是産品經理。未經許可,禁止轉載

題圖來自Unsplash,基于CC0協議

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved