導(dǎo)語：在我們的設(shè)計工作中，競品分析是很重要的。通過競品分析可以幫助我們了解與驗證我們的設(shè)計，為我們帶來設(shè)計靈感與設(shè)計思考，輔助我們產(chǎn)出更好的設(shè)計策略與設(shè)計方案。但是，競品分析如果做的不正確，浪費時間的同時對于設(shè)計也不會有什么幫助。那么，設(shè)計師應(yīng)該如何正確的做競品分析呢？

在平時的工作中，有拿不準(zhǔn)的設(shè)計形式時我會請教我的導(dǎo)師，她經(jīng)常會告訴我行業(yè)內(nèi)的top級產(chǎn)品是怎么做的？也常讓我也去多看一下、多分析別人是怎么做的？這樣自己拿不準(zhǔn)的地方也就知道如何修改了。

其實這就是一個做競品分析的過程，對于初階的設(shè)計師來說，做競品分析特別重要，所以自己也很注重這方面的學(xué)習(xí)與練習(xí)。競品分析得越多，我們的腦海里沉淀的設(shè)計方式也就越多，我們就能更容易的回答為什么要這樣設(shè)計？哪一種設(shè)計形式會更好？

學(xué)習(xí)與總結(jié)了關(guān)于設(shè)計師做競品分析的一些方法，分享給大家，希望對大家有所幫助，也歡迎大家多多指教呀～

文章大綱：

1. 明確目標(biāo)，選擇競品
2. 了解競品商業(yè)背景
3. 基于目的，分析競品
4. 視覺分析
5. 產(chǎn)出競品分析報告

一、明確目標(biāo)，選擇競品

1. 明確目標(biāo)

在競品分析之前，我們要根據(jù)我們要解決的問題，明確我們此次競品分析的目的是什么？我們想要在競品分析過程中獲得怎樣的收獲？

根據(jù)我們的目標(biāo)，進(jìn)行競品選擇。若沒有明確目標(biāo)我們很容易在分析過程中走偏，分析很多不相干的內(nèi)容，容易迷失方向，獲取不到實質(zhì)性的幫助。

比如我們的目的是想了解feed流設(shè)計形式，那么我們在后續(xù)競品分析過程中就應(yīng)該重點關(guān)注feed流的布局形式有哪些，feed流中卡片中圖文關(guān)系是怎樣的？圖片有幾種比例等？

我們的競品可以選擇社交類產(chǎn)品，比如Facebook、微博、ins這種feed流應(yīng)用得特別多的top級產(chǎn)品。比如是想進(jìn)行視覺風(fēng)格改版設(shè)計，那么在競品分析時我們應(yīng)該多關(guān)注競品的視覺風(fēng)格，圖標(biāo)應(yīng)用了哪種風(fēng)格類型？體現(xiàn)了哪種設(shè)計趨勢等等。

2. 選擇競品

競品一般分為直接競品與間接競品。

• 直接競品：同類型直接競爭關(guān)系的產(chǎn)品，比如淘寶與京東；
• 間接競品：使用場景和用戶群體比較接近的產(chǎn)品，比如淘寶與得物這類垂直領(lǐng)域的產(chǎn)品。

我們在做競品分析時，直接競品建議選擇業(yè)內(nèi)TOP級產(chǎn)品進(jìn)行分析，間接產(chǎn)品建議選擇垂直領(lǐng)域的獨角獸產(chǎn)品進(jìn)行分析。

因為TOP級的產(chǎn)品已經(jīng)非常成熟，他們已經(jīng)養(yǎng)成了用戶的使用習(xí)慣，塑造了用戶的心智，分析TOP級的產(chǎn)品，我們就相當(dāng)于站在巨人的肩膀上，更易獲取有用的信息。

用到的工具：

1）百度指數(shù)

通過百度指數(shù)，我們可以找到國內(nèi)不同行業(yè)產(chǎn)品的排行榜與產(chǎn)品熱度，進(jìn)而選擇我們的競品。

http://zhishu.baidu.com/v2/index.html#/

2）易觀千帆指數(shù)

可以查到不同行業(yè)產(chǎn)品月度排行榜和產(chǎn)品基本信息。

https://qianfan.analysys.cn/refine/view/rankApp/rankApp.html

3）七麥數(shù)據(jù)

國內(nèi)專業(yè)的移動應(yīng)用數(shù)據(jù)分析平臺，覆蓋AppStore&GooglePlay雙平臺，提供iOS&Android應(yīng)用市場多維度數(shù)據(jù)分析，推薦使用。

https://www.qimai.cn/

二、了解競品商業(yè)背景

選擇競品后，我們需要簡單的了解競品的商業(yè)背景，了解產(chǎn)品的定位、用戶群體、日活、月活、經(jīng)營背景、服務(wù)理念等等，對競品有更深入的了解。

我們可以通過去產(chǎn)品官網(wǎng)了解這些信息，也可以通過百度百科、維基百科去查詢競品的商業(yè)背景。推薦使用維基百科。

了解競品的商業(yè)背景后，我們需要簡單的做一個表格或者文檔，記錄我們所獲取到信息，便于后續(xù)自己以及其他同事查看與了解競品的商業(yè)背景。

三、基于目的，分析競品

做競品分析其實是基于用戶體驗的5要素（戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層、視覺層）去分析的，作為設(shè)計師我們重點關(guān)注框架層與視覺層。我們要時刻圍繞我們的目的進(jìn)行競品分析，并且要記錄與保存好我們的分析過程。

很多設(shè)計師做競品分析就是拿出手機去體驗這個產(chǎn)品，體驗完了就完了，什么產(chǎn)出物都沒有這是不行的。

