1.競品分析的定義

從專業的角度來講，競品分析是通過系統的分析方法去全面了解市場上位于前列的競爭對手的產品，能夠讓設計師快速了解自家產品所處的位置，從而來針對性的改進自身產品的一個方法。簡而言之，就是要站在巨人的肩膀上去思考，以競品分析的形式去學習其他優秀的產品，從而解決自身產品所存在的問題。

2.為什么要去做競品分析

做一件事情之前一定要思考做這件事的價值和意義，只有你明白其重要和必要性，你才會知道該怎樣去做這件事情，而不是一提起競品分析就找一大堆專業框架和術語然后去填內容，這樣雖然產出了很多，但是關鍵性的內容點其實還是不清楚。

說直白點，你需要通過這篇競品分析去解決你工作或者創作中遇到的什么問題，帶著疑惑和目的去分析在我看來是更有效率的。因此特分為以下幾種情況：

因此我們要學會根據自己的不同需求，去制定不同的競品分析方案，讓分析的內容更聚焦。作為UI設計師來講，通過競品分析為自己的設計方案提供科學的理論依據，為自己贏得話語權，能夠更好地科學產出內容。

3. 如何尋找競品：

競品的選擇非常重要，如果找到錯誤的競品，那么你所分析的一切結論可能都引向了一個錯誤的方向。從而讓自己的努力都白費。那么怎樣才能找到合適的競品呢？分為以下三類情況

A.核心服務與目標用戶相同的產品（直接競品）：

這一點是廣大設計師都能想到的范疇，也稱為直接競品。即提供的核心服務、市場目標方向、客戶群體等與我們的產品基本一致，產品功能和用戶需求相似度極高的產品 。往往是通過業務關鍵詞就能直接搜索到的競品，比如音樂類產品，那么直接在應用商店，或者通過專業網站（易觀千帆等）搜索關鍵詞“音樂”即可搜索出排行前列的競品。

B.目標人群不同，但功能模塊和服務接近的產品（間接競品）：

這類競品可以找起來并不那么直接，可以通過對應功能去逆推擁有此功能的產品，并進行相關搜索。

如果想不到，可以通過“人人都是產品經理” “36氪“等關于產品資訊的網站進行查詢，甚至可以通過百度指數來進行發散思維，看一下跟你關鍵功能相接近的都有哪些。比如你研究外賣產品，除去餓了么和美團等直接競品，你還可以在分析用戶下單和購買流程中，去分析淘寶和京東等購物產品，也能得到一定的幫助。

C.目標人群和服務都不同，但交互或者視覺有可以參考的產品（關聯競品）：

這里所選擇的產品，定位和領域可以都完全不同，但是你要從這款產品中得到啟發，從而讓你的產品能夠擁有其他競品不同的特點或者功能模塊。有一個很典型也熟知的的案例，就是衛龍辣條的設計案例，在衛龍推出之前，可以說是沒人會想到辣條會和高端扯上關系，但是衛龍就是借鑒與其領域完全不同的蘋果設計去做，從而在包裝上獨樹一幟，從而吸引人們注意取得成功。因此通過不同領域跨行業的產品有時候也可以找到不錯的思維方向。

4.如何進行商業分析：

進行商業分析，這里只提及到三個基本選項：商業背景、產品盈利模式以及用戶人群。通過這三個基本要素，你能對所研究的競品有一個大概的了解。當然深入了解還需要其他平臺（官網網站、36Kr等)來查閱更多的相關性資料，下列是對QQ音樂商業背景的簡要分析。

5. 如何進行交互分析：

我們在做交互分析時，我們需要進行必要的兩點分析：用戶路徑和交互維度。

用戶路徑：指用戶從某個開始行為事件直到結束事件的行為路徑，即用戶在使用某個功能的完整流程稱之為用戶路徑。我們需要去觀察和體驗在這一個完整路徑中涉及到的頁面、動效、視覺到底是怎樣的。就拿登錄頁來說，我們看看排行前列的競品是怎么做的。通過相應的體驗和對比分析，我們就可以找出這其中符合我們產品性質的最優解，從而提高我們的登錄注冊效率。

