「文章的內(nèi)容會(huì)更偏實(shí)際工作產(chǎn)出，并非將競(jìng)品分析的定義平鋪展示，耐心讀完，你一定會(huì)有收獲。」

關(guān)于競(jìng)品分析，一直有小伙伴想讓我出一篇文章。因?yàn)槲铱催^大量的 B 端產(chǎn)品，很多同學(xué)就會(huì)好奇，怎樣能系統(tǒng)的進(jìn)行競(jìng)品分析？好吧，壓箱底的內(nèi)容也拿出來了，今天就來和大家說說競(jìng)品分析，以及我們作為設(shè)計(jì)師，究竟應(yīng)該如何使用競(jìng)品分析。

痛點(diǎn)丨為什么B 端競(jìng)品分析如此之難

難試用

我相信大多數(shù)設(shè)計(jì)師都有體會(huì)過被銷售奪命連環(huán) call 的經(jīng)歷，很多時(shí)候我們就是想要白嫖別人的“身子”，但是又不敢明說，只能夠通過花言巧語來騙取別人的使用賬號(hào)。難，因?yàn)楹芏喈a(chǎn)品并不會(huì)直接給你使用賬號(hào)，其實(shí)銷售也是為你們考慮，即使給了你賬號(hào)，你也沒法完整體驗(yàn)整個(gè)流程，索性就不給你看，因此大多數(shù)情況下銷售會(huì)給你演示，這可能就是試用當(dāng)中最難的第一個(gè)地方。

術(shù)語多

在 B 端，鑒定你是否是行內(nèi)人的最好辦法，便是在溝通的時(shí)候給你講很多專業(yè)術(shù)語，因?yàn)樾g(shù)語就如同我們?cè)O(shè)計(jì)師日常溝通的一個(gè)辦法。比如：“這里我用到了卡片分類將整個(gè)信息去做規(guī)整”、“那里在 Figma 里主要用 Components 去解決頁面重復(fù)的問題” 

這些內(nèi)容其他行業(yè)的人肯定也聽不懂，因此術(shù)語多也是我們非常頭疼的地方。最近也在嘗試整理不同行業(yè)的 B 端產(chǎn)品分析，也算是幫助同學(xué)們?cè)谀吧念I(lǐng)域當(dāng)中能夠快速熟悉。

無結(jié)果

很多同學(xué)的競(jìng)品分析，都主要集中在鼠標(biāo)的操作上。便是不停地點(diǎn)點(diǎn)點(diǎn)，在整個(gè)頁面你會(huì)發(fā)現(xiàn)點(diǎn)擊過后沒有任何目的，試用過后也不會(huì)有什么結(jié)果。因此久而久之，很多設(shè)計(jì)師只會(huì)去看這個(gè)產(chǎn)品的頁面風(fēng)格，然后根據(jù)說這個(gè)頁面非常丑陋就罵罵咧咧的離開，所以也導(dǎo)致大家的積極性下降。

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

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

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

所以我認(rèn)為 B 端競(jìng)品分析對(duì)于設(shè)計(jì)師來說需要具備一下幾個(gè)特點(diǎn)：

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

因?yàn)檎驹谇叭说募绨蛏?，我們能夠快速產(chǎn)出對(duì)應(yīng)的設(shè)計(jì)方案，因此競(jìng)品分析最好是有明確的需求目的。比如我要去做一個(gè) 導(dǎo)航菜單的設(shè)計(jì)，那就要去考慮在整個(gè)導(dǎo)航菜單當(dāng)中，它不同的設(shè)計(jì)方法，以及在各個(gè)產(chǎn)品當(dāng)中它們是如何選擇的，只有了解了這些內(nèi)容后，才能夠幫助我們?nèi)ソ鉀Q設(shè)計(jì)當(dāng)中的問題。

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

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

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

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

（這個(gè)觀點(diǎn)也在 Ant Design 5.0 的更新當(dāng)中得到了驗(yàn)證）

其實(shí)這就需要你不停的跟進(jìn)多款產(chǎn)品，了解他們目前的產(chǎn)品發(fā)展方向。雖然有很多人會(huì)認(rèn)為這不是應(yīng)該產(chǎn)品做的事嗎？為什么設(shè)計(jì)師要去做？但是去跟進(jìn)他們的動(dòng)向，其實(shí)就是了解他們之前在設(shè)計(jì)這些模塊的時(shí)候翻了哪些錯(cuò)，后續(xù)是如何調(diào)整的。比如我們以飛書的改動(dòng)為例，我追蹤飛書管理后臺(tái)的更新有大概 4 年，通過這樣的堅(jiān)持，我們能夠看到的是飛書它經(jīng)過一個(gè)又一個(gè)版本的迭代，優(yōu)化了很多內(nèi)容，才到如今的設(shè)計(jì)，并且隨著內(nèi)容數(shù)據(jù)的增多，可以發(fā)現(xiàn)它是在如何發(fā)生變化。

并且發(fā)現(xiàn)這個(gè)界面設(shè)計(jì)風(fēng)格的改版是未來的趨勢(shì)，早在一年前就已經(jīng)預(yù)言，記得也在課程上講過，這個(gè)風(fēng)格未來一定是需求（不信問一問 第三期課程的同學(xué)應(yīng)該知道）所以這便是了解行業(yè)趨勢(shì)最快的一個(gè)途徑，而我們要做的是持續(xù)跟進(jìn)，多去進(jìn)行內(nèi)容的查看。

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

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

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

