萬字干貨！手把手教你學會競品分析（下）

上一篇帶大家全面認識了競品分析所用到的方法，以及競品分析的原則和誤區。

競品分析是研究用戶體驗的是必備技能之一，設計師通過分析市場上的競品，能夠讓自己在短時間內快速了解自己所做產品在整個市場中的定位。但是設計師的競品分析時候很容易局限住自己，比如糾結于圖標繪制，漸變使用，一些表現層上的東西。但其實視覺是產品和交互的產物，要輸出一份專業且具有指導意義的競品分析，在了解產品戰略，框架與交互后，再談視覺表現，才更是專業具有指導意義的競品分析。

對于UI設計師來說，系統的分析競品能夠全面了解競品的產品需求和視覺風格等方面。同時競品分析可以為設計師提供一份可量化的評價依據，避免過于主觀的看法，幫助設計師用專業水平說服團隊伙伴，提升設計師的專業度，明確設計目標，優化設計產品。

針對設計師如何輸出一套完整的競品分析是關鍵。我下面給大家準備了兩套不同側重點的分析流程，大家按照自己的情況對應了解即可。

全局分析流程

很多時候作為設計師接觸到的是局部的產品需求，如果只從看得見方面的去分析，肯定結論會有不準確性。而且研發產品是一個流水型的工作，如果每個工作環節的人都不清楚其他人的思考角度，很難將一個產品很好的呈現出來。全面的分析競品可以為設計師更好的了解工作流前面同學的想法。

1. 適用情況

為團隊收集設計支撐資料 | 時間周期很長的一次大改版 | 大型0-1項目做一個非常完整的競品分析報告

在“0到1”的項目初期，設計師應參與產品與用研到合作完成市場調研與競品分析，能更好地理解產品需求，也能知曉市面上已有的視覺風格，為建立獨樹一幟的品牌視覺，輸出更優的設計打下基礎與準備。

2. 分析流程

項目概述 - 選擇競品 - 產品分析（用戶體驗五要素）

項目概述

• 明確分析目標

在做競品分析之前，一定要明確分析的目標。找到分析目標才能為后續的工作作指引。通常設計師或者整個設計團隊一個比較全面的競品分析報告，他的主要目的就是為了能更好的從產品功能，交互流程，頁面布局，視覺風格。

• 版本說明

因為競品分析最大的特點就是有時效性，所以在文檔前面一定要列出對比的版本，好讓其他同事可以作為準確的參考。

比如：（Keep版本：v6.42.0；咕咚版本：v9.28.0；Peloton：v1.0.173941）

競品選擇

競品選擇按照上一篇的選擇維度，根據我們確定的分析方向，去選擇我們的競品。全面分析的時候可以選一到兩個直接競品就可以了。接下來以直播APP為代表，選擇的競品是花椒和映客還有陌陌。

產品分析

再確認分析目標后和競品選擇后。設計師要做的就是跳出表現層，全局的去分析競品。雖然說是全局的分析，但我們主要目的就有針對性的去了解競品，可以主要側重于結構和框架以及表現層。

下面會按照用戶體驗五要素去結合案例深度分析，我們將自己作為用戶帶入進去，然后按照五要素的順序帶入目的了解產品，通過使用各個競品后的一個整體記錄來對比自身產品，再分析出各自的優勢和不足，或者面對困境的解決辦法，總結提出相關的改進建議。

• 戰略層

戰略層一般是公司老大考慮的事情，一般是經營者想通過產品分析來知道，用戶想得到什么，以及能我們能做什么，還有能從產品得到什么。所以就需求要我們去分析產品的定位，受眾用戶，與其他同類競品產品相比，有哪些我們可以做到獨特和差異化的競爭點。

比如大家都在用的兩個直播產品，再滿足一般需求的基礎上，無非就是看哪個平臺舍得砸錢簽的大IP多，用戶的選擇可能就會偏向那邊。不過不一樣的肯定是要做不同的差異化，比如快手是開始是通過UGC培養了大批KOL，且接地氣的形象使用戶粘性極強。但抖音依靠引入PGC的優質內容吸引其它平臺消費者入駐，同時積極發展核心UGC，雙管齊下，很快便搶奪短視頻的大片市場份額。