交互維度：交互維度和用戶路徑有所區別。這一層需要弄清楚產品的核心路徑，從而能夠更好的解析產品各個層面的邏輯關系，這就需要我們以用戶的角度去逐個體驗，整體聯系，隨后記錄下來。使用過程中我們也要去觀察APP中的交互小細節，怎樣分享的，怎樣展示的，比如音樂軟件進行截屏后和點擊喜歡按鈕后的反饋是怎樣的。

6. 如何進行視覺設計：

在進行視覺分析時，有一點需要注意，如果你需要詳細分析某一模塊，請用手機尺寸截圖后拿到設計軟件中進行測量，不要光靠眼睛觀察，很多時候的小細節我們只有在手動測量后才能感受到，比如控件的尺寸大小，間距的大小，以及顏色的取值，都需要精準測量后才能得出靠譜的結論。

怎樣進行視覺分析呢，我比較推薦從一個app 視覺語言最基本的五個維度去分析，即“形色字構質”

最近以音樂APP進行了一次競品分析，以QQ音樂APP來舉例進行分析（當然競品分析并不能只分析一個，而應該根據你需要的功能找多個競品進行對比分析，才能看到更多的維度，這里只拿一個舉例）：

6.1 圖形元素的分析

首先我們以形進行分析，形即圖形元素，具體來講即LOGO和圖標。LOGO的更新在2018年10月以后已完成更新。新版的主要圖標整理歸納如下：

可以看到整體的圖標色調更加清新，造型設計更加圓潤，未選中狀態的線形圖標則采用4px的描邊，粗線形描邊讓整體界面風格顯得更加穩重的同時對用戶的干擾也較小。新版的圖標界面讓界面保持穩重的同時又富有活力。

6.2 色彩體系的分析

其次則是對色這一類別進行分析，顏色其實是對于品牌調性有很大的影響，比如一想起QQ音樂就知道主色是綠，一想起網易云音樂就知道主色是紅，對用戶的記憶點更深刻。通過截屏測量進行分析，得出整體的顏色如下（由于手機屏幕的色差原因，不可避免會有些許誤差）

從局部來看，分析顏色最重要的一點就是能夠弄清楚一個頁面中哪些元素用的是同一種顏色，觀察成熟的產品是怎樣用顏色（和字重）去區分層級關系的。

可以看到，用主色和三種輔色即可區分界面的整個層級關系，由此思考我們在制作自己的界面時也避免用太多的顏色，造成界面太過花哨。（顏色的具體色值可能有些許誤差，更重要的是看顏色層級關系）

6.3 字體體系的分析

接下來是字的分析，字即字體體系，可具體到字體和字號。設計中字體一般來講是蘋方，字號則根據設計師的定義來進行相應的規范。通過頁面的測量分析，可以拿到其具體的字號大小層級分析。（以下定義基于750的設計尺寸）

對于單個界面的分析，個人覺得要帶有思考的眼光去看待，比如在首頁中字號其實分配過多，像“更多”這種按鈕就不應該再分一個字號，字號太多整體就顯得有一點點亂了。雖然大廠的設計能在一定程度上給予我們參考，但并不是說他的每一個設計都是正確的，我們要學會用審視的眼光去看待出現在身邊的設計。

6.4 界面構成分析

界面構成即界面的元素大小以及他們的布局，例如有時候我們不知道一個標準的搜索框的長寬具體多少才是合適的，這就需要我們去分析其他成熟的商業產品，通過測量來知道具體的數值，從而督促自己進行正確的設計。這里選取了一個默認的首頁進行分析。

將一個頁面用右邊的形式進行原型化，去掉干擾可以把結構看得更清楚。間距之類的也可以通過軟件進行測量?？梢钥吹絈Q9.0版本的去線化設計，利用大間距來區分各個模塊，去掉了其他的干擾元素，整體的界面模塊看起來非常整潔輕盈以及富有呼吸感。統一的圓角化設計也讓整體設計符合流行趨勢，顯得更活潑。