比如我之前負(fù)責(zé)過一個(gè)階段推進(jìn)器的需求，當(dāng)時(shí)對(duì)于階段推進(jìn)器這四個(gè)詞非常陌生。感覺從未接觸過，心中想的應(yīng)該是 火箭？飛機(jī)的推進(jìn)？

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

我頓時(shí)就犯了難，這時(shí)候雖然不了解，但是我通過強(qiáng)大的圖庫+賬號(hào)，快速找到與之對(duì)應(yīng)的功能模塊。

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

4.匯總 遷移到其他地方

我們?cè)谧龈?jìng)品分析的時(shí)候，需要考慮的是交互體驗(yàn)層面的競(jìng)品分析，而非產(chǎn)品框架層面的競(jìng)品分析。很多時(shí)候產(chǎn)品層面的競(jìng)品分析我們不需要掌握，因?yàn)樗^于宏觀，很多內(nèi)容并不是我們作為設(shè)計(jì)師應(yīng)該關(guān)心的，因此我們?cè)谧龈?jìng)品分析時(shí)不應(yīng)該盲目的大，而是克制更為聚焦的小，希望做到的是從微觀再到宏觀。

舉一個(gè)例子，下方三個(gè)指標(biāo)圖，如果你要去做競(jìng)品分析，你會(huì)如何做？

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

1.為數(shù)據(jù)展示指標(biāo)圖，你會(huì)發(fā)現(xiàn)在整個(gè)指標(biāo)圖當(dāng)中包含有同比、環(huán)比、對(duì)應(yīng)的時(shí)間 以及 數(shù)據(jù)的詳情，給人的感覺數(shù)據(jù)非常專業(yè)。

2.以數(shù)據(jù)占比為主，明顯是想表達(dá)你的使用情況。你可以想想，會(huì)出現(xiàn)在哪個(gè)頁面當(dāng)中？

3.一個(gè)非常簡單的指標(biāo)圖，但是在個(gè)數(shù)這個(gè)字段極為特殊，應(yīng)該是想呈現(xiàn)對(duì)應(yīng)的數(shù)據(jù)變化。

類型丨競(jìng)品的種類有哪些？

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

直接競(jìng)品

直接競(jìng)品，顧名思義就是去分析產(chǎn)品的直接競(jìng)爭(zhēng)對(duì)手，因?yàn)橹苯痈?jìng)爭(zhēng)對(duì)手都會(huì)有較為完整的解決方案，如果第一次去做某些功能的時(shí)候，我們可以快速分析直接競(jìng)品去快速了解它的思路。當(dāng)然我們通常對(duì)直接競(jìng)品還需要將他的產(chǎn)品進(jìn)行各個(gè)階段的進(jìn)行留檔，以及競(jìng)品迭代分析，這個(gè)我們就留著第三章來說。

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

間接競(jìng)品

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

比如在上圖的客戶管理模塊，微盟里的客戶管理與紛享銷客里的客戶管理就會(huì)完全不同，雖然他們都是客戶管理，但是在設(shè)計(jì)上完全不同。前者主打簡單，我們?cè)诮梃b的時(shí)候就要更深入思考；后者為核心板塊，就要體驗(yàn)他為核心板塊做了什么內(nèi)容。所以間接競(jìng)品我們更關(guān)注的是產(chǎn)品功能模塊幾乎相同，但是他們的設(shè)計(jì)目的可能會(huì)存在不同的差異，因此將其進(jìn)行分析。

交互競(jìng)品

交互競(jìng)品主要針對(duì)產(chǎn)品無論的類型還是功能模塊上，都好不搭嘎，但是設(shè)計(jì)上有一些交集的地方，我們可以去學(xué)習(xí)他們的交互解決方案。比如我們需要去處理的是一個(gè)復(fù)雜的篩選模塊，同行業(yè)里幾乎沒有類似的做法，那我們就可以借鑒很多有類似功能的產(chǎn)品，比如 ONES 的篩選邏輯、紛享銷客的高級(jí)篩選、TAPD 的篩選彈窗，這些本身都是毫不相干的產(chǎn)品，但是他們?cè)诮换ツＪ缴峡梢越梃b，通過這樣就能夠幫助我們?cè)诮换用嫔先ソ鉀Q問題，而交互競(jìng)品更看重的是你平時(shí)對(duì)這個(gè)產(chǎn)品的了解程度。

競(jìng)品分析的思路

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

作為一個(gè)成熟的 B 端設(shè)計(jì)師，我們競(jìng)品分析的方法并不是將傳統(tǒng)式教條主義那樣，按照 第一步、第二步、第三步 的方式，按照某一個(gè)方法去局限自己的思路。比如常見分析的方法有：功能拆解法、矩陣分析法、功能對(duì)比法、評(píng)分比較法、競(jìng)品畫布、PEST 分析法（后面會(huì)講到這些內(nèi)容應(yīng)該如何使用）

因?yàn)槲覀冊(cè)趯?shí)際工作當(dāng)中，如果按照上面你的方式分析，很容易就變成一個(gè)填空題，而因此缺少了對(duì)于整個(gè)產(chǎn)品的細(xì)致思考。所以我們?nèi)《氖橇硪粋€(gè)非常重要的觀點(diǎn)：「通過現(xiàn)象看本質(zhì)」

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

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

