B端設(shè)計師如何做競品分析?大廠高手總結(jié)了4個章節(jié)(上)

「文章的內(nèi)容會更偏實際工作產(chǎn)出,并非將競品分析的定義平鋪展示,耐心讀完,你一定會有收獲?!?/p>

關(guān)于競品分析,一直有小伙伴想讓我出一篇文章。因為我看過大量的 B 端產(chǎn)品,很多同學就會好奇,怎樣能系統(tǒng)的進行競品分析?

好吧,壓箱底的內(nèi)容也拿出來了,今天就來和大家說說競品分析,以及我們作為設(shè)計師,究竟應(yīng)該如何使用競品分析。

更多競品分析方法:

一、痛點丨為什么 B 端競品分析如此之難

1. 難試用

我相信大多數(shù)設(shè)計師都有體會過被銷售奪命連環(huán) call 的經(jīng)歷,很多時候我們就是想要白嫖別人的“身子”,但是又不敢明說,只能夠通過花言巧語來騙取別人的使用賬號。

難,因為很多產(chǎn)品并不會直接給你使用賬號,其實銷售也是為你們考慮,即使給了你賬號,你也沒法完整體驗整個流程,索性就不給你看,因此大多數(shù)情況下銷售會給你演示,這可能就是試用當中最難的第一個地方。

2. 術(shù)語多

在 B 端,鑒定你是否是行內(nèi)人的最好辦法,便是在溝通的時候給你講很多專業(yè)術(shù)語,因為術(shù)語就如同我們設(shè)計師日常溝通的一個辦法。

比如:“這里我用到了卡片分類將整個信息去做規(guī)整”、

“那里在 Figma 里主要用 Components 去解決頁面重復的問題”

這些內(nèi)容其他行業(yè)的人肯定也聽不懂,因此術(shù)語多也是我們非常頭疼的地方。

最近也在嘗試整理不同行業(yè)的 B 端產(chǎn)品分析,也算是幫助同學們在陌生的領(lǐng)域當中能夠快速熟悉。

3. 無結(jié)果

很多同學的競品分析,都主要集中在鼠標的操作上。便是不停地點點點,在整個頁面你會發(fā)現(xiàn)點擊過后沒有任何目的,試用過后也不會有什么結(jié)果。

因此久而久之,很多設(shè)計師只會去看這個產(chǎn)品的頁面風格,然后根據(jù)說這個頁面非常丑陋就罵罵咧咧的離開,所以也導致大家的積極性下降。

二、定義丨什么才是 B 端產(chǎn)品的競品分析

關(guān)于競品分析,其實很多人還是會使用 C 端產(chǎn)品的分析邏輯,但這對于 B 端產(chǎn)品來說,競品分析很容易就會誤導設(shè)計師,讓大家朝著不太正確的方向發(fā)展。

比如以這個內(nèi)容為例,我們可以看到雖然其標題寫的是某某產(chǎn)品的競品分析,但是其實則的內(nèi)容就是一篇較為完整的產(chǎn)品體驗報告,主要就是講解了產(chǎn)品對應(yīng)的功能,遠遠稱之不上為競品分析(嚴格上來說應(yīng)該是設(shè)計的競品分析)

B端設(shè)計師如何做競品分析?大廠高手總結(jié)了4個章節(jié)(上)

所以我認為 B 端競品分析對于設(shè)計師來說需要具備一下幾個特點:

1. 幫助我們?nèi)ソ鉀Q問題

因為站在前人的肩膀上,我們能夠快速產(chǎn)出對應(yīng)的設(shè)計方案,因此競品分析最好是有明確的需求目的。

比如我要去做一個 導航菜單的設(shè)計,那就要去考慮在整個導航菜單當中,它不同的設(shè)計方法,以及在各個產(chǎn)品當中它們是如何選擇的,只有了解了這些內(nèi)容后,才能夠幫助我們?nèi)ソ鉀Q設(shè)計當中的問題。

B端設(shè)計師如何做競品分析?大廠高手總結(jié)了4個章節(jié)(上)

而競品,在其中主要就是引導作用,讓我們可以思考這款產(chǎn)品背后的具體邏輯,了解它是如何 how to do。

2. 了解目前的行業(yè)趨勢