6.5 質感與風格分析

關于界面的質感則是不同于扁平化的一個設計，即有的頁面在你看來細節會更豐富，層級會更深。界面質感通過漸變，疊加，透明度等不同方式來呈現，比如在QQ音樂中的會員界面卡片，則體現了微質感：

上方的會員卡片就加入了漸變和圖案疊加的方式來為卡片增加質感，讓整個界面顯得更精致。當然，疊加的圖案都是與內容相關的，不能為了疊加而疊加。包括下方的權益圖標，也采用了漸變的方式來讓整個圖標顯得更精致和有質感。我們再處理質感的時候也可以用這種方式來進行。

以上通過“形色字構質”來分析是屬于單個分析，相當于去拆解一個成熟產品中的每一個細節點，從而去學習和吸收。我們還要學會進行對比分析。把單獨某一個功能模塊拎出來，通過不同類型的對比從而歸納出這一類的設計方法和樣式，進而總結相應規律。

比如某一天你需要設計一個歌單列表，你此時就需要分析所有TOP排行的歌單列表，看看分別都有什么，從而總結歸納出結構來，再進行分類。

通過分析提煉，形成以下結論并進行相應的概念風格展示設計：

這樣，我們最后制作出來的方案才能涵蓋比較全的解決方案，從而能夠更好的助力設計產出。上圖的產出可能稍顯簡陋，但只是做一個簡單的示例，真正的產出應該更加有細節和落地，也要結合自己的工作需求做相應調整。

7.關注競品的版本迭代和用戶評價：

關注版本更迭，閱讀競品版本更新的詳細說明，你可以從中得出版解決了什么問題，提升了哪些體驗，添加了哪些功能，融合了什么流行的設計趨勢。產品迭代就是團隊通過用戶需求對某個產品不斷完善的一個過程。迭代對于一個產品來說是至關重要的，一個產品如果不想被對手超越，就必須不斷的對版本進行更新迭代。

除了關注具體的內容，你還可以觀察版本更新的提示信息，例如夸克瀏覽器在每次更新時總會用富有趣味的文案來打動你，從而讓你更加情愿去更新，提升新版的使用率。

用戶評價則更不用說，產品的最終服務對象就是用戶，用戶評價的重要性自然不言而言。不過我們要客觀辯證地去看待用戶的評價，吸收好的建議，屏蔽無腦的意見，從而能夠正確地迭代版本。用戶評價的查看可以使用App Store或者用戶評價網站（https://appbot.co/）去查詢。

總結

以上的篇幅較長，看下來可能會有一些累，那么此篇文章提及到的點在這里回顧一次：

1.競品分析的定義-站在巨人的肩膀上去學習；

2.為什么做-基于自己的目的去進行對應的競品分析，分析的最終目的是解決自己在設計過程中遇到的問題；

3.競品分析分為三個層面：視覺分析、交互分析以及商業分析；

4.怎樣進行商業分析（商業背景、盈利模式、用戶人群）；

5.怎樣進行交互分析 （用戶路徑、核心路徑、交互細節）；

6.怎樣進行視覺分析 （從“形色字構質”五個維度去分析以及如何對比分析應用）；

7.競品的迭代和用戶評價的重要性。

自己有一個小習慣，看完每一篇文章，總會告訴自己一定要在腦海里回顧一遍，思考一下這一篇文章到底有什么觀點是自己之前沒有想到的，哪怕只有一點是沒觸及到的知識盲區，那么這篇文章之于自己就是有意義的。所以希望大家看完能有些許收獲那便是最好的了。

寫這篇文章的目的是給自己的競品練習做一個總結，以輸出倒逼輸入是一種比較有效的學習方法。但基于自己的水平有限，在某些分析的地方仍然存在不足和疏漏之處，希望大家諒解并及時交流。感謝大家看到這里，希望大家每天都進步～