但是這些傳統(tǒng)的教條類的分析會(huì)讓大家感覺在處理頁面的時(shí)候非常束手無策，因?yàn)樗麄冊(cè)诜治鰰r(shí)，通常都是非常宏觀的分析，比如產(chǎn)品大方向、產(chǎn)品的未來規(guī)劃，沒人會(huì)去關(guān)注你個(gè)臭設(shè)計(jì)的。其實(shí)我們?cè)偃?duì)競(jìng)品分析時(shí)，主要專注兩部分的分析：

1.外在表象

我們 就以剛才講到的篩選為例，首先從外在表現(xiàn)來看，發(fā)現(xiàn)左側(cè)的篩選并不重要，因?yàn)樗枰c(diǎn)擊篩選圖標(biāo)后才能呼出篩選，執(zhí)行對(duì)應(yīng)的篩選操作而對(duì)應(yīng)的右側(cè)篩選顯得非常重要，因?yàn)樗乃泻Y選項(xiàng)都是常駐在頂部，我們想要篩選就可以直接到對(duì)應(yīng)的字段進(jìn)行操作。

現(xiàn)在其實(shí)我們就在分析表象，就是這兩個(gè)設(shè)計(jì)之間的差別在哪，緊接著我們?cè)诖σ幌陆换?，?dāng)兩個(gè)篩選點(diǎn)擊過后，發(fā)現(xiàn)：左側(cè)的篩選針對(duì)的是通用的字段，因?yàn)槲倚枰c(diǎn)擊添加篩選條件，點(diǎn)擊想要篩選的字段，才能夠執(zhí)行篩選的操作。右側(cè)的篩選針對(duì)的是固定的字段，因?yàn)樽侄味际窃陧撁娈?dāng)中常駐，并且沒有對(duì)應(yīng)的添加篩選的入口。這是從設(shè)計(jì)師在這個(gè)方案當(dāng)中傳達(dá)出來的信息，緊接著分析一下，為什么這個(gè)設(shè)計(jì)師要這么設(shè)計(jì)。按照課程當(dāng)中的話來說，就是這個(gè)設(shè)計(jì)師也不是傻子，它為什么要這么做？原因在哪？這時(shí)候我們就要通過外在的表象分析其內(nèi)在的邏輯。

2.內(nèi)在邏輯

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

同樣是上面的篩選，那為什么會(huì)這樣設(shè)計(jì)，其中的原因又是什么？我們剛才講到了篩選一個(gè)為通用篩選字段，一個(gè)為固定篩選字段，那為什么會(huì)存在這種情況，其實(shí)是因?yàn)樵谧髠?cè)，整個(gè)系統(tǒng)的字段是不可控的，用戶可以去自定義字段，也就是添加自己想用的字段來進(jìn)行展示；而右側(cè)字段可控，主要就是所有的字段都在整個(gè)系統(tǒng)當(dāng)中，我們沒有辦法去隨意的添加刪除。

而為什么會(huì)產(chǎn)生這樣的原因呢？其實(shí)是因?yàn)?aPaaS 平臺(tái)上，整個(gè)系統(tǒng)都是自定義字段，因此只能夠?qū)⒑Y選做到一個(gè)入口里，通過入口來執(zhí)行篩選的操作。而 SaaS 平臺(tái)，特別是行業(yè)屬性型產(chǎn)品，所有的業(yè)務(wù)都是固定寫死的，因此你會(huì)發(fā)現(xiàn)我們不允許系統(tǒng)進(jìn)行隨意的更改，也就導(dǎo)致了我每個(gè)頁面具體要呈現(xiàn)什么內(nèi)容完全由我們自己說了算，也就導(dǎo)致股常駐固定篩選。

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

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

問題如下：

“我們?nèi)プ鲆粋€(gè) HRM 系統(tǒng)的面試點(diǎn)評(píng)的優(yōu)化，因?yàn)樵谙到y(tǒng)當(dāng)中經(jīng)常會(huì)有面試評(píng)價(jià)的問題，就是使用系統(tǒng)的面試官經(jīng)常出現(xiàn)忘記填寫面試評(píng)價(jià)、面試評(píng)價(jià)錯(cuò)亂的情況，我們應(yīng)該如何優(yōu)化？”

3.舉個(gè)例子

比如在之前回答一個(gè)同學(xué)的問題時(shí)，我們就能夠通過競(jìng)品分析了解到設(shè)計(jì)思路。問題如下：

“我們?nèi)プ鲆粋€(gè) HRM 系統(tǒng)的面試點(diǎn)評(píng)的優(yōu)化，因?yàn)樵谙到y(tǒng)當(dāng)中經(jīng)常會(huì)有面試評(píng)價(jià)的問題，就是使用系統(tǒng)的面試官經(jīng)常出現(xiàn)忘記填寫面試評(píng)價(jià)、面試評(píng)價(jià)錯(cuò)亂的情況，我們應(yīng)該如何優(yōu)化？”

首先我從沒做過 HRM 系統(tǒng)，因此不太了解這個(gè)產(chǎn)品的具體特性，所以在回答這個(gè)問題時(shí)，我們只能夠通過競(jìng)品分析的方式，去獲取一些設(shè)計(jì)優(yōu)化的方式。

已知內(nèi)容

在分析問題之前，必須先了解我們目前已經(jīng)掌握的內(nèi)容。

產(chǎn)品：針對(duì)人事系統(tǒng)管理的招聘模塊