了解行業(yè)趨勢是非常重要的一個內(nèi)容,雖然都是在說 B 端,但是我們可以通過競品分析了解到行業(yè)的大體動向,能夠幫助我們?nèi)プ鼍唧w的分析。

比如我們可以看到很多 B 端產(chǎn)品的動向,像是 Jira、Ant Design、飛書,它們都在降低視覺層級,凸顯內(nèi)容層級,這些動向的總結(jié)并不是我隨便去看文章,而是通過整體的分析了解到的。

B端設(shè)計師如何做競品分析?大廠高手總結(jié)了4個章節(jié)(上)

B端設(shè)計師如何做競品分析?大廠高手總結(jié)了4個章節(jié)(上)

這個觀點也在 Ant Design 5.0 的更新當中得到了驗證

其實這就需要你不停的跟進多款產(chǎn)品,了解他們目前的產(chǎn)品發(fā)展方向。雖然有很多人會認為這不是應(yīng)該產(chǎn)品做的事嗎?為什么設(shè)計師要去做?

但是去跟進他們的動向,其實就是了解他們之前在設(shè)計這些模塊的時候翻了哪些錯,后續(xù)是如何調(diào)整的。

比如我們以飛書的改動為例,我追蹤飛書管理后臺的更新有大概 4 年,通過這樣的堅持,我們能夠看到的是飛書它經(jīng)過一個又一個版本的迭代,優(yōu)化了很多內(nèi)容,才到如今的設(shè)計,并且隨著內(nèi)容數(shù)據(jù)的增多,可以發(fā)現(xiàn)它是在如何發(fā)生變化。

B端設(shè)計師如何做競品分析?大廠高手總結(jié)了4個章節(jié)(上)

并且發(fā)現(xiàn)這個界面設(shè)計風格的改版是未來的趨勢,所以這便是了解行業(yè)趨勢最快的一個途徑,而我們要做的是持續(xù)跟進,多去進行內(nèi)容的查看。

回顧飛書管理后臺的更新,了解一個 B 端產(chǎn)品的發(fā)展歷程

3. 對于未知內(nèi)容的探索

大家一定接到過很多從 0-1 的功能模塊,在這個時候我們其實是對于它的交互內(nèi)容理解較為簡單。而使用競品分析就能夠幫助我們?nèi)チ私庑枨笈c這些功能模塊,他們究竟是如何做設(shè)計的,思路有哪些?這些都能夠提供給我們進行幫助。

比如我之前負責過一個階段推進器的需求,當時對于階段推進器這四個詞非常陌生。感覺從未接觸過,心中想的應(yīng)該是 火箭?飛機的推進?

產(chǎn)品經(jīng)理給到我的需求是這樣的:

B端設(shè)計師如何做競品分析?大廠高手總結(jié)了4個章節(jié)(上)

我頓時就犯了難,這時候雖然不了解,但是我通過強大的圖庫+賬號,快速找到與之對應(yīng)的功能模塊。

B端設(shè)計師如何做競品分析?大廠高手總結(jié)了4個章節(jié)(上)

B端設(shè)計師如何做競品分析?大廠高手總結(jié)了4個章節(jié)(上)

然后深度體驗產(chǎn)品的交互細節(jié),并給出了合理的方案,這樣競品分析就能夠幫助我對于未知需求、未知領(lǐng)域的探索。

4. 匯總 遷移到其他地方

我們在做競品分析的時候,需要考慮的是交互體驗層面的競品分析,而非產(chǎn)品框架層面的競品分析。

很多時候產(chǎn)品層面的競品分析我們不需要掌握,因為它過于宏觀,很多內(nèi)容并不是我們作為設(shè)計師應(yīng)該關(guān)心的,因此我們在做競品分析時不應(yīng)該盲目的大,而是克制更為聚焦的小,希望做到的是從微觀再到宏觀。

舉一個例子,下方三個指標圖,如果你要去做競品分析,你會如何做?

B端設(shè)計師如何做競品分析?大廠高手總結(jié)了4個章節(jié)(上)

首先關(guān)于三個指標圖我們發(fā)現(xiàn),它們的設(shè)計內(nèi)容并不相同。

  1. 為數(shù)據(jù)展示指標圖,你會發(fā)現(xiàn)在整個指標圖當中包含有同比、環(huán)比、對應(yīng)的時間 以及 數(shù)據(jù)的詳情,給人的感覺數(shù)據(jù)非常專業(yè)。
  2. 以數(shù)據(jù)占比為主,明顯是想表達你的使用情況。你可以想想,會出現(xiàn)在哪個頁面當中?
  3. 一個非常簡單的指標圖,但是在個數(shù)這個字段極為特殊,應(yīng)該是想呈現(xiàn)對應(yīng)的數(shù)據(jù)變化。