在這個層面設計師參與度可能不高，也很難通過戰略層去得到一個靠譜的結論。以上主要是讓大家了解。在做這部分內容的時候可以多和產品經理溝通，看看他們是怎么看待競品分析的，同時根據自己的觀察和體驗，來讓設計為商業提供準確的價值。

重要等級：???? 設計師在戰略層角度參與比較少，以了解為主。

分析目標：對比競品的定位和商業模式，明確自身的優勢，尋找符合本公司的方法。以及與其他同類產品差異化的競爭點。

• 行業信息

在市場分析這個方面，我們可以從行業背景和市場規模以及行業的發展趨勢三個方面來分析。然后歸納出自己在行業里面風險和機會點，然后制定相關的對策。

• 用戶分析

在了解競品的時候，也會了解競品用戶的行為習慣，以及行為習慣的痛點和消費能力。因為就算拆解了再多的產品模塊，和再多的偏好數據，都沒有用戶評價直觀，通過用戶訪談中深度挖掘用戶的行為習慣，以及潛在想法，才能更好的去改善產品。

那么我們為什么要這么重視用戶分析呢？因為通過用戶分析可以了解主力用戶，并可以分析他們的行為習慣作為頁面布局的依據，通過社會屬性可以參考消費能力、還有消費習慣帶來的影響更可以指導我們通過什么樣的方式來推送各種引導消費的信息。

那比如我們的產品是一個打車類的APP，其中司機是我們很大一部分用戶，那通過深入用戶分析，發現司機的年齡大多在30-40，男性偏多，文化水平在初高中，那我們設計產品的時候就要考慮產品界面一定會不要啰嗦，功能按鈕會簡單粗暴一些。而且通過使用場景分析，一般用戶手機距離眼睛是40cm，他們距離屏幕在70-80cm，從這個場景考慮產品的字號要保證司機可清晰的看到，然后接單功能加強視覺表達。這樣的用戶分析，才是能指導我們設計的。

• 數據分析

數據的好處就是能清晰的看出產品的發展趨勢，相關的數據來源可以借助數據網站，還可以根據第三方網站排名的變化、流量變化、日活、月活來看競品最近的發展變化，也可以根據公司運營和產品埋點整理來的數據去輔助了解。

不過數據的產生會受很多方面的影響，不能一味的相信數據，初步得到的數據很容易影響我們的判斷。得到數據后需要深挖影響數據的原因，排除其他變量的干擾后，再來根據數據去驅動產品的迭代。

注意數據通常給出的是小部分產品功能的參考，并不是全局參考，通常一個小的改版點可能需要很多的數據來分析佐證?！皵祿苿釉O計”實現的難度也是不小的。

范圍層

范圍層就是通過戰略層的分析，把我們想做的和用戶想讓我們做的事情，有一個明確的認知。得知產品應該提供給用戶什么樣的內容和功能時，戰略就變成了范圍。主要包括產品的核心功能、次級功能、功能架構、業務流程設計等模塊。這個層級定義了產品為用戶提供的解決方案，即內容的方向。其實這些特性和功能就是自己產品的特色和亮點，是產品最根本的功能性的競爭力。

在這個環節里需要敲定兩個范圍，一是需要開發的產品功能范圍，還有就是項目排期的范圍。

這個部分就是設計師接到需求的開始，平時接到產品經理那些折磨我們的需求，其實都是圍繞著范圍層提出來的功能。在需求分析的時候就可以通過競品分析不同產品的功能性差異來進一步和產品經理討論，并且可以和對接的產品經理找到一些參考的數據。

重要等級：???? 設計師在做這部分時，范圍層的內容可以簡單說明了的展示，只要表達出在范圍層分析需求后確定設計思路，推導出設計需求就可以。

分析目標：對比競品不同功能范圍，結合數據來和產品經理和團隊確認設計需求。

• 產品功能

重新梳理產品功能，對比競品的產品功能。以自身產品戰略為目標，查看各相關的競品，他們提供了什么樣的功能和流程，比較之間的差異性，和不同功能的組合方式。

結構層