階段：已經(jīng)面試人員的面試評(píng)價(jià)

問題：面試評(píng)價(jià)未填寫，錯(cuò)亂的問題

針對(duì)上面的內(nèi)容，我們還能夠進(jìn)行相應(yīng)的提問：

具體的角色有哪些？解決的問題究竟是什么？究竟是什么樣的面試評(píng)價(jià)錯(cuò)亂/未填寫？

通過系統(tǒng)當(dāng)中已知的內(nèi)容，我們逐步明確以下幾個(gè)內(nèi)容

產(chǎn)品：人力招聘系統(tǒng)

角色：面試官、HR、應(yīng)聘者

功能：面試評(píng)價(jià)

痛點(diǎn)：大部分面試官忘記面試評(píng)價(jià)，導(dǎo)致面試評(píng)價(jià)錯(cuò)誤、混亂，無法對(duì)應(yīng)

場(chǎng)景：線下面試，線上面試

其實(shí)我們剛才的內(nèi)容，都是前期的問題分析，我們?cè)谧鋈魏卧O(shè)計(jì)時(shí)都應(yīng)該這么做，而后就是競(jìng)品的分析，首先去搜集競(jìng)品，去尋找直接競(jìng)品、間接競(jìng)品、交互競(jìng)品。

直接競(jìng)品：因?yàn)?HRM 行業(yè)本身要求比較嚴(yán)格，所以在選擇時(shí)，我們選擇了釘釘上能夠直接試用的 易招聘

間接競(jìng)品：最近使用 CCtalk 上課的頻率較高，所以使用 CCtalk 的課程評(píng)價(jià)

交互競(jìng)品：在點(diǎn)餐的時(shí)候發(fā)現(xiàn)可以評(píng)價(jià)商品，因此選擇美團(tuán)外賣分析其點(diǎn)評(píng)評(píng)價(jià)

當(dāng)然在這些競(jìng)品當(dāng)中，沒有嚴(yán)格的要求。最主要的就是你一定要熟悉它。

而我們?cè)诜治鰰r(shí)，就要了解一款產(chǎn)品的表象和它的邏輯

易招聘

在易招聘里，我們進(jìn)入到人才信息過后，就能夠快速預(yù)覽人員的所有內(nèi)容，包含簡歷、登記表、測(cè)評(píng)、面試記錄、Offer 等，其中在面試記錄里，我們就能夠查看這個(gè)員工的所有面試設(shè)計(jì)記錄。

因?yàn)槲覜]有接觸過 HRM 系統(tǒng)，通過易招聘這樣的直接競(jìng)品，讓我對(duì) HRM 行業(yè)的產(chǎn)品有一個(gè)基礎(chǔ)的認(rèn)識(shí)，通過了解面試評(píng)價(jià)的基本內(nèi)容。

然后將競(jìng)品的內(nèi)容按照外表+邏輯進(jìn)行整理。

外表：

- 發(fā)現(xiàn)易招聘里依然容易出現(xiàn)面試評(píng)價(jià)錯(cuò)亂等問題，他們通過 一鍵催所有評(píng)價(jià)+一鍵催評(píng)價(jià) 解決

- 試用 一鍵催評(píng)功能，設(shè)計(jì)邏輯是當(dāng)點(diǎn)擊過后，我們會(huì)在 釘釘 收到 Ding 一下的加急消息，提示你需要閱讀。（這個(gè)與平臺(tái)深度綁定，如果是 飛書、企業(yè)微信 提示方式又會(huì)有所不同）

- 面試評(píng)價(jià)較為簡單，選擇對(duì)應(yīng)狀態(tài)，在下方寫下評(píng)論即可。

由于對(duì)于評(píng)價(jià)這個(gè)功能也不太了解，因此我們又體驗(yàn)了其他的評(píng)價(jià)功能的產(chǎn)品，希望有所啟發(fā)。

CCtalk

因?yàn)?CCtalk 平常使用頻率較高，所以評(píng)價(jià)想到的就是課程評(píng)價(jià)究竟有哪些邏輯。老規(guī)矩我們先看外表：

- 提供快速評(píng)價(jià)的入口，我們可以點(diǎn)擊五角星來實(shí)現(xiàn)評(píng)價(jià)的快速點(diǎn)評(píng)

- 提供默認(rèn)標(biāo)簽，我們可以選擇老師常見的面試評(píng)價(jià)標(biāo)簽

- 直播課程結(jié)束后，會(huì)有彈窗提示。面試結(jié)束后可以主動(dòng)彈窗進(jìn)行提示。

在理解內(nèi)核，理解內(nèi)核我是通過一次一次的測(cè)試，得到了 CCTalk 他會(huì)包含以下規(guī)則：

- 課程必須結(jié)束后才可評(píng)價(jià)，也就是正在直播的課程，不能直接評(píng)價(jià)。也就是評(píng)價(jià)不能與課程同時(shí)進(jìn)行。

- 課程查看時(shí)間必須超過 10min 才可評(píng)價(jià)。也就是點(diǎn)評(píng)之前，必須要判定用戶是否有評(píng)價(jià)資格。

美團(tuán)外賣

因?yàn)榻?jīng)常點(diǎn)外賣，因此也會(huì)想到美團(tuán)外賣的點(diǎn)餐評(píng)價(jià)，也就將其呈現(xiàn)出來了。

外表：

會(huì)有彈窗提示，是否進(jìn)行評(píng)價(jià)

