視覺設計師如何做競品分析？來看這份超周全的指南！

2019/4/16 9:54:16來源：互聯(lián)網(wǎng)

作為用戶體驗設計師，競品分析也是必備技能之一，通過分析市場上的競品，能夠讓設計師在短時間內(nèi)快速了解本身所做產(chǎn)品在整個市場中的定位，對于視覺設計師來說，有一個體系的競品分析方法，能夠周全了解競品的品牌、交互、視覺、市場等方面。同時競品分析也為設計師提供一份可量化的評價標準，避免過于主觀的看法，幫助設計師用專業(yè)水平說服團隊伙伴，提拔設計師的專業(yè)度，明確設計目標，優(yōu)化設計產(chǎn)品。

那么今天我們就來聊聊從設計師角度如何來做競品分析。

一、競品分析的目的

1. 戰(zhàn)略層

目標：了解市場情況和商業(yè)目標，分析產(chǎn)品的定位，明確自身的上風，以及與其他同類產(chǎn)品差異化的競爭點。

在這個層面上，身為視覺設計師，建議在做這部分的內(nèi)容分析時，多和產(chǎn)品經(jīng)理溝通，了解他們?nèi)绾味ㄎ桓偲?。結合觀察和平時的使用體驗，來得出屬于本身的結論。

2. 用戶層

目標：了解用戶是誰，為什么使用產(chǎn)品，使用的場景是什么，是否存在痛點，提供用戶想要的產(chǎn)品，了解用戶想要的產(chǎn)品。

當前語境下，可以通過如下途徑，從用戶的語言、舉動去了解他們真實的需求：

使用用研團隊的調(diào)研產(chǎn)出
網(wǎng)上搜索用戶反饋（appstore評論/官網(wǎng)官微/論壇等）
直接的用戶研究（方法包括問卷調(diào)查、可用性測試、用戶訪談、眼動測試、焦點小組、用戶畫像、數(shù)據(jù)分析等）

3. 實踐層

目標：得到有用的驗證、有效的總結，找到能夠啟發(fā)設計的亮點，促進團隊達到同等的共識。

視覺設計大部分時候處于產(chǎn)品設計環(huán)節(jié)的中下流，更多的是在交互產(chǎn)出的基礎上進行設計，詳細方案也是盡量遵照現(xiàn)有產(chǎn)品規(guī)范進行產(chǎn)出。當缺少視覺設計思考和理論沉淀、不明確與其他競爭對手的差別時，很容易遇到能力瓶頸。通過競品分析，可以以更加全局的視角審視競品的方案和本身的產(chǎn)出間的差距，從而產(chǎn)出更高效的設計，提拔設計思考力，進步產(chǎn)品核心競爭力。

二、競品分析的原則

原則1：呈現(xiàn)體例

凸起要分析的維度上，我們產(chǎn)品所處的位置——排行如何、是好是壞，化主觀為客觀。需要時可以通過象限圖、表格排序、樹狀圖等體例呈現(xiàn)，可以為我們的分析提拔可信度和可閱讀性。

原則2：呈現(xiàn)選擇

數(shù)量上不必要大而全的覆蓋所有競品，重點選擇市場上良好的競品進行分析，就可達到我們的設計分析目的。

原則3：呈現(xiàn)內(nèi)容

做競品分析時容易將產(chǎn)品和企業(yè)文化、產(chǎn)品商業(yè)戰(zhàn)略等信息剝脫離，如許就很容易忽視這其中的相干性，分析的時候，就有可能導致片面或者出現(xiàn)偏差。

三、競品的選擇

1. 直接競品

跟所做產(chǎn)品有直接競爭關系，使用場景和用戶群體同等的產(chǎn)品。

2. 間接競品

使用場景和用戶群體可以不同等但比較接近的產(chǎn)品。

3. 相干競品

定位和領域可以完全不同，可以是不構成競爭關系的產(chǎn)品。但是相干交互和流程有關聯(lián)，可以從中得到啟發(fā)，因此無需研究整個產(chǎn)品，只研究與產(chǎn)品關聯(lián)的部分。

細致

基于本身的目的選擇競品，同樣的產(chǎn)品，但出于不同的目的，其所處的維度可能有所不同，統(tǒng)一個產(chǎn)品的不同模塊也有可能處于不同的維度，在現(xiàn)實操作中細致甄別。