結構層是從上到下的信息架構，將從戰略層所考慮的內容，根據產品目標與用戶需求進行結構設計。將不同范圍層的功能需求，轉化成不同的模塊結構，以及確定功能優先級。梳理結構層可以看到競品是如何設計用戶如何觸達某個頁面，并且在他們做完事情后下一步引導到哪里。在這一層把確定的設計需求轉化成具體的產品架構和操作流程。

對于設計來講，結構層最要考慮的是，不是用戶觸達最終任務需要多少個步驟，而是讓用戶覺得每一個步驟都合理。

重要等級：??????這個環節我認為是產品經理和設計師一起合作的環節，因為設計師容易重視用戶體驗忽略商業轉化，產品經理注重商業轉化很容易忽略用戶體驗。

分析目標：和競品的對比可以直觀感受到，是否當前的流程最為適合自己的產品。以及每個功能頁面的層級是不是符合用戶的行為需習慣，和產品需求。

• 產品框架

在梳理產品框架的時候可以用思維導圖，可以很快的對比出不同競品的功能層級，還有產品之間的差異點。對比產品框架的目的是梳理復雜的產品功能，確保用戶體驗的邏輯。

具體操作方法：思維導圖的第一層是主要頁面，再下一層是主頁面包含的子模塊或功能，再往下一層是更細節的功能和按鈕，最后把相通的鏈路模塊可以重合鏈接起來。

• 操作流程

這個部分是分析核心功能的用戶路徑，體驗競品的操作流程，取長補短，總結不同競品有多少差異。我們可以帶著這幾個問題去做：主功能的入口是否明確？為什么競品相似的操作流程中會有差異，哪些流程可以簡化，可以減少用戶成本。和競品取長補短優化自己產品路徑。

通常情況我們可以帶著問題去親自體驗對比，把某個要分析的功能流程涉及到的頁面、動效、視覺，以及功能層面都可以去詳細觀察，然后將所有涉及到的界面做成一份流程圖，可以清晰的對比出差異路徑區別。

實際的觀察方法可以分成兩種形式：一種模擬用戶正常的邏輯操作，假設自己是不同用戶按照不同目的去操作，這個流程中可以不用看太多的細節，把主流程和涉及到的流程走完即可。第二種是將所有的交互方式排查一遍，把競品每個功能模塊、每個頁面、每個按鈕都體驗一遍，將所有的流程都走完。把競品所有的細節完全掌握。在這兩種流程中不光要注意流程，甚至要看競品的分享形式有幾種，同功能展示的樣式有什么不同，展示的交互狀態有幾種，有沒有亮眼的交互和動效。

框架層

就像日本中生代國際級平面設計大師原研哉說的“設計行為是對信息的提取、整理和呈現”。UI 設計師是在商業戰略和產品需求的基礎上，做信息的排布和構建。

框架層是范圍層的具體表達，在結構層上進一步細化落實成頁面布局，確定產品上交互元素的位置排列，不同的框架層確定了產品的差異化流程，頁面的視覺表達是從這一層區分開的，由于產品戰略側重點不同，所以也會影響視覺風格。

重要等級：???????? 設計師可以通過頁面框架與元素排布的方式，來看競品的解決需求的方式，以及對信息的排布來滿足用戶習慣和產品需求的。

分析目標：產品目的相同的功能頁，對比產品功能優先級，以及競品的與自己的用戶體驗的差異細節，運營方式。

• 頁面布局

直接競品的相同功能頁面，布局排布也是不同的，分析頁面布局的方式可以從整個頁面或者局部功能模塊進行細致的拆解，可以深入研究頁面或者板塊的擴展性，元素之間的疏密關系，板塊優先級的排布、劃分方式，還有一些細節設計手法。

表現層

前面四個層面確定產品需求和功能布局后，表現層是增加用戶感知度的，一個產品的調性最大層面上是視覺表現的力量，我們通過品牌設計，視覺風格，情感化表達來觀察競品的產品性格。如果只用“美”或“丑”來判定設計，很難會有說服力，在對比競品的設計時，更多的要思考這樣設計能解決什么問題？在表現層上競品是如何針對同一功能或者頁面，甚至一個按鈕進行設計的，分析的層面可以非常深入，比如閱讀產品通過的顏色、字重、字間距，行距和首尾縮進的情況，來提高用戶的閱讀性。