我們要時刻有這樣一個概念，我們做的所有分析都是輔助我們最后的設(shè)計方案產(chǎn)出的，這些前期的分析都應(yīng)該整理成文檔幫助我們或者同事作為資料參考，同時也可以沉淀為組內(nèi)的設(shè)計資料。

1. 拆解用戶路徑

在競品分析階段，我們首先需要了解競品的框架層，拆解用戶路徑，并截圖保存每個路徑所涉及的頁面設(shè)計，并制作頁面路徑截圖包。

對于整個競品框架層的分析，其實也很簡單，就是將我們自己作為用戶，把所有主流程跑一遍，每個路徑所涉及的頁面都截圖保存，再在文檔里進(jìn)行路徑梳理。

我以同程為例，進(jìn)行機票查詢路徑流程分析，最后整理產(chǎn)出的頁面路徑截圖包如下：

同樣的，如果我們想知道feed流圖片的排列形式是怎樣的？那我們就通過分析feed流應(yīng)用得廣與多的產(chǎn)品，分析他們的圖片布局框架是怎樣的？這一階段就是多看、多存、多分析。

2. 保留頁面截圖

當(dāng)然我們是結(jié)合我們需要解決的問題與目標(biāo)進(jìn)行競品分析的，如果我們只需分析視覺形式，那我們就僅僅只截圖不同產(chǎn)品該模塊的設(shè)計形式截圖即可，不需要分析所有的路徑。

比如我們此次做競品分析的目的是了解“我的”頁面背景墻的設(shè)計，那我們就只需要截圖不同產(chǎn)品背景墻的設(shè)計形式即可。

我們一定要將截圖根據(jù)路徑或者按照我們自己的總結(jié)分類進(jìn)行整理，方便后續(xù)自己與同事的查看，將路徑截圖包作為資源管理，也方便后續(xù)截圖的更新與二次分析。

四、視覺分析

這一步是我們需要重點分析的階段，同樣也需要產(chǎn)出視覺分析文檔，文檔越詳細(xì)對我們后面的設(shè)計幫助越大。我們從“形色字構(gòu)質(zhì)”五個維度對競品進(jìn)行視覺分析，并產(chǎn)出視覺分析文檔，作為我們后續(xù)的設(shè)計參考。

視覺分析文檔主要包括基礎(chǔ)規(guī)范、設(shè)計組件、設(shè)計亮點三個部分。

1. 基礎(chǔ)規(guī)范

基礎(chǔ)規(guī)范就是界面最基礎(chǔ)、最通用的元素的設(shè)計規(guī)范。

1）柵格系統(tǒng)

分析競品的柵格系統(tǒng)，分析最小原子單位為多少，了解其布局結(jié)構(gòu)。

2）色彩

競品的品牌色、輔助色、背景色與中性色等、以及這些顏色的使用場景。

3）文字

不同場景的文字大小與文字層級關(guān)系。

2. 設(shè)計組件

設(shè)計組件的梳理要結(jié)合我們項目的實際情況進(jìn)行分析，除了通用組件外，還應(yīng)該有特別的組件。

比如我們是做社交產(chǎn)品的，我們的產(chǎn)品中涉及很多社交動態(tài)的卡片形式，那么我們就可以把這部分做成組件形式，這些組件都能很好的幫助我們后續(xù)去搭建頁面，快速出效果圖。

1）通用組件

• 按鈕：按鈕的設(shè)計形式與使用場景

• 列表：列表的多種表現(xiàn)形式

• 彈窗：不同的彈窗樣式與使用場景

• 缺省頁：缺省頁的設(shè)計形式與布局樣式

2）特色組件

特色組件應(yīng)該是我們基于自身產(chǎn)品屬性建立的最常用的業(yè)務(wù)屬性組件。

• feed流卡片：圖片、文字結(jié)合形式，以及不同圖片數(shù)量時的展現(xiàn)方式。

在整理競品設(shè)計組件時，我們并不一定要全部做成可編輯的組件，在時間緊的情況下，截圖設(shè)計組件也是可以的，只要能幫助到我們后續(xù)做設(shè)計都是可以的。

3）設(shè)計亮點

設(shè)計亮點是我們在進(jìn)行競品分析時，覺得競品中哪些設(shè)計點是做得很好的？是值得我們借鑒的地方，可以記錄下來。后續(xù)在自身產(chǎn)品設(shè)計中我們可以很好的明白哪些模塊是我們的設(shè)計發(fā)力點。

五、競品分析報告產(chǎn)品

做了前面所有的分析后，我們需要產(chǎn)出競品分析報告，作為資料參考，為自己或者同事提供設(shè)計參考，帶來設(shè)計靈感，提高設(shè)計效率，這就是競品分析最大的價值。

競品分析最后的產(chǎn)出物為一下四部分：

1. 商業(yè)背景文檔
2. 路徑/模塊截圖包與分析說明
3. 競品視覺規(guī)范
4. 設(shè)計亮點

六、總結(jié)

以上就是今天所分享的關(guān)于設(shè)計師做競品分析的方法，總結(jié)起來為以下5點：

1. 明確目標(biāo)，選擇競品
2. 了解競品商業(yè)背景
3. 基于目的，分析競品
4. 視覺分析（路徑拆解、制作頁面截圖包）
5. 產(chǎn)出競品分析報告（基礎(chǔ)規(guī)范、設(shè)計組件、設(shè)計亮點）

前期我們分析得越多越詳細(xì)對我們后續(xù)的幫助越大。做競品分析一定要產(chǎn)出最后的分析文檔，作為自己或組內(nèi)后續(xù)設(shè)計的參考資料，為大家的設(shè)計帶來靈感與幫助。

本文由 @小魚晴子 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議