三、類型丨競品的種類有哪些?

關(guān)于競品分析,我們必須得先了解不同競品之間的種類與關(guān)系,這樣才能方便我們快速尋找競品。

B端設(shè)計師如何做競品分析?大廠高手總結(jié)了4個章節(jié)(上)

1. 直接競品

直接競品,顧名思義就是去分析產(chǎn)品的直接競爭對手,因為直接競爭對手都會有較為完整的解決方案,如果第一次去做某些功能的時候,我們可以快速分析直接競品去快速了解它的思路。

當然我們通常對直接競品還需要將他的產(chǎn)品進行各個階段的進行留檔,以及競品迭代分析,這個我們就留著第三章來說。

B端設(shè)計師如何做競品分析?大廠高手總結(jié)了4個章節(jié)(上)

關(guān)于直接競品,有一個非常簡單的方法,就是在我們書簽分類當中,在一個分類下的一定就是直接競品。所以直接競品我們更關(guān)注的是產(chǎn)品類型幾乎相同~

B端設(shè)計師如何做競品分析?大廠高手總結(jié)了4個章節(jié)(上)

2. 間接競品

間接競品通常是與產(chǎn)品沒那么相關(guān),但是會有很多功能模塊是相通的。因為很多時候,我們很難找到非常相似的 直接競品,或者這些競品當中的設(shè)計不太滿足,這時候我們就要去考慮去分析間接競品。

B端設(shè)計師如何做競品分析?大廠高手總結(jié)了4個章節(jié)(上)

比如在上圖的客戶管理模塊,微盟里的客戶管理與紛享銷客里的客戶管理就會完全不同,雖然他們都是客戶管理,但是在設(shè)計上完全不同。前者主打簡單,我們在借鑒的時候就要更深入思考;后者為核心板塊,就要體驗他為核心板塊做了什么內(nèi)容。

所以間接競品我們更關(guān)注的是產(chǎn)品功能模塊幾乎相同,但是他們的設(shè)計目的可能會存在不同的差異,因此將其進行分析。

3. 交互競品

交互競品主要針對產(chǎn)品無論的類型還是功能模塊上,都好不搭嘎,但是設(shè)計上有一些交集的地方,我們可以去學習他們的交互解決方案。

比如我們需要去處理的是一個復雜的篩選模塊,同行業(yè)里幾乎沒有類似的做法,那我們就可以借鑒很多有類似功能的產(chǎn)品,比如 ONES 的篩選邏輯、紛享銷客的高級篩選、TAPD 的篩選彈窗,這些本身都是毫不相干的產(chǎn)品,但是他們在交互模式上可以借鑒,通過這樣就能夠幫助我們在交互層面上去解決問題,而交互競品更看重的是你平時對這個產(chǎn)品的了解程度。

四、競品分析的思路

了解了常見的競品的劃分過后,我們尋找到了競品應(yīng)該如何分析?

作為一個成熟的 B 端設(shè)計師,我們競品分析的方法并不是將傳統(tǒng)式教條主義那樣,按照 第一步、第二步、第三步 的方式,按照某一個方法去局限自己的思路。

比如常見分析的方法有:功能拆解法、矩陣分析法、功能對比法、評分比較法、競品畫布、PEST 分析法(后面會講到這些內(nèi)容應(yīng)該如何使用)

因為我們在實際工作當中,如果按照上面你的方式分析,很容易就變成一個填空題,而因此缺少了對于整個產(chǎn)品的細致思考。所以我們?nèi)《氖橇硪粋€非常重要的觀點:「通過現(xiàn)象看本質(zhì)」

這個方法聽上去有些抽象,但是我們還是來看看它究竟應(yīng)該如何使用。

比如你接到了一個設(shè)計需求,現(xiàn)在需要設(shè)計一個篩選組件。而擺在你面前的便是兩個完全不同的篩選組件類型,這時候你應(yīng)該怎么辦呢?

B端設(shè)計師如何做競品分析?大廠高手總結(jié)了4個章節(jié)(上)