評(píng)價(jià)可以有標(biāo)簽進(jìn)行快速選擇

對(duì)于騎手的評(píng)價(jià)會(huì)有滿意于不滿意兩種狀態(tài)

內(nèi)在邏輯：

當(dāng)騎手完成送貨后，可以對(duì)訂單進(jìn)行評(píng)價(jià)

提前點(diǎn)送達(dá)，會(huì)收到系統(tǒng)的默認(rèn)提示

不同的滿意狀態(tài)，對(duì)應(yīng)呈現(xiàn)的默認(rèn)標(biāo)簽也會(huì)不同

我們分析了多個(gè)產(chǎn)品的設(shè)計(jì)邏輯過后，面對(duì)上述的問題，我們得到以下的設(shè)計(jì)思路：

- 面試評(píng)價(jià)的難度   降低無用的表單信息，將重要內(nèi)容凸顯     美團(tuán)外賣

- 面試評(píng)價(jià)的快速提醒   HR 一鍵提醒功能     易招聘

- 面試流程的卡點(diǎn)   取消不必要的必填，并且在內(nèi)容上有快捷方式     美團(tuán)外賣

- 面試過后的反饋   快速提示面試評(píng)價(jià)   CCtalk

- 面試的最佳實(shí)踐   能不能將面試與面試點(diǎn)評(píng)放在一起，提醒面試官可以一邊面試一邊評(píng)價(jià)     CCtalk

- 面試是否能夠提供面試題庫   規(guī)范面試官的提問方式，幫助面試官進(jìn)行規(guī)范化的考量   CCtalk

通過競(jìng)品的外在表象和內(nèi)在邏輯進(jìn)行分析，進(jìn)而在產(chǎn)出方案時(shí)，我們能夠更為清晰的處理工作的需求。而上面的思路，我們只需要將需求結(jié)合，產(chǎn)出設(shè)計(jì)頁面即可。那對(duì)應(yīng)的方案這里就不做呈現(xiàn)，畢竟競(jìng)品分析我么你主要分析的也是思路。

競(jìng)品分析的常見方法

首先關(guān)于競(jìng)品分析的方法，我們的目的主要是為了呈現(xiàn)自己的思路。比如剛才我們已經(jīng)完成的思路的拆解，進(jìn)而就需要通過方法將自己的思路進(jìn)行理論化的包裝，給到其他人，這樣就能夠保證在評(píng)審當(dāng)中“你的思路是正確的”

功能拆解法

功能拆解法是針對(duì)系統(tǒng)或軟件的功能分解，可以采用不同的方法進(jìn)行拆分。

我們常用的方式是按照菜單導(dǎo)航進(jìn)行拆解，即將不同功能按照其在菜單中的位置進(jìn)行分解。同時(shí)還可以根據(jù)使用流程來進(jìn)行功能拆分，即將整個(gè)系統(tǒng)或軟件按照用戶使用時(shí)的流程進(jìn)行分解。

功能拆解法能快速幫我們?nèi)コ尸F(xiàn)產(chǎn)品的具體架構(gòu)，了解競(jìng)爭(zhēng)對(duì)手的功能情況。

矩陣分析法

矩陣分析法可以通過將不同競(jìng)品的關(guān)鍵指標(biāo)以矩陣的形式呈現(xiàn)，從而幫助設(shè)計(jì)師更好地分析和比較不同競(jìng)品之間的特點(diǎn)和優(yōu)劣勢(shì)，去尋找產(chǎn)品方向上的機(jī)會(huì)點(diǎn)。

矩陣分析法主要通過制作矩陣坐標(biāo)軸，將不同競(jìng)品的特點(diǎn)和關(guān)鍵指標(biāo)對(duì)比，從而分析它們?cè)诓煌矫娴膬?yōu)劣勢(shì)。在制作矩陣表格時(shí)，通常將各個(gè)競(jìng)品的關(guān)鍵指標(biāo)列在表格的橫向和縱向兩個(gè)方向，從而形成一個(gè)以競(jìng)品名稱為標(biāo)題的矩陣表格。

例如，我在分析垂直業(yè)務(wù)型產(chǎn)品與行業(yè)屬性型產(chǎn)品時(shí)，就會(huì)將很多關(guān)鍵指標(biāo)進(jìn)行對(duì)比：產(chǎn)品市場(chǎng)占比、產(chǎn)品的設(shè)計(jì)難度、業(yè)務(wù)復(fù)雜度，同時(shí)在這些競(jìng)品當(dāng)中，我們選擇了兩個(gè)指標(biāo)進(jìn)行分析「設(shè)計(jì)難度、業(yè)務(wù)復(fù)雜程度」通過對(duì)比和分析不同競(jìng)品在這些指標(biāo)上的位置得分情況，設(shè)計(jì)師可以更好地了解各個(gè)競(jìng)品之間的優(yōu)劣勢(shì)，從而更好地制定設(shè)計(jì)策略和優(yōu)化產(chǎn)品設(shè)計(jì)。

總之，競(jìng)品分析的矩陣分析法可以幫助設(shè)計(jì)師更好地了解市場(chǎng)競(jìng)爭(zhēng)環(huán)境，分析不同競(jìng)品之間的優(yōu)劣勢(shì)，為設(shè)計(jì)和優(yōu)化產(chǎn)品提供參考和啟示。

功能對(duì)比法