好的設計會給產品有閃光點，能擊中用戶內心的柔軟，提升用戶使用感受和留存。設計中差異化的東西是脫穎而出的關鍵。

重要等級：?? ?? ?? ?? ?? 表現層是設計師的主要戰場，設計師通過前面四層的分析，可以更全面的去審視產品之間的差距，增加設計思考的維度，從設計角度出發提高產品的競爭力。

分析目標：可以從視覺風格、品牌傳達和情感化設計來分析。對比競品是如何快速抓住用戶的視線，并幫助用戶快速甄別內容獲取信息的。找到啟發設計的亮點，讓團隊達成共識。

• 視覺風格

視覺風格的表達，可以讓用戶直觀的感到親切友好，增加產品的滿意度和用戶粘性。一般每一段時期都形成不同的視覺風格，一般可以通過一些行業頭部或者某些研究視覺比較深入的團隊來參考。通過對比競品的關鍵界面中的文字、顏色、icon 、插畫、設計風格，推導出不同的視覺風格和視覺優勢。

文字：分析競品字體樣式的使用、字體數量的使用、字體層級的使用。

https://developer.paciellogroup.com/resources/contrastanalyser/

https://contrastchecker.com/

顏色：顏色是用戶對產品的第一感官，可以分析競品的主色輔色的關系，飽和度、用色的統一性。

Icon：圖標是把語言圖形化，好的圖標可以清楚的表達功能語義，還有辨識度。分析競品圖標的準確性、統一性。

loading：loading可以減少人們在等待過程中的焦慮和負情緒。通過loading的類型和時間間隔的變化分散用戶的注意力。

• 品牌傳達

成功的產品都會帶給用戶記憶點，品牌的傳達是貫穿整個產品，潛移默化的給用戶不斷傳達產品品牌，樹立品牌形象。在競品分析之前先確定品牌的戰略定位，可以更有參考性。

• 情感化設計

情感化可以刺激用戶、抓住用戶的注意力。在出現問題的頁面時，可以通過插畫的表達來提升用戶對產品的好感度。

MVP分析流程

這里的MVP重點功能模塊，通常這類改版流程中，競品分析只是其中的一個分析工具。那針對于大而全的改版流程，整個分析流程就要更精簡，更聚焦，更深入。

這里想代練的是重點功能設計分析，或者設計探索，有針對化的去分析，或者穿插在整個項目改版的其中一個改版依據，是我們把競品分析當做設計依據的常用場景。階段性的競品分析可以幫助驗證設計方案，同時也希望競品分析結果對方案的調整有指導意義。

適用情況：針對當前MVP改版點

分析流程：明確目標 - 選擇競品 - 尋找差異化 - 輸出結論 - 激發靈感 - 方案預設

1. 明確目標

我們首先要做的還是明確目標，一切沒有目的的競品分析都是無病呻吟。找到業務需求或者產品需求，根據業務特點，針對現存問題或者需求轉化成設計目標，再按照設計目標的方向進行分析。

2. 選擇競品

這里的競品選擇主要看設計的目標，關于功能模塊或操作流程可以對比直接競品，或者間接競品的對應功能模塊和操作流程。如果對視覺表現層來分析可以加大競品的選擇面積，直接競品、間接競品或者是用戶定位相同的產品，甚至是國際上的對標產品和設計作品都可以來借鑒分析。因為設計師本來就需要眼界開闊的去搜集靈感，不是一味的抄襲。

3. 尋找差異化

尋找差異化的時候可以按照用戶五要素的對應重點層級來進行分析，這里主要用到的是幾個工具，一個是Yes/No，一個是視覺解剖（了解工具可以看上篇文章），這兩個工具都可以直觀的對比出和競品的差異點。進行分析的時候可以把相關的頁面都整理到一起，有更清晰的對比。 針對某一模塊的展示方式深層分析，結合產品的定位去分析設計背后的原因和優缺點，對產品重新進行思考查漏補缺。

4. 輸出結論

根據競品同模塊的不同展示方式，來思考競品為什么這樣做，結合產品背景去分析背后的原因以及設計的優缺點，尋找解題思路。這一階段可以將競品分析結合其他方法工具來梳理分析，可以更全面、專業的得出準確性高的結論。