但是這些傳統(tǒng)的教條類的分析會讓大家感覺在處理頁面的時候非常束手無策,因為他們在分析時,通常都是非常宏觀的分析,比如產(chǎn)品大方向、產(chǎn)品的未來規(guī)劃,沒人會去關(guān)注你個臭設(shè)計的。其實我們再去對競品分析時,主要專注兩部分的分析:

1. 外在表象

我們 就以剛才講到的篩選為例,首先從外在表現(xiàn)來看,發(fā)現(xiàn)左側(cè)的篩選并不重要,因為它需要點擊篩選圖標后才能呼出篩選,執(zhí)行對應(yīng)的篩選操作

而對應(yīng)的右側(cè)篩選顯得非常重要,因為它的所有篩選項都是常駐在頂部,我們想要篩選就可以直接到對應(yīng)的字段進行操作。

現(xiàn)在其實我們就在分析表象,就是這兩個設(shè)計之間的差別在哪,緊接著我們在揣摩一下交互,當兩個篩選點擊過后,發(fā)現(xiàn):

左側(cè)的篩選針對的是通用的字段,因為我需要點擊添加篩選條件,點擊想要篩選的字段,才能夠執(zhí)行篩選的操作。

右側(cè)的篩選針對的是固定的字段,因為字段都是在頁面當中常駐,并且沒有對應(yīng)的添加篩選的入口。

這是從設(shè)計師在這個方案當中傳達出來的信息,緊接著分析一下,為什么這個設(shè)計師要這么設(shè)計。

按照課程當中的話來說,就是這個設(shè)計師也不是傻子,它為什么要這么做?原因在哪?這時候我們就要通過外在的表象分析其內(nèi)在的邏輯。

2. 內(nèi)在邏輯

內(nèi)在邏輯是將外在的表象通過設(shè)計實現(xiàn)在內(nèi)在的產(chǎn)品邏輯當中,在邏輯當中會涉及到很多內(nèi)容,我們做設(shè)計時所寫的交互說明很多時候就源自于此。

B端設(shè)計師如何做競品分析?大廠高手總結(jié)了4個章節(jié)(上)

同樣是上面的篩選,那為什么會這樣設(shè)計,其中的原因又是什么?

我們剛才講到了篩選一個為通用篩選字段,一個為固定篩選字段,那為什么會存在這種情況,其實是因為在左側(cè),整個系統(tǒng)的字段是不可控的,用戶可以去自定義字段,也就是添加自己想用的字段來進行展示;而右側(cè)字段可控,主要就是所有的字段都在整個系統(tǒng)當中,我們沒有辦法去隨意的添加刪除。

而為什么會產(chǎn)生這樣的原因呢?

其實是因為 aPaaS 平臺上,整個系統(tǒng)都是自定義字段,因此只能夠?qū)⒑Y選做到一個入口里,通過入口來執(zhí)行篩選的操作。

而 SaaS 平臺,特別是行業(yè)屬性型產(chǎn)品,所有的業(yè)務(wù)都是固定寫死的,因此你會發(fā)現(xiàn)我們不允許系統(tǒng)進行隨意的更改,也就導致了我每個頁面具體要呈現(xiàn)什么內(nèi)容完全由我們自己說了算,也就導致股常駐固定篩選。

我們作為設(shè)計師,其實不應(yīng)該只分析其外在的表象,而更應(yīng)該在乎的是其內(nèi)在的邏輯。
剛才我們是從前往后去推導設(shè)計的邏輯,那我們想想,能不能從后往前去做分析,當然是肯定的。

比如在之前回答一個同學的問題時,我們就能夠通過競品分析了解到設(shè)計思路。

問題如下:

“我們?nèi)プ鲆粋€ HRM 系統(tǒng)的面試點評的優(yōu)化,因為在系統(tǒng)當中經(jīng)常會有面試評價的問題,就是使用系統(tǒng)的面試官經(jīng)常出現(xiàn)忘記填寫面試評價、面試評價錯亂的情況,我們應(yīng)該如何優(yōu)化?”

這個問題我們就留在下篇與大家進行分享~ 大家可以提前思考思考。

歡迎關(guān)注作者的微信公眾號: CE青年Youthce

B端設(shè)計師如何做競品分析?大廠高手總結(jié)了4個章節(jié)(上)

收藏 89
點贊 39

復制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。