轉自：站酷-進擊的M 

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務。

一.生活中的反面案例

故事要從我搬到新出租屋開始講起。半年前搬到新的出租屋后，房間里配置的洗衣機也比之前的大了一倍，而且操作區上分布著的密密麻麻的文字和按鈕讓洗衣機看起來更高級了，然而這種對它的好感并沒有持續多久。在我第一次使用它時，我將衣物放進洗衣機后，選擇好時間和洗滌方式，按下了啟動按鈕（如下圖右側白色按鈕）。

按下后洗衣機發出了“滴”的一聲，在我的認知里它應該是開始工作了，但是10秒過后沒有任何抽水聲和洗衣服的聲音。我疑惑地想：“是不是剛才并沒有成功啟動？”，于是再次按下了啟動按鈕，又是“滴”的一聲，但是這次我等了 1 分鐘沒有任何反應。之后的十分鐘里，我與這臺匪夷所思的機器“交涉”多次才理解了它的運行方式。這臺洗衣機啟動后需要等待大概十幾秒才開始運行，但是在我按下啟動按鈕后我得不到任何反饋或者提示來告訴我洗衣機已經開始工作了，所以疑惑的我又按下了一次啟動按鈕，然而令人崩潰的是這臺洗衣機的啟動和暫停按鈕是一體的，我第二次按下實際是進行了暫停操作，從而導致我第二次的困惑。

如果你是這臺洗衣機的設計師，你會怎么解決上述的問題呢？

可能你的心中已經有了答案，在回答之前我們先試著探究問題的本質。

人們不管是使用日常物品還是與機器進行交互，都會面對兩個階段的問題。一個是「執行」，一個是「評估」。執行時用戶需要理解如何操作，操作后可能會有什么結果。評估時用戶需要知道具體發生了什么。作為設計師我們要通過合理的手段幫助用戶解決這些問題，保證交互的可用性和流暢性。

通常我們會使用「意符」在用戶執行前告知用戶如何理解、如何操作、操作后會有什么結果。在評估前通過「反饋」告知用戶結果是什么。

對于意符的定義，在《設計心理學 1-日常的設計》一書中，作者唐納德·諾曼做出了這樣的解釋：

人們需要某種方式了解他們將要使用的產品或服務，某些標識表明的用途，會發生什么，有什么樣的替代方案。人們尋找蛛絲馬跡，尋找任何可以幫助他們應對和理解的符號。任何可能標識出有意義的信息的符號非常重要。設計師需要提供這些線索。人們所需要的和設計師必須提供的，就是意符。除此之外，優良的設計要求對產品的目的、結構和設備的操作與使用者進行良好的交代。那就是意符的作用。

簡而言之，意符就是在用戶使用前，機器為了讓用戶更好地理解和使用它而做出的提示。而反饋就更好理解了，機器在我們操作后做出的反應就是反饋，沒有反應同樣也是一種反饋。

下圖展示了機器與用戶如何進行交互。一個合理的設計可以讓用戶快速順暢地進行 1234 四個步驟進而完成任務，而糟糕的設計會讓用戶不斷重復這個流程。之所以會出現糟糕的設計，就是因為在步驟 1 和 3 沒有進行合理的意符提示和反饋提示讓用戶摸不著頭腦，進而導致用戶根據自己的猜測和過往經驗來進行操作，最后得到非預期的結果。

回到文章開始時的洗衣機開關問題，因為開始和暫停按鈕是一體的，在沒有任何意符和反饋的情況下我按下這個按鈕時我并不知道我啟動的是開始操作還是暫停操作。

我們可以就這個問題列出以下解決方案：

    1.增加文字提示，如啟動時在顯示屏上顯示“已啟動”，暫停時顯示“已暫?！?；

    2.增加語音提示，啟動開關后使用語音告知用戶“已啟動”或“已暫?！薄?/span>

當然解決方案有很多，每個人都可以根據場景想出不同的解決方案。