5. 激發靈感

設計環節在整個產品的研發的中下游，更多的是在產品需求基礎上進行設計，如果缺少產品思維和理論沉淀、不清楚與競品的差距，很容易碰到設計瓶頸。競品分析之后，在分析結論面前可以迅速找到啟發設計的亮點，在設計的過程中，用全局的視角根據競品和自身產品的差距，來作為設計的著力點，有側重的多嘗試幾版設計方案。

6. 方案預設

根據多種設計方式，結合現有的產品背景，應用到自己的產品里，作為設計依據，評審出最適合的設計方案。通過淘汰設計可以了解團隊對方案選擇的依據和傾向，進而快速成長。

持續進行競品的跟蹤

競品分析具有時效性，競品分析完成后，要持續的跟進。在團隊內部可以建立一個持續對競品的跟蹤，

方便以后有新成員加入可以快速了解競品的發展過程，掌握競品的發展方向，根據競品的發展方向快速調整自身產品，知己知彼。同時尋找更好設計形式優化產品，為用戶提供優質的體驗流程，增加產品的競爭力。

重要等級：?? ?? ?? ?? ?? 持續觀察競品，及時跟進競品的迭代內容和方向，可以作為迭代的參考。

跟進方法：現在的開發模式基本上都是小步快跑，快速迭代，可能短期會更新很多小的版本。一個月一次，可以將小版本和大版本整合到一起，方便查看。

競品分析指導設計

完成競品分析才是整個競品分析的第一步，將競品分析得出的結論指導設計才是做競品分析的最終目的。將在不同的階段里競品分析的結果，來指導產品設計和改進。

1. 改版前

剛開始分析戰略方向重新規劃產品需求時，競品分析作為我們產品的行業指導，用戶指導，以及產品需求參考。產品經理確定需求后，可以用需求評審來確定我們要推進的功能方案，分析報告就是一個很好的跟團隊溝通的設計依據。

2. 改版中

根據結構層和框架層到功能模塊，信息架構，流程邏輯來指導我們進一步細致的推進產品。表現層階段可以根據競品分析得出的一些具體的設計思路和方案，為我們的產品提供思路和靈感。

3. 改版后

改版完成后，在開發測試階段時可以針對某一功能展示效果做深入的對比，作為測試通過的目標。產品迭代后，觀察對比競品的數據可作為改版效果的檢驗。具體可以通過改版涉及的功能數據、用戶反饋來驗證，具體形式根據報告目的來定。這樣做能不斷地改進我們的競品分析，將競品分析的價值最大化。

競品分析指導改版的最重要的就是，將競品分析報告中得來的建議進行可行性評估，這里最好可以讓整個研發團隊和運營參與進來，綜合多方面的角度去分析改版方向，篩選出來可行性高的建議進行實踐，可以增加改版的準確程度。最后復盤分析哪些分析結論是正確的，哪些分析結論不是正確的依據，原因是什么。

自己的一些思考

找不同式的競品分析是毫無意義的，我們需要的是在這份報告上面得出我們的看法和建議。不過有些競品分析的比較片面，可能會導致結論誤差。記得將結論組織起來，讓工作流中不同職能的同學參與進來，可以全面的從不同的角度去篩選討論出最合理的方案，最大程度把握改版目標的正確方向。

沒有什么的產品是完美的，我們通過分析競品來找到產品的核心競爭力，而核心競爭力在于和競品之間的差異性。切記不要盲目的抄襲，多思考競品為什么這樣做，更多的學習是競品的解題思路，結合行業發展和用戶目標，找到適合自己的產品方向才能一直良性進步下去。

競品分析除了對產品經理分析掌握市場，設計產品的幫助，還有對于設計師的好處就是突破組內瓶頸，幫助尋找設計方向，并且提升設計師的設計表達能力，當我們能夠點評別人或者被別人點評時，還能自如的表達設計的思路和依據時，其實就說明我們的表達能力是有提升的。

最后是要保持競品分析的持續更新，同步跟進迭代版本，文檔應該保持長期的更新維護，建立一套對設計支撐的工具文檔。

參考文章：

歡迎關注作者微信公眾號：「七醬設計筆記」