功能對(duì)比法是一種通過比較和分析不同競(jìng)品的功能來了解其特點(diǎn)和優(yōu)劣勢(shì)的競(jìng)品分析方法。該方法主要通過比較不同競(jìng)品在功能上的差異和優(yōu)劣勢(shì)，幫助設(shè)計(jì)師更好地了解市場(chǎng)上類似產(chǎn)品的功能特點(diǎn)，并從中獲取設(shè)計(jì)靈感和啟示。

功能對(duì)比法在 B 端產(chǎn)品當(dāng)中，我們主要分析一些影響產(chǎn)品體驗(yàn)的核心功能。比如產(chǎn)品的自定義能力、是否有新功能的交互引導(dǎo)、產(chǎn)品有問題時(shí)的幫助體驗(yàn)如何，這些我們都能夠通過功能對(duì)比的方法進(jìn)行快速的了解，快速讓自己的產(chǎn)品在行業(yè)當(dāng)中取得一定的優(yōu)勢(shì)。

評(píng)分比較法

競(jìng)品分析是指對(duì)與自己產(chǎn)品或服務(wù)相似的競(jìng)爭(zhēng)對(duì)手進(jìn)行調(diào)查、分析和比較，以了解市場(chǎng)競(jìng)爭(zhēng)狀況，為企業(yè)制定市場(chǎng)策略提供依據(jù)。在競(jìng)品分析中，評(píng)分比較法是一種常用的方法。

評(píng)分比較法是指按照一定標(biāo)準(zhǔn)對(duì)不同競(jìng)爭(zhēng)對(duì)手的產(chǎn)品體驗(yàn)進(jìn)行評(píng)分，再將得分進(jìn)行比較，以確定各競(jìng)爭(zhēng)對(duì)手的優(yōu)劣勢(shì)和差距，進(jìn)而明確產(chǎn)品的具體定位。

評(píng)分比較法的優(yōu)點(diǎn)在于可以直觀地展示競(jìng)爭(zhēng)對(duì)手之間的差距，幫助企業(yè)更清晰地了解自身在市場(chǎng)中的位置和優(yōu)劣勢(shì)，進(jìn)而制定更科學(xué)的競(jìng)爭(zhēng)策略。但評(píng)分比較法也存在一些局限性，例如評(píng)分標(biāo)準(zhǔn)的選擇可能不夠客觀，評(píng)分者的主觀性可能會(huì)影響評(píng)分結(jié)果等。

競(jìng)品畫布

商業(yè)畫布的目的是幫助企業(yè)了解自己所處的市場(chǎng)競(jìng)爭(zhēng)環(huán)境，以及競(jìng)爭(zhēng)對(duì)手的優(yōu)劣勢(shì)和策略。因?yàn)樗瞧珮I(yè)務(wù)層面的分析，通常由以下幾個(gè)部分組成：

商業(yè)畫布可以幫助企業(yè)了解自身在市場(chǎng)中的定位和優(yōu)劣勢(shì)，以及與競(jìng)爭(zhēng)對(duì)手之間的差距和機(jī)會(huì)。通過對(duì)競(jìng)爭(zhēng)對(duì)手的分析和比較，企業(yè)可以更好地制定市場(chǎng)策略，提高市場(chǎng)競(jìng)爭(zhēng)力。

而這些方法的使用，主要目的是為了呈現(xiàn)你的思路，通過方法論的方式進(jìn)行包裝，進(jìn)而能夠讓沒有體驗(yàn)過的人快速了解，方便他們理解你的方案思路。

競(jìng)品分析對(duì)于設(shè)計(jì)師的意義

借鑒思路

競(jìng)品分析最簡單莫過于借鑒別人的設(shè)計(jì)思維，因?yàn)槲覀冊(cè)趧偨佑|到一個(gè)需求的時(shí)候通常都會(huì)非常的茫然。而現(xiàn)如今的界面設(shè)計(jì)很少有行業(yè)里面完全新的功能，大多數(shù)的界面模式已經(jīng)被行業(yè)當(dāng)中驗(yàn)證使用，所以先不要嘗試去創(chuàng)建一個(gè)新的交互需求，先試著尋找一下有沒有較為成熟的交互邏輯。

比如我們現(xiàn)在接到一個(gè)需求，要去做一個(gè)頁面的代碼配置信息，手里拿到的就只有一些簡單的產(chǎn)品截圖。

那這個(gè)時(shí)候我們就需要考慮與之類似的交互到底會(huì)有哪些？

想來想去過后你會(huì)發(fā)現(xiàn)，我們似乎可以從 VScode + Figma 等頁面布局當(dāng)中去獲取靈感，進(jìn)而在繪制這些頁面的時(shí)候會(huì)更為完整。

并且思路借鑒，并不意味著我們需要去 copy 別人的完整方案，很多時(shí)候要去分析的是它的方案真實(shí)適不適合我們的產(chǎn)品。

畢竟產(chǎn)品當(dāng)中就會(huì)存在很多特殊的場(chǎng)景，場(chǎng)景不同你的思考的點(diǎn)就會(huì)存在差異。

再舉個(gè)例子：比如我們?cè)谡n程上講到了三個(gè)風(fēng)格非常類似的 指標(biāo)圖，當(dāng)你看得到這三個(gè)完全相同的組件時(shí)，其實(shí)會(huì)覺得他們只是存在風(fēng)格上的差異：一個(gè)數(shù)據(jù)凸顯、一個(gè)展示進(jìn)度、一個(gè)展示指標(biāo)