與現實機器的開關類似，在 UI 設計中我們如果進行開關設計也需要遵循相應的設計原則。

一個合理的開關設計主體包含的意符分別有兩種：

    1.表示當前狀態；

    2.表示操作后的狀態。

主體之外我們還可以添加輔助提示更加清晰地傳達意符和反饋。

接下來將介紹一些常見的開關類型和輔助提示類型，最后總結出體驗優質的開關設計方法。

二.開關類型

1.icon

在 UI 設計中最常見的開關可能就是 icon 了，即由單一的 icon 通過顏色或圖形的變化來表示開或關的狀態。因為交互設計從古到今并沒有統一的嚴格標準，所以到底是將開關 icon 的樣式設計為「當前狀態樣式」還是設計為「按下之后的狀態樣式」并沒有一個約定俗成的規則。然而，對比而言如今各類 App 設計中常見的且體驗比較好的方案還是將開關樣式設計為當前狀態樣式。如下圖iPhone自帶相機的實況照片開關icon就是顯示當前狀態。

然而，并不是說將開關樣式設計為當前狀態樣式做法普遍且體驗更好就可以這樣做了，有些開關的設計因為使用廣泛，已經在用戶的心智中扎根，我們如果強行改變反而適得其反導致體驗變差。最典型的就是視頻和音樂的播放暫停開關，他們表示的就是操作后的狀態而不是當前狀態，如下圖。

因此，大部分應用的開關類 icon 都是混用當前狀態和操作后狀態的，如下圖嗶哩嗶哩的視頻播放界面，播放暫停開關 icon 表示的是操作后狀態，彈幕開關表示的是當前狀態，而視頻鎖開關 icon 又變成了表示操作后狀態了。

是否統一倒不是關鍵，關鍵是我們是否能夠讓用戶理解相應的意符和反饋，目標是讓用戶在操作開關前能夠知道當前狀態是什么，操作開關后當前狀態是什么。

舉一個反例，下圖中的美顏相機的夜拍模式開關就沒有直觀表現出當前是開還是關，這種有歧義的設計可能讓新手用戶手足無措，可能本來未開啟的功能讓用戶誤以為已開啟，導致拍出來的照片不符合用戶預期。

由此我們可以看出，單一的 icon 開關如果沒有其他的輔助提示會造成意符和反饋的缺失，進而形成較大的歧義性，用戶會在疑惑中按照自己固有的心理模型和過往經驗進行判斷，體驗因此降低。

2.主體與開關分離（分離式）

上一部分舉了美顏相機的反例，其意符和反饋不明產生的歧義問題導致了用戶的困惑，但使用「主體與開關分離」（后文一致簡稱為“分離式”）的開關設計可以解決這個問題，它在意符和反饋層面都給予了用戶提示，可視性很強，完全解決了開關狀態無法被用戶感知的問題。分離式開關指的是，主體不再充當開關，只當做開關的名稱或icon，另外制作一個開關傳達意符和反饋，解決了當前狀態與操作后狀態混淆的問題，其通常的樣式如下圖。

如下圖，Faceu激萌不同于美顏相機設計方式就是將主體與開關分離，很清晰地傳達了當前開關狀態。

大部分App的設置頁面使用的開關都是主體與開關分離的方式，如下圖。

顯而易見，分離式開關直觀展示了當前狀態，在消除歧義方面優于 icon 開關，但同時缺點也很明顯，它占用了過多頁面空間并美感欠佳。

3.名稱變化

名稱變化指的是開關依賴于其名稱的變化告知用戶開關的當前狀態和操作，常見的類型如下：

部分 App 會將開關的名稱變化的方式統一，但也有部分 App 會將這兩類進行混用，即一個是表示當前狀態，一個是表示操作。

下圖為部分 App 的名稱開關，我們可以將上圖的開關名稱類型的序號對號入座。