四、競品分析的矩陣

1. 品牌傳達

一個好的產(chǎn)品，會在產(chǎn)品的設計中融入品牌因子。讓產(chǎn)品在傳達內(nèi)容的同時也在賡續(xù)傳達產(chǎn)品，讓用戶賡續(xù)的接觸產(chǎn)品。起到潛移默化的在用戶心中塑造品牌形象的作用。做競品分析之前先確立品牌的定位再去分析產(chǎn)品，會得到更真實合理的分析結論。

例如可以通過提煉出競品的顏色、icon、配圖等體例推導得出視覺性格。

2. 視覺風格

精確的定位視覺風格，可以讓用戶對產(chǎn)品更加有親切感和融入感，從而增長用戶寫意度和用戶粘性。可以通過提煉競品的關鍵網(wǎng)頁、配圖等體例，推導得出視覺風格和風格的上風。

3. 網(wǎng)頁布局

分析競品的布局體例，對詳細網(wǎng)頁信息和布局進行過細拆解；研究界面元素之間的親疏關系，版塊之間的劃分體例，基本元素的重組規(guī)則，以及一些細節(jié)的處理手法等。

因為詳細網(wǎng)頁布局拆解工作量較大，所以可根據(jù)需求，拆解部分網(wǎng)頁即可?？梢杂脵M向法和時間軸法進行拆解。

4. 動效

一個好的交互動效可以加深用戶對產(chǎn)品的心里印象。動效的使用讓網(wǎng)頁跳轉更加頁暢，指引用戶的體驗更佳。是對產(chǎn)品進行高階的進化。給用戶體驗帶來的益處是躍進性的。可以在這個點上，分析產(chǎn)品具有差異化的設計。

細致，不要為了加動效而加，好的動效是無感知和恰到益處的。不然，有可能會起到減分的結果。

5. icon

圖標是產(chǎn)品設計的靈魂之一，一個好的圖標設計直接賦予產(chǎn)品靈氣和辨識度。分析競品圖標，從功能性、識別性、美觀性不同的維度出發(fā)，一一排列觀察。

6. 字體

分析競品字體樣式的使用、字體數(shù)量的使用、字體層級的使用。

將筆墨的使用列成使用表之后，可以從字體的不同的使用方面分析出筆墨層級的設置方向，以便體系的管理字體在產(chǎn)品中的運用。可以更好的規(guī)范我們即將要設計的產(chǎn)品，從開發(fā)的角度來講還可以更好的協(xié)同工作。

7. 規(guī)范控件

對網(wǎng)頁的元素和流程進行拆解，找出哪些是由控件組成，以及這些控件是如何在產(chǎn)品里變成規(guī)范。

規(guī)范控件的分析整頓將對產(chǎn)品的設計起到特別很是大的幫助，可以幫助我們從微觀跳出，在宏觀層面把控設計?？丶囊?guī)范可以讓產(chǎn)品具有同等性，幫助團隊協(xié)作完成同一風格的網(wǎng)頁設計。

8. 競品分析的輸出

做完以上分析，最后得出本身的設計總結并輸出，競品分析總結根據(jù)不同目的從以下幾個維度進行拓展，重點在于輸出觀點而非「介紹」。

總結的時候重要是凸起說明競品相較于本身所做產(chǎn)品有哪些上風，同時又有哪些不足，最好說明競品是什么緣故原由而產(chǎn)生了這些題目，從設計的角度細致說明我們預備如何突破。

產(chǎn)品品牌：品牌的定位與產(chǎn)品形態(tài)痛癢相關，總結競品設計有多少為品牌化服務的，可以從中做哪些借鑒。

設計風格：總結競品的設計風格，取其精華去其糟粕，說明如何應用在本身的產(chǎn)品中。
設計亮點：設計中差異化的東西是否是競品脫穎而出的關鍵點，這些亮點在我們產(chǎn)品中使用的可能性。
設計趨勢：雖然所有內(nèi)容都是基于現(xiàn)有產(chǎn)品產(chǎn)出的，但建議設計師更進一步，在現(xiàn)有競品分析的基礎上，結合行業(yè)動態(tài)，挖掘行業(yè)團體設計趨勢，反推運用到本身的產(chǎn)品設計中。