但是深入去分析了解，才知道它們除了風(fēng)格上的差異之外，其實(shí)還會(huì)存在使用場(chǎng)景的不同。

左上圖是數(shù)據(jù)凸顯：因?yàn)槭且粋€(gè) BI 產(chǎn)品，在產(chǎn)品當(dāng)中主要呈現(xiàn)的是關(guān)于這個(gè)字段詳細(xì)的數(shù)據(jù)記錄。所以在數(shù)據(jù)呈現(xiàn)的時(shí)候較為詳細(xì)和準(zhǔn)確。

右上圖展示進(jìn)度：同樣是一個(gè)指標(biāo)圖，它呈現(xiàn)的內(nèi)容更多是一個(gè)進(jìn)度展示。究其原因，發(fā)現(xiàn)它被用于企業(yè)管理頁面，以便我們可以通過進(jìn)度了解資源的具體用量。

左下圖展示指標(biāo)：這個(gè)指標(biāo)圖有點(diǎn)特殊。在鼠標(biāo)懸停時(shí)，我們發(fā)現(xiàn)該圖表可以點(diǎn)擊。這意味著該指標(biāo)圖可進(jìn)行下鉆操作，以快速查看相關(guān)聯(lián)的數(shù)據(jù)情況。

持續(xù)總結(jié)

因?yàn)楦?jìng)品分析并不是一個(gè)短期分析完了就結(jié)束的過程，如果處理一個(gè)需求，針對(duì)一個(gè)功能，我們都需要持續(xù)的對(duì)產(chǎn)品進(jìn)行動(dòng)態(tài)的跟蹤。就像我跟進(jìn)了 飛書 3-4 年，一步一步看到它的變化、產(chǎn)品也在不斷地發(fā)展，因此你的分析也應(yīng)該是持續(xù)跟進(jìn)的。

我們作為設(shè)計(jì)師，更應(yīng)該對(duì)產(chǎn)品持續(xù)進(jìn)行關(guān)注，比如創(chuàng)建對(duì)應(yīng)的產(chǎn)品版本庫，將這些競(jìng)品持續(xù)關(guān)注，不斷地總結(jié)，這樣你才能擁有自己的護(hù)城河。。

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

如何尋找競(jìng)品

關(guān)于如何尋找競(jìng)品，我其實(shí)之前有給大家講過，正好趁著這些內(nèi)容更新，又給大家科普一波~

在競(jìng)品的尋找上，其實(shí)我們主要有幾種尋找的渠道：

搜索引擎

我們可以通過搜索引擎檢索到大量的同類型產(chǎn)品，使用搜索引擎我們只需要明確想要尋找哪個(gè)領(lǐng)域或產(chǎn)品的競(jìng)爭(zhēng)對(duì)手，然后根據(jù)該領(lǐng)域或產(chǎn)品的特點(diǎn)，選擇適當(dāng)?shù)年P(guān)鍵詞，通常會(huì)有兩種方式，產(chǎn)品類型以及產(chǎn)品名稱。

我們以尋找 CRM 行業(yè)的產(chǎn)品為例，就可以在搜索引擎當(dāng)中得到兩類關(guān)鍵名稱：

產(chǎn)品類：紛享銷客、銷售易、銷幫幫 ...

行業(yè)類：CRM、客戶關(guān)系管理系統(tǒng)、企業(yè)客戶管理 ...

當(dāng)然在搜索引擎上的選擇，國內(nèi)肯定就是 百度、搜狗、Bing 等平臺(tái)；如果是國外，則主要是 Google。

應(yīng)用平臺(tái)

在國內(nèi)的應(yīng)用，主要講究的是生態(tài)，因此我們尋找競(jìng)品還可以通過競(jìng)品的 ISV 快速獲取。

目前國內(nèi)的企業(yè)應(yīng)用平臺(tái)主要有三個(gè)：釘釘、企業(yè)微信、飛書

無論是什么產(chǎn)品，我們都能夠通過這三個(gè)平臺(tái)進(jìn)行快速的尋找。

比如我們想要尋找財(cái)稅相關(guān)的產(chǎn)品，那我能夠通過 釘釘、企業(yè)微信、飛書找到非常多與之相關(guān)的產(chǎn)品。并且這樣的一些平臺(tái)能夠提供 試用 15 天的功能，代表著我們可以直接體驗(yàn)多款同類型產(chǎn)品。

軟件測(cè)評(píng)平臺(tái)

Youthce.com

如果是咱們賬號(hào)的老讀者都知道，我自己有一個(gè)個(gè)人網(wǎng)站，雖然年久失修，但是里面仍然總結(jié)了市面上較為常見的 B 端產(chǎn)品，其中就包含 200+ 各個(gè)行業(yè)的競(jìng)品。

因此肯定還是要先安利自己的網(wǎng)站，最后說一句，個(gè)人網(wǎng)站肯定更新、肯定更新~

36 企服點(diǎn)評(píng)

這是 36 氪出品的企業(yè)服務(wù)點(diǎn)評(píng)網(wǎng)站，很多國內(nèi)的 B 端產(chǎn)品都會(huì)在這個(gè)網(wǎng)站上出現(xiàn)，雖然做得一般，但也是國內(nèi)最好的網(wǎng)站了（攤攤手）

網(wǎng)站感覺恰飯的產(chǎn)品都點(diǎn)多，很多不知名的產(chǎn)品排行都比較靠前~