表示操作的按鈕文字具有一定引導性，用戶容易感知和觸發，反之，表示狀態的按鈕文字由于不具有引導性，如果用戶沒有對這類按鈕形成使用習慣甚至難以意識到它是可點擊的，因此我們可以利用其特性進行逆向應用引導用戶的行為。比如在直播App中，我們希望引導用戶關注主播，又試圖避免用戶關注后又取關主播。我們就可以將“關注”制作為表示操作，文案寫為“關注主播”（屬于1.開啟...）。將“取消關注”制作為表示當前狀態，文案寫為“已關注”（屬于7.已開啟...）。前后的顏色進行區分，“關注主播”的按鈕制作得對比度強，吸引力大，“已關注”做得弱一些，讓用戶誤以為不可點擊，如下圖的斗魚直播。

然而，名稱變化的開關由于語言的模糊性，仍然造成了部分歧義。我們可以發現很多App的名稱變化開關設計中，都會在操作后加入其它提示來消除歧義（如：toast 提示），有些App則并未加入，因此在后文中會著重介紹輔助提示的優點和使用方法。

小結

icon、分離式、名稱變化，如果按照消除歧義的優劣排列的話，大概是 分離式>名稱變化>icon。

那這樣的話是不是應該把開關都換成分離式呢？當然不是，分離式雖然在意符和反饋的層面很充分地消除了歧義，但是其也有明顯的缺點，分離出的開關會占用部分空間，可能會影響美觀，因此我們需要根據需求和頁面結構選擇最適合的開關類型。

那名稱變化和 icon 類的開關如何消除歧義呢，我們可以通過添加下面介紹的輔助提示來解決。

三.輔助提示

1.環境暗示

環境暗示指的是用戶在操作開關前，開關以外的區域給予用戶的提示，這些提示本身存在于交互流程中并不是我們刻意加入的，用戶根據這些提示可以判斷當前狀態以及按下開關后的狀態。

例如在觀看視頻時，當用戶去按下視頻播放按鈕前，用戶會通過當前圖像靜止與無聲音這個環境暗示明白當前狀態是可能是視頻未播放，所以應該按下播放按鈕讓視頻播放。

再比如得到 App 的夜間模式，用戶可以通過當前界面的樣式判斷當前是否已經開啟了夜間模式，如下圖。

看下圖，如果沒有環境暗示，你能分清得到的夜間模式的開關哪個當前狀態是夜間哪個當前狀態是日間嗎？

因此，環境暗示的優勢是我們不需要進行另外設計其他的意符和反饋告知用戶當前狀態，環境給予的暗示已經足夠直觀。

2.模態/非模態提示

當用戶按下開關后模態和非模態提示可以在反饋層面告知用戶，讓用戶知道自己是觸發了開啟還是關閉。

常見的模態提示控件是「警告框（Alerts）」，非模態提示控件是「提示框（Toast）」，前者提示強度大，使用在一些危險、重要的反饋中，后者則使用在一些輕量的提示中。

介紹 icon 開關的部分我們提到了美顏相機的夜拍模式的 icon 開關狀態難以區分，但美圖秀秀在這里使用了頂部的非模態提示在反饋層面告知用戶當前狀態，很好地解決了這個問題，如下圖。

拉勾網的設置中，隱藏簡歷為危險操作，用戶極有可能由于開關名稱的歧義或由于疏忽觸發開關導致簡歷被隱藏從而錯過工作機會，因此此處設計了一個形式為警告框的模態提示來告知用戶當前狀態以及潛在風險。

3.輔助文案

輔助文案指的是在主體（主體可能是開關名稱、icon 或二者皆有之）之外另外放置一些文案信息來充當意符和反饋。下圖案例就是高德地圖的下車提示的開關，開關的主體是名稱，但是下面的一行輔助文案很清晰地傳達了當前的開關是什么狀態。

4.其他輔助提示

并不是所有提示都需要讓用戶看見，我們可以給予用戶其他感官的信號告知用戶當前開關的狀態。

在現實生活中，我們會通過鑰匙在鎖中扭動發出的聲音判斷鎖是否被打開，通過觸摸感受摩托車是否繼續震動判斷其是否已經熄火。

