作為 B 端設計師,競品分析應如何做?

2023-3-21    博博

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

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

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

難試用

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

術(shù)語多

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

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

無結(jié)果

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

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

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

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

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

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

因為站在前人的肩膀上,我們能夠快速產(chǎn)出對應的設計方案,因此競品分析最好是有明確的需求目的。比如我要去做一個 導航菜單的設計,那就要去考慮在整個導航菜單當中,它不同的設計方法,以及在各個產(chǎn)品當中它們是如何選擇的,只有了解了這些內(nèi)容后,才能夠幫助我們?nèi)ソ鉀Q設計當中的問題。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

4.匯總 遷移到其他地方

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

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

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

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

2.以數(shù)據(jù)占比為主,明顯是想表達你的使用情況。你可以想想,會出現(xiàn)在哪個頁面當中?

3.一個非常簡單的指標圖,但是在個數(shù)這個字段極為特殊,應該是想呈現(xiàn)對應的數(shù)據(jù)變化。

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

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


直接競品

直接競品,顧名思義就是去分析產(chǎn)品的直接競爭對手,因為直接競爭對手都會有較為完整的解決方案,如果第一次去做某些功能的時候,我們可以快速分析直接競品去快速了解它的思路。當然我們通常對直接競品還需要將他的產(chǎn)品進行各個階段的進行留檔,以及競品迭代分析,這個我們就留著第三章來說。

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

間接競品

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

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

交互競品

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

競品分析的思路

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

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

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

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

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

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

1.外在表象

我們 就以剛才講到的篩選為例,首先從外在表現(xiàn)來看,發(fā)現(xiàn)左側(cè)的篩選并不重要,因為它需要點擊篩選圖標后才能呼出篩選,執(zhí)行對應的篩選操作而對應的右側(cè)篩選顯得非常重要,因為它的所有篩選項都是常駐在頂部,我們想要篩選就可以直接到對應的字段進行操作。

現(xiàn)在其實我們就在分析表象,就是這兩個設計之間的差別在哪,緊接著我們在揣摩一下交互,當兩個篩選點擊過后,發(fā)現(xiàn):左側(cè)的篩選針對的是通用的字段,因為我需要點擊添加篩選條件,點擊想要篩選的字段,才能夠執(zhí)行篩選的操作。右側(cè)的篩選針對的是固定的字段,因為字段都是在頁面當中常駐,并且沒有對應的添加篩選的入口。這是從設計師在這個方案當中傳達出來的信息,緊接著分析一下,為什么這個設計師要這么設計。按照課程當中的話來說,就是這個設計師也不是傻子,它為什么要這么做?原因在哪?這時候我們就要通過外在的表象分析其內(nèi)在的邏輯。

2.內(nèi)在邏輯

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

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

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

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

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

問題如下:

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

3.舉個例子

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

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

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


已知內(nèi)容

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


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

階段:已經(jīng)面試人員的面試評價

問題:面試評價未填寫,錯亂的問題


針對上面的內(nèi)容,我們還能夠進行相應的提問:

具體的角色有哪些?解決的問題究竟是什么?究竟是什么樣的面試評價錯亂/未填寫?


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

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

角色:面試官、HR、應聘者

功能:面試評價

痛點:大部分面試官忘記面試評價,導致面試評價錯誤、混亂,無法對應

場景:線下面試,線上面試


其實我們剛才的內(nèi)容,都是前期的問題分析,我們在做任何設計時都應該這么做,而后就是競品的分析,首先去搜集競品,去尋找直接競品、間接競品、交互競品。


直接競品:因為 HRM 行業(yè)本身要求比較嚴格,所以在選擇時,我們選擇了釘釘上能夠直接試用的 易招聘

間接競品:最近使用 CCtalk 上課的頻率較高,所以使用 CCtalk 的課程評價

交互競品:在點餐的時候發(fā)現(xiàn)可以評價商品,因此選擇美團外賣分析其點評評價

當然在這些競品當中,沒有嚴格的要求。最主要的就是你一定要熟悉它。

而我們在分析時,就要了解一款產(chǎn)品的表象和它的邏輯


易招聘

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

因為我沒有接觸過 HRM 系統(tǒng),通過易招聘這樣的直接競品,讓我對 HRM 行業(yè)的產(chǎn)品有一個基礎(chǔ)的認識,通過了解面試評價的基本內(nèi)容。

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


外表:

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

- 試用 一鍵催評功能,設計邏輯是當點擊過后,我們會在 釘釘 收到 Ding 一下的加急消息,提示你需要閱讀。(這個與平臺深度綁定,如果是 飛書、企業(yè)微信 提示方式又會有所不同)

- 面試評價較為簡單,選擇對應狀態(tài),在下方寫下評論即可。


由于對于評價這個功能也不太了解,因此我們又體驗了其他的評價功能的產(chǎn)品,希望有所啟發(fā)。


CCtalk

因為 CCtalk 平常使用頻率較高,所以評價想到的就是課程評價究竟有哪些邏輯。老規(guī)矩我們先看外表:

- 提供快速評價的入口,我們可以點擊五角星來實現(xiàn)評價的快速點評