找 SaaS

也是類似的企業(yè)軟件的匯總平臺(tái)，內(nèi)容雖然很多，但是它的排序規(guī)則并不是很認(rèn)可。

比如人才招聘領(lǐng)域，排在前面的產(chǎn)品我一個(gè)都不認(rèn)識(shí)，這個(gè)排序規(guī)則就值得大家細(xì)品細(xì)品，這算是大家找軟件的一個(gè)補(bǔ)充吧。

SaaS 點(diǎn)評(píng)網(wǎng)

類似的企業(yè)服務(wù)社區(qū)，我們能夠快速的進(jìn)行產(chǎn)品分析。

G2

可以把它理解為是國外軟件的大眾點(diǎn)評(píng)，我們可以在該網(wǎng)站上查看和撰寫軟件和服務(wù)的評(píng)價(jià)，并對(duì)其進(jìn)行打分、發(fā)布評(píng)論和分享經(jīng)驗(yàn)。這些評(píng)價(jià)基于用戶的真實(shí)體驗(yàn)，具有很高的可信度和參考價(jià)值。

也可以在這上面找到國外產(chǎn)品的流行趨勢(shì)，并且每年 G2 都會(huì)頒布 「Best Software for 2023」來展示在過去一年，不同領(lǐng)域當(dāng)中那些產(chǎn)品做得非常優(yōu)秀。

Capterra

Capterra 是一個(gè)在線的軟件和服務(wù)目錄網(wǎng)站，目的是在幫助企業(yè)尋找和比較各種軟件和服務(wù)產(chǎn)品。與 G2 比較類似，不過使用它通常會(huì)采取一些關(guān)鍵詞來去尋找。

Crozdesk

企業(yè)軟件搜索，不過會(huì)有很多國外的行業(yè)報(bào)告提供給我們，免費(fèi)下載~

競(jìng)品截圖

競(jìng)品截圖是我們?cè)O(shè)計(jì)師最主要的靈感來源。

CE青年花瓣

我在我的花瓣中總結(jié)了50個(gè)B端產(chǎn)品，并為每個(gè)產(chǎn)品提供了詳細(xì)的截圖。我還提供了相應(yīng)的標(biāo)簽來對(duì)這些截圖進(jìn)行細(xì)致的管理。已經(jīng)有很多設(shè)計(jì)師向我反饋他們會(huì)打開這個(gè)花瓣網(wǎng)站，每天都去獲取相應(yīng)的靈感。當(dāng)然，也會(huì)有一些機(jī)構(gòu)和媒體拿著這些截圖，進(jìn)行對(duì)外的售賣，并且價(jià)格不菲。

所有資源都已經(jīng)免費(fèi)提供給大家了。大家可以好好利用這些資源，幫助自己提升設(shè)計(jì)能力。

SaaS UI

SaaS UI 是國外截圖分享的一個(gè)平臺(tái)，里面按照產(chǎn)品為單位，搜集了大量的產(chǎn)品截圖。同時(shí)對(duì)于沒有的產(chǎn)品你還可以提交請(qǐng)求，等待一段時(shí)間就能更新到你想要的產(chǎn)品截圖。

Webframe

在 Webframe 里面，我們能夠通過左側(cè)的導(dǎo)航，快速對(duì)于產(chǎn)品進(jìn)行分類。

與 SaaS UI 不同，它的分類按照產(chǎn)品的整體結(jié)構(gòu)展開的，比如：官網(wǎng)、價(jià)格頁、登錄頁、編輯、彈窗、搜索 等等...

這種方式在我們?nèi)狈`感的時(shí)候能夠快速通過導(dǎo)航，找到自己想要的截圖內(nèi)容，既能夠進(jìn)行橫向?qū)Ρ龋瑫r(shí)也能夠?qū)ふ业皆摦a(chǎn)品的全部截圖。

SaaS Landing Page

這是一個(gè)專注于 B 端官網(wǎng)設(shè)計(jì)的網(wǎng)站，所有的官網(wǎng)都通過小編的精心篩選，質(zhì)量上肯定有所保障。同時(shí)還匯總了網(wǎng)站的 字體、顏色、技術(shù)棧，能夠讓我們快速掌握該網(wǎng)站的設(shè)計(jì)風(fēng)格。

我們提到的所有資源都放在我的微信工號(hào)里。回復(fù) “頁簽”，即可獲取。

關(guān)于競(jìng)品分析，其實(shí)就是通過研究別人的產(chǎn)品來了解自己的產(chǎn)品可能會(huì)遇到的問題。你可以通過不同的競(jìng)品分析方式呈現(xiàn)你的競(jìng)品分析結(jié)果。因?yàn)槲覀冏鳛樵O(shè)施設(shè)計(jì)師考慮的不是產(chǎn)品層面上的各種關(guān)系，而是設(shè)計(jì)層面上的交互邏輯。

盲目的分析只會(huì)讓你越陷越深，達(dá)不到我們最初的目標(biāo)。

希望這篇文章能夠?qū)δ阌兴鶈l(fā)，這也是我在實(shí)際工作中運(yùn)用競(jìng)品分析的關(guān)鍵思路。

作者：CE青年來源：站酷網(wǎng)

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請(qǐng)加微信ban_lanlan，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系01063334945。 

分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。 

藍(lán)藍(lán)設(shè)計(jì)( www.cqzjtgb.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司