同樣，在 UI 設計中，我們也仍然可以使用聽覺和觸覺來消除開關的歧義。一個比較優秀的案例是高德地圖，當用戶打開下車提示之后，會出現語音提示“已開啟下車提醒”，它充分考慮到身處戶外的用戶可能并不能很方便地獲取屏幕上的視覺信息，因此使用語音的形式提示用戶。

小結

輔助提示很好地補充了開關在消除歧義上的不足，但我們需要合理使用否則就會產生不必要的視覺噪聲。如下圖，試想音樂的暫停播放開關如果加入的 toast 提示會怎么樣呢？由于我們已經可以通過“手機是否發出聲音”這個環境暗示獲知當前的開關狀態，如果再加入 toast 提示必然會出現不必要的視覺噪聲。

4.總結

介紹完開關類型和輔助提示后，我們如何將其應用到我們的產品中，設計出無歧義或低歧義的開關呢？

如果我們選擇的開關類型已經足夠的消除歧義，如分離式，我們就不太需要額外地增加輔助提示了。但是如果使用容易造成歧義的開關，我們可以按照（開關類型+輔助提示 1 +輔助提示 2 +......）的公式進行設計，即一種輔助提示不足夠消除歧義，可以使用多種一起。

舉個上文的例子，高德地圖的下車提醒開關的設計就是「名稱變化開關+輔助文案+語音提示」 的組合。

然而，任何設計都不是完美的，很多地方都需要我們做出妥協，雖然我們可以選擇合適的開關類型和輔助提示解決歧義問題，但隨之而來就可能出現其他問題。如分離式開關消除歧義效果很好，但是占用空間且不美觀，模態和非模態提示給予用戶的反饋比較強，但是可能打擾到用戶。

綜合上文提到的三款相機軟件作為案例，如下圖，我們可以發現在消除歧義的過程中避免不了對用戶造成的干擾或頁面美觀度的降低。我們很難去評判Faceu激萌、美顏相機和美圖秀秀哪個設計得更好，它們只是在易用性和美觀性之間找到了它們所認為的平衡點。具體如何設計，還是要具體問題具體分析。

那么我們應該如何進行取舍呢，在這里我們要考慮另外的因素。我們可以從以下角度分析，使用頻率、用戶人群、潛在風險等。

使用頻率：使用頻率越高，用戶對操作的熟悉度越高，歧義對用戶造成的理解與記憶成本就降低了，設計可以偏向低干擾和美觀度，反之使用頻率越低，歧義對用戶造成的理解與記憶成本升高，設計就應該偏向于易理解。

用戶人群：不同的用戶人群的風格偏好、認知能力是不一樣的。例如，我們要設計一款目標用戶為年輕人的相機產品，設計風格簡約，此時我們比較偏向的設計方案可能就類似美顏相機。反之，如果我們的目標用戶是中老年人，就要偏向于易用而犧牲美觀度，方案轉而偏向美圖秀秀或 Faceu 激萌。

潛在風險：開關的切換如果會導致潛在風險，設計就應該偏向于易理解，且需要使用模態提示告知用戶風險。例如用戶如果關閉了推送通知開關，會導致接收不到實時重要的信息通知，此時不僅要使用易識別的開關類型，還需要添加模態提示告知用戶風險。

我們可以將這些考慮角度放到雷達圖，如下圖所示，最終形成的面積越大我們越應該將按鈕制作得易理解、易使用，反之我們可以偏向于將開關制作得更美觀犧牲一些易用性。考慮到一些特殊產品的特殊用戶屬性，我們可以在下圖中增加其他考慮角度，其并不是一成不變的。

以上是本次對開關設計的思考，看似小小的一個開關，包含的學問卻不勝枚舉。作為一個互聯網產品設計從業者，一定要善于感受生活，用設計師細膩的內心去打量、洞察身邊的一切事物，發現美與不足，思考改進方法，并在這個過程中逐漸提升自我的價值。

轉自：站酷-Ballen貝林 

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務。