在我們的設(shè)計(jì)工作中棕硫，競(jìng)品分析是很重要的。通過(guò)競(jìng)品分析可以幫助我們了解與驗(yàn)證我們的設(shè)計(jì)景东，為我們帶來(lái)設(shè)計(jì)靈感與設(shè)計(jì)思考吞琐，輔助我們產(chǎn)出更好的設(shè)計(jì)策略與設(shè)計(jì)方案捆探。
在平時(shí)的工作中，有拿不準(zhǔn)的設(shè)計(jì)形式時(shí)我會(huì)請(qǐng)教我的導(dǎo)師站粟，她經(jīng)常會(huì)告訴我行業(yè)內(nèi)的top級(jí)產(chǎn)品是怎么做的黍图？也常讓我也去多看一下、多分析別人是怎么做的奴烙？這樣自己拿不準(zhǔn)的地方也就知道如何修改了助被。其實(shí)這就是一個(gè)做競(jìng)品分析的過(guò)程。對(duì)于初階的設(shè)計(jì)師來(lái)說(shuō)切诀，做競(jìng)品分析特別重要揩环，所以自己也很注重這方面的學(xué)習(xí)與練習(xí)。競(jìng)品分析得越多幅虑，我們的腦海里沉淀的設(shè)計(jì)方式也就越多丰滑，我們就能更容易的回答為什么要這樣設(shè)計(jì)？哪一種設(shè)計(jì)形式會(huì)更好倒庵？
學(xué)習(xí)與總結(jié)了關(guān)于設(shè)計(jì)師做競(jìng)品分析的一些方法褒墨，分享給大家炫刷，希望對(duì)大家有所幫助，也歡迎大家多多指教呀～
文章大綱：
1.明確目標(biāo)郁妈，選擇競(jìng)品
2.了解競(jìng)品商業(yè)背景
3.基于目的浑玛，分析競(jìng)品
4.視覺(jué)分析
5.產(chǎn)出競(jìng)品分析報(bào)告
01?.
明確目標(biāo)，選擇競(jìng)品
明確目標(biāo)
在競(jìng)品分析之前噩咪，我們要根據(jù)我們要解決的問(wèn)題顾彰，明確我們此次競(jìng)品分析的目的是什么？我們想要在競(jìng)品分析過(guò)程中獲得怎樣的收獲剧腻？根據(jù)我們的目標(biāo)，進(jìn)行競(jìng)品選擇涂屁。若沒(méi)有明確目標(biāo)我們很容易在分析過(guò)程中走偏书在，分析很多不相干的內(nèi)容，容易迷失方向拆又，獲取不到實(shí)質(zhì)性的幫助儒旬。
比如我們的目的是想了解feed流設(shè)計(jì)形式，那么我們?cè)诤罄m(xù)競(jìng)品分析過(guò)程中就應(yīng)該重點(diǎn)關(guān)注feed流的布局形式有哪些帖族，feed流中卡片中圖文關(guān)系是怎樣的栈源？圖片有幾種比例等？我們的競(jìng)品可以選擇社交類產(chǎn)品竖般，比如Facebook甚垦、微博、ins這種feed流應(yīng)用得特別多的top級(jí)產(chǎn)品涣雕。比如是想進(jìn)行視覺(jué)風(fēng)格改版設(shè)計(jì)艰亮，那么在競(jìng)品分析時(shí)我們應(yīng)該多關(guān)注競(jìng)品的視覺(jué)風(fēng)格，圖標(biāo)應(yīng)用了哪種風(fēng)格類型挣郭？體現(xiàn)了哪種設(shè)計(jì)趨勢(shì)等等迄埃。
選擇競(jìng)品
競(jìng)品一般分為直接競(jìng)品與間接競(jìng)品。
直接競(jìng)品：同類型直接競(jìng)爭(zhēng)關(guān)系的產(chǎn)品兑障，比如淘寶與京東侄非。
間接競(jìng)品：使用場(chǎng)景和用戶群體比較接近的產(chǎn)品，比如淘寶與得物這類垂直領(lǐng)域的產(chǎn)品流译。
我們?cè)谧龈?jìng)品分析時(shí)逞怨，直接競(jìng)品建議選擇業(yè)內(nèi)TOP級(jí)產(chǎn)品進(jìn)行分析，間接產(chǎn)品建議選擇垂直領(lǐng)域的獨(dú)角獸產(chǎn)品進(jìn)行分析福澡。因?yàn)門OP級(jí)的產(chǎn)品已經(jīng)非常成熟骇钦，他們已經(jīng)養(yǎng)成了用戶的使用習(xí)慣，塑造了用戶的心智竞漾，分析TOP級(jí)的產(chǎn)品眯搭，我們就相當(dāng)于站在巨人的肩膀上窥翩，更易獲取有用的信息。
用到的工具：
1.百度指數(shù)
通過(guò)百度指數(shù)鳞仙，我們可以找到國(guó)內(nèi)不同行業(yè)產(chǎn)品的排行榜與產(chǎn)品熱度寇蚊，進(jìn)而選擇我們的競(jìng)品。
2.易觀千帆指數(shù)
可以查到不同行業(yè)產(chǎn)品月度排行榜和產(chǎn)品基本信息棍好。
3.七麥數(shù)據(jù)
國(guó)內(nèi)專業(yè)的移動(dòng)應(yīng)用數(shù)據(jù)分析平臺(tái)仗岸，覆蓋AppStore&GooglePlay雙平臺(tái)，提供iOS&Android應(yīng)用市場(chǎng)多維度數(shù)據(jù)分析借笙，推薦使用扒怖。
02?.
了解競(jìng)品商業(yè)背景
選擇競(jìng)品后，我們需要簡(jiǎn)單的了解競(jìng)品的商業(yè)背景业稼，了解產(chǎn)品的定位盗痒、用戶群體、日活低散、月活俯邓、經(jīng)營(yíng)背景、服務(wù)理念等等熔号，對(duì)競(jìng)品有更深入的了解稽鞭。
我們可以通過(guò)去產(chǎn)品官網(wǎng)了解這些信息，也可以通過(guò)百度百科引镊、維基百科去查詢競(jìng)品的商業(yè)背景朦蕴。推薦使用維基百科。
了解競(jìng)品的商業(yè)背景后弟头，我們需要簡(jiǎn)單的做一個(gè)表格或者文檔梦重，記錄我們所獲取到信息，便于后續(xù)自己以及其他同事查看與了解競(jìng)品的商業(yè)背景亮瓷。
03?.
基于目的琴拧，分析競(jìng)品
做競(jìng)品分析其實(shí)是基于用戶體驗(yàn)的5要素（戰(zhàn)略層、范圍層嘱支、結(jié)構(gòu)層蚓胸、框架層、視覺(jué)層）去分析的除师，作為設(shè)計(jì)師我們重點(diǎn)關(guān)注框架層與視覺(jué)層沛膳。我們要時(shí)刻圍繞我們的目的進(jìn)行競(jìng)品分析，并且要記錄與保存好我們的分析過(guò)程汛聚。很多設(shè)計(jì)師做競(jìng)品分析就是拿出手機(jī)去體驗(yàn)這個(gè)產(chǎn)品锹安，體驗(yàn)完了就完了，什么產(chǎn)出物都沒(méi)有這是不行的。我們要時(shí)刻有這樣一個(gè)概念叹哭，我們做的所有分析都是輔助我們最后的設(shè)計(jì)方案產(chǎn)出的忍宋，這些前期的分析都應(yīng)該整理成文檔幫助我們或者同事作為資料參考，同時(shí)也可以沉淀為組內(nèi)的設(shè)計(jì)資料风罩。
拆解用戶路徑
在競(jìng)品分析階段糠排，我們首先需要了解競(jìng)品的框架層，拆解用戶路徑超升，并截圖保存每個(gè)路徑所涉及的頁(yè)面設(shè)計(jì)入宦，并制作頁(yè)面路徑截圖包。
對(duì)于整個(gè)競(jìng)品框架層的分析室琢，其實(shí)也很簡(jiǎn)單乾闰，就是將我們自己作為用戶，把所有主流程跑一遍盈滴，每個(gè)路徑所涉及的頁(yè)面都截圖保存涯肩，再在文檔里進(jìn)行路徑梳理。
我以同程為例雹熬，進(jìn)行機(jī)票查詢路徑流程分析宽菜，最后整理產(chǎn)出的頁(yè)面路徑截圖包如下：
同樣的谣膳，如果我們想知道feed流圖片的排列形式是怎樣的竿报？那我們就通過(guò)分析feed流應(yīng)用得廣與多的產(chǎn)品，分析他們的圖片布局框架是怎樣的继谚？這一階段就是多看烈菌、多存、多分析花履。
保留頁(yè)面截圖
當(dāng)然我們是結(jié)合我們需要解決的問(wèn)題與目標(biāo)進(jìn)行競(jìng)品分析的芽世，如果我們只需分析視覺(jué)形式，那我們就僅僅只截圖不同產(chǎn)品該模塊的設(shè)計(jì)形式截圖即可诡壁，不需要分析所有的路徑济瓢。比如我們此次做競(jìng)品分析的目的是了解“我的”頁(yè)面背景墻的設(shè)計(jì)，那我們就只需要截圖不同產(chǎn)品背景墻的設(shè)計(jì)形式即可妹卿。
我們一定要將截圖根據(jù)路徑或者按照我們自己的總結(jié)分類進(jìn)行整理旺矾，方便后續(xù)自己與同事的查看，將路徑截圖包作為資源管理夺克，也方便后續(xù)截圖的更新與二次分析箕宙。
04?.
視覺(jué)分析
這一步是我們需要重點(diǎn)分析的階段，同樣也需要產(chǎn)出視覺(jué)分析文檔铺纽，文檔越詳細(xì)對(duì)我們后面的設(shè)計(jì)幫助越大柬帕。我們從“形色字構(gòu)質(zhì)”五個(gè)維度對(duì)競(jìng)品進(jìn)行視覺(jué)分析，并產(chǎn)出視覺(jué)分析文檔，作為我們后續(xù)的設(shè)計(jì)參考陷寝。
視覺(jué)分析文檔主要包括基礎(chǔ)規(guī)范锅很、設(shè)計(jì)組件、設(shè)計(jì)亮點(diǎn)三個(gè)部分盼铁。
基礎(chǔ)規(guī)范
基礎(chǔ)規(guī)范就是界面最基礎(chǔ)粗蔚、最通用的元素的設(shè)計(jì)規(guī)范。
柵格系統(tǒng)
分析競(jìng)品的柵格系統(tǒng)饶火，分析最小原子單位為多少鹏控，了解其布局結(jié)構(gòu)。
色彩
競(jìng)品的品牌色肤寝、輔助色当辐、背景色與中性色等、以及這些顏色的使用場(chǎng)景鲤看。
文字
不同場(chǎng)景的文字大小與文字層級(jí)關(guān)系缘揪。
......
設(shè)計(jì)組件
設(shè)計(jì)組件的梳理要結(jié)合我們項(xiàng)目的實(shí)際情況進(jìn)行分析，除了通用組件外义桂，還應(yīng)該有特別的組件找筝，比如我們是做社交產(chǎn)品的，我們的產(chǎn)品中涉及很多社交動(dòng)態(tài)的卡片形式慷吊，那么我們就可以把這部分做成組件形式袖裕，這些組件都能很好的幫助我們后續(xù)去搭建頁(yè)面，快速出效果圖溉瓶。
通用組件
按鈕
按鈕的設(shè)計(jì)形式與使用場(chǎng)景急鳄。
列表
列表的多種表現(xiàn)形式。
彈窗
不同的彈窗樣式與使用場(chǎng)景堰酿。
缺省頁(yè)
缺省頁(yè)的設(shè)計(jì)形式與布局樣式疾宏。
特色組件：特色組件應(yīng)該是我們基于自身產(chǎn)品屬性建立的最常用的業(yè)務(wù)屬性組件。
feed流卡片
圖片触创、文字結(jié)合形式坎藐，以及不同圖片數(shù)量時(shí)的展現(xiàn)方式。
...
在整理競(jìng)品設(shè)計(jì)組件時(shí)哼绑，我們并不一定要全部做成可編輯的組件岩馍，在時(shí)間緊的情況下，截圖設(shè)計(jì)組件也是可以的凌那，只要能幫助到我們后續(xù)做設(shè)計(jì)都是可以的兼雄。
設(shè)計(jì)亮點(diǎn)
設(shè)計(jì)亮點(diǎn)是我們?cè)谶M(jìn)行競(jìng)品分析時(shí)，覺(jué)得競(jìng)品中哪些設(shè)計(jì)點(diǎn)是做得很好的帽蝶？是值得我們借鑒的地方赦肋，可以記錄下來(lái)块攒。后續(xù)在自身產(chǎn)品設(shè)計(jì)中我們可以很好的明白哪些模塊是我們的設(shè)計(jì)發(fā)力點(diǎn)。
05?.
競(jìng)品分析報(bào)告產(chǎn)品
做了前面所有的分析后佃乘，我們需要產(chǎn)出競(jìng)品分析報(bào)告囱井，作為資料參考，為自己或者同事提供設(shè)計(jì)參考趣避，帶來(lái)設(shè)計(jì)靈感庞呕，提高設(shè)計(jì)效率。這就是競(jìng)品分析最大的價(jià)值程帕。
競(jìng)品分析最后的產(chǎn)出物為一下四部分：
1.商業(yè)背景文檔
2.路徑/模塊截圖包與分析說(shuō)明
3.競(jìng)品視覺(jué)規(guī)范
4.設(shè)計(jì)亮點(diǎn)
06?.
總結(jié)
以上就是今天所分享的關(guān)于設(shè)計(jì)師做競(jìng)品分析的方法住练，總結(jié)起來(lái)為以下6點(diǎn)：
1.明確目標(biāo)，選擇競(jìng)品
2.了解競(jìng)品商業(yè)背景
3.基于目的愁拭，分析競(jìng)品
4.視覺(jué)分析（路徑拆解讲逛、制作頁(yè)面截圖包）
5.產(chǎn)出競(jìng)品分析報(bào)告（基礎(chǔ)規(guī)范、設(shè)計(jì)組件岭埠、設(shè)計(jì)亮點(diǎn)）
前期我們分析得越多越詳細(xì)對(duì)我們后續(xù)的幫助越大盏混。做競(jìng)品分析一定要產(chǎn)出最后的分析文檔，作為自己或組內(nèi)后續(xù)設(shè)計(jì)的參考資料惜论，為大家的設(shè)計(jì)帶來(lái)靈感與幫助许赃。
