2023-3-21 博博
「文章的內(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)品分析。
我相信大多數(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è)地方。
在 B 端,鑒定你是否是行內(nèi)人的最好辦法,便是在溝通的時(shí)候給你講很多專業(yè)術(shù)語,因?yàn)樾g(shù)語就如同我們?cè)O(shè)計(jì)師日常溝通的一個(gè)辦法。比如:“這里我用到了卡片分類將整個(gè)信息去做規(guī)整”、“那里在 Figma 里主要用 Components 去解決頁(yè)面重復(fù)的問題”
這些內(nèi)容其他行業(yè)的人肯定也聽不懂,因此術(shù)語多也是我們非常頭疼的地方。最近也在嘗試整理不同行業(yè)的 B 端產(chǎn)品分析,也算是幫助同學(xué)們?cè)谀吧念I(lǐng)域當(dāng)中能夠快速熟悉。
很多同學(xué)的競(jìng)品分析,都主要集中在鼠標(biāo)的操作上。便是不停地點(diǎn)點(diǎn)點(diǎn),在整個(gè)頁(yè)面你會(huì)發(fā)現(xiàn)點(diǎn)擊過后沒有任何目的,試用過后也不會(huì)有什么結(jié)果。因此久而久之,很多設(shè)計(jì)師只會(huì)去看這個(gè)產(chǎn)品的頁(yè)面風(fēng)格,然后根據(jù)說這個(gè)頁(yè)面非常丑陋就罵罵咧咧的離開,所以也導(dǎo)致大家的積極性下降。
關(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):
因?yàn)檎驹谇叭说募绨蛏希覀兡軌蚩焖佼a(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。
了解行業(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ā)展歷程
大家一定接到過很多從 0-1 的功能模塊,在這個(gè)時(shí)候我們其實(shí)是對(duì)于它的交互內(nèi)容理解較為簡(jiǎn)單。而使用競(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)大的圖庫(kù)+賬號(hào),快速找到與之對(duì)應(yīng)的功能模塊。
然后深度體驗(yàn)產(chǎn)品的交互細(xì)節(jié),并給出了合理的方案,這樣競(jìng)品分析就能夠幫助我對(duì)于未知需求、未知領(lǐng)域的探索。
我們?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è)頁(yè)面當(dāng)中?
3.一個(gè)非常簡(jiǎn)單的指標(biāo)圖,但是在個(gè)數(shù)這個(gè)字段極為特殊,應(yīng)該是想呈現(xiàn)對(duì)應(yīng)的數(shù)據(jù)變化。
關(guān)于競(jìng)品分析,我們必須得先了解不同競(jìng)品之間的種類與關(guān)系,這樣才能方便我們快速尋找競(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è)非常簡(jiǎn)單的方法,就是在我們書簽分類當(dāng)中,在一個(gè)分類下的一定就是直接競(jìng)品。所以直接競(jìng)品我們更關(guān)注的是產(chǎn)品類型幾乎相同~
間接競(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ì)上完全不同。前者主打簡(jiǎn)單,我們?cè)诮梃b的時(shí)候就要更深入思考;后者為核心板塊,就要體驗(yàn)他為核心板塊做了什么內(nèi)容。所以間接競(jìng)品我們更關(guān)注的是產(chǎn)品功能模塊幾乎相同,但是他們的設(shè)計(jì)目的可能會(huì)存在不同的差異,因此將其進(jìn)行分析。
交互競(jìng)品主要針對(duì)產(chǎn)品無論的類型還是功能模塊上,都好不搭嘎,但是設(shè)計(jì)上有一些交集的地方,我們可以去學(xué)習(xí)他們的交互解決方案。比如我們需要去處理的是一個(gè)復(fù)雜的篩選模塊,同行業(yè)里幾乎沒有類似的做法,那我們就可以借鑒很多有類似功能的產(chǎn)品,比如 ONES 的篩選邏輯、紛享銷客的高級(jí)篩選、TAPD 的篩選彈窗,這些本身都是毫不相干的產(chǎn)品,但是他們?cè)诮换ツJ缴峡梢越梃b,通過這樣就能夠幫助我們?cè)诮换用嫔先ソ鉀Q問題,而交互競(jìng)品更看重的是你平時(shí)對(duì)這個(gè)產(chǎn)品的了解程度。
了解了常見的競(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ì)讓大家感覺在處理頁(yè)面的時(shí)候非常束手無策,因?yàn)樗麄冊(cè)诜治鰰r(shí),通常都是非常宏觀的分析,比如產(chǎn)品大方向、產(chǎn)品的未來規(guī)劃,沒人會(huì)去關(guān)注你個(gè)臭設(shè)計(jì)的。其實(shí)我們?cè)偃?duì)競(jìng)品分析時(shí),主要專注兩部分的分析:
我們 就以剛才講到的篩選為例,首先從外在表現(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)樽侄味际窃陧?yè)面當(dāng)中常駐,并且沒有對(duì)應(yīng)的添加篩選的入口。這是從設(shè)計(jì)師在這個(gè)方案當(dāng)中傳達(dá)出來的信息,緊接著分析一下,為什么這個(gè)設(shè)計(jì)師要這么設(shè)計(jì)。按照課程當(dāng)中的話來說,就是這個(gè)設(shè)計(jì)師也不是傻子,它為什么要這么做?原因在哪?這時(shí)候我們就要通過外在的表象分析其內(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è)頁(yè)面具體要呈現(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)化的方式。
在分析問題之前,必須先了解我們目前已經(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)容,包含簡(jiǎn)歷、登記表、測(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à)較為簡(jiǎn)單,選擇對(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à)資格。
因?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
- 面試是否能夠提供面試題庫(kù) 規(guī)范面試官的提問方式,幫助面試官進(jìn)行規(guī)范化的考量 CCtalk
通過競(jìng)品的外在表象和內(nèi)在邏輯進(jìn)行分析,進(jìn)而在產(chǎn)出方案時(shí),我們能夠更為清晰的處理工作的需求。而上面的思路,我們只需要將需求結(jié)合,產(chǎn)出設(shè)計(jì)頁(yè)面即可。那對(duì)應(yīng)的方案這里就不做呈現(xiàn),畢竟競(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ì)比法是一種通過比較和分析不同競(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ì)。
競(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é)果等。
商業(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)品分析最簡(jiǎn)單莫過于借鑒別人的設(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è)頁(yè)面的代碼配置信息,手里拿到的就只有一些簡(jiǎn)單的產(chǎn)品截圖。
那這個(gè)時(shí)候我們就需要考慮與之類似的交互到底會(huì)有哪些?
想來想去過后你會(huì)發(fā)現(xiàn),我們似乎可以從 VScode + Figma 等頁(yè)面布局當(dāng)中去獲取靈感,進(jìn)而在繪制這些頁(yè)面的時(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è)管理頁(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ù)情況。
因?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)品版本庫(kù),將這些競(jìng)品持續(xù)關(guān)注,不斷地總結(jié),這樣你才能擁有自己的護(hù)城河。。
回顧飛書管理后臺(tái)的更新,了解一個(gè)B端產(chǎn)品的發(fā)展歷程
關(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)然在搜索引擎上的選擇,國(guó)內(nèi)肯定就是 百度、搜狗、Bing 等平臺(tái);如果是國(guó)外,則主要是 Google。
在國(guó)內(nèi)的應(yīng)用,主要講究的是生態(tài),因此我們尋找競(jìng)品還可以通過競(jìng)品的 ISV 快速獲取。
目前國(guó)內(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)品。
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)站,很多國(guó)內(nèi)的 B 端產(chǎn)品都會(huì)在這個(gè)網(wǎng)站上出現(xiàn),雖然做得一般,但也是國(guó)內(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
可以把它理解為是國(guó)外軟件的大眾點(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à)值。
也可以在這上面找到國(guó)外產(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ì)有很多國(guó)外的行業(yè)報(bào)告提供給我們,免費(fèi)下載~
競(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 是國(guó)外截圖分享的一個(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à)格頁(yè)、登錄頁(yè)、編輯、彈窗、搜索 等等...
這種方式在我們?nèi)狈`感的時(shí)候能夠快速通過導(dǎo)航,找到自己想要的截圖內(nèi)容,既能夠進(jìn)行橫向?qū)Ρ?,同時(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ù) “頁(yè)簽”,即可獲取。
關(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ì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(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ì)( tweetduck.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(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ì)公司
作者:AYONG_BDR 來源:站酷網(wǎng)
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(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ì)( tweetduck.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(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ì)公司
藍(lán)藍(lán)設(shè)計(jì)的小編 http://tweetduck.com