- 提供默認標簽,我們可以選擇老師常見的面試評價標簽

- 直播課程結(jié)束后,會有彈窗提示。面試結(jié)束后可以主動彈窗進行提示。

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

- 課程必須結(jié)束后才可評價,也就是正在直播的課程,不能直接評價。也就是評價不能與課程同時進行。

- 課程查看時間必須超過 10min 才可評價。也就是點評之前,必須要判定用戶是否有評價資格。


美團外賣

因為經(jīng)常點外賣,因此也會想到美團外賣的點餐評價,也就將其呈現(xiàn)出來了。


外表:

會有彈窗提示,是否進行評價

評價可以有標簽進行快速選擇

對于騎手的評價會有滿意于不滿意兩種狀態(tài)

內(nèi)在邏輯:

當騎手完成送貨后,可以對訂單進行評價

提前點送達,會收到系統(tǒng)的默認提示

不同的滿意狀態(tài),對應呈現(xiàn)的默認標簽也會不同

我們分析了多個產(chǎn)品的設計邏輯過后,面對上述的問題,我們得到以下的設計思路:

- 面試評價的難度   降低無用的表單信息,將重要內(nèi)容凸顯     美團外賣

- 面試評價的快速提醒   HR 一鍵提醒功能     易招聘

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

- 面試過后的反饋   快速提示面試評價   CCtalk

- 面試的最佳實踐   能不能將面試與面試點評放在一起,提醒面試官可以一邊面試一邊評價     CCtalk

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


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


競品分析的常見方法

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


功能拆解法

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

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

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


矩陣分析法

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

矩陣分析法主要通過制作矩陣坐標軸,將不同競品的特點和關(guān)鍵指標對比,從而分析它們在不同方面的優(yōu)劣勢。在制作矩陣表格時,通常將各個競品的關(guān)鍵指標列在表格的橫向和縱向兩個方向,從而形成一個以競品名稱為標題的矩陣表格。

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

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


功能對比法

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

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


評分比較法

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

評分比較法是指按照一定標準對不同競爭對手的產(chǎn)品體驗進行評分,再將得分進行比較,以確定各競爭對手的優(yōu)劣勢和差距,進而明確產(chǎn)品的具體定位。

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


競品畫布

商業(yè)畫布的目的是幫助企業(yè)了解自己所處的市場競爭環(huán)境,以及競爭對手的優(yōu)劣勢和策略。因為他是偏業(yè)務層面的分析,通常由以下幾個部分組成:

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

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


競品分析對于設計師的意義


借鑒思路

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

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

那這個時候我們就需要考慮與之類似的交互到底會有哪些?

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

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

畢竟產(chǎn)品當中就會存在很多特殊的場景,場景不同你的思考的點就會存在差異。


再舉個例子:比如我們在課程上講到了三個風格非常類似的 指標圖,當你看得到這三個完全相同的組件時,其實會覺得他們只是存在風格上的差異:一個數(shù)據(jù)凸顯、一個展示進度、一個展示指標

但是深入去分析了解,才知道它們除了風格上的差異之外,其實還會存在使用場景的不同。

左上圖是數(shù)據(jù)凸顯:因為是一個 BI 產(chǎn)品,在產(chǎn)品當中主要呈現(xiàn)的是關(guān)于這個字段詳細的數(shù)據(jù)記錄。所以在數(shù)據(jù)呈現(xiàn)的時候較為詳細和準確。

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

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



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

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

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

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


如何尋找競品

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

在競品的尋找上,其實我們主要有幾種尋找的渠道:


搜索引擎

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

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

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

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


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


應用平臺

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

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

無論是什么產(chǎn)品,我們都能夠通過這三個平臺進行快速的尋找。

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


軟件測評平臺

Youthce.com

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

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

36 企服點評

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

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

找 SaaS

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

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

SaaS 點評網(wǎng)

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


G2

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

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

Capterra

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

Crozdesk

企業(yè)軟件搜索,不過會有很多國外的行業(yè)報告提供給我們,免費下載~


競品截圖

競品截圖是我們設計師最主要的靈感來源。


CE青年花瓣

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

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


SaaS UI

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

Webframe

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

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

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


SaaS Landing Page

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


我們提到的所有資源都放在我的微信工號里?;貜?nbsp;“頁簽”,即可獲取。


關(guān)于競品分析,其實就是通過研究別人的產(chǎn)品來了解自己的產(chǎn)品可能會遇到的問題。你可以通過不同的競品分析方式呈現(xiàn)你的競品分析結(jié)果。因為我們作為設施設計師考慮的不是產(chǎn)品層面上的各種關(guān)系,而是設計層面上的交互邏輯。

盲目的分析只會讓你越陷越深,達不到我們最初的目標。

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

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

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

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

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


作者:CE青年
鏈接:https://www.zcool.com.cn/article/ZMTUyNjY2OA==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。





作者:AYONG_BDR      來源:站酷網(wǎng)



藍藍設計建立了UI設計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~

希望得到建議咨詢、商務合作,也請與我們聯(lián)系01063334945。 



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



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

日歷

鏈接

個人資料

藍藍設計的小編 http://m.bouu.cn

存檔