B 端設(shè)計(jì)法則

5 評論 25659 瀏覽 508 收藏 18 分鐘

編輯導(dǎo)語:相信很多人都參與過B端的工作,但大家真的了解B端是什么以及怎么操作嗎?這篇文章作者詳細(xì)分享了一系列B 端設(shè)計(jì)法則,感興趣的小伙伴一起來看看吧。

朋友們好久不見,22 年一開年就感覺好多事情要做,好忙好忙,抓緊更文~~~

這篇是 21 年年底在「我們的設(shè)計(jì)日記大學(xué)」 7000人社群做的分享,今天才把內(nèi)容整理成文,哈哈哈哈,我不懶~~

視頻已上傳 B 站,也可以直接看視頻:https://www.bilibili.com/video/BV1wR4y137w7/

下面是文章整理,內(nèi)容都是一樣的。

一、什么是B端?

B 端是為企業(yè)提供服務(wù),幫助企業(yè)實(shí)現(xiàn)商業(yè)目的,往往是為了解決辦公或經(jīng)營過程中的問題,承擔(dān)著為企業(yè)提高收入、提升效率、降低成本、控制風(fēng)險(xiǎn)的重任。

常見的產(chǎn)品類型有:「后臺管理」「OA 協(xié)同辦公」「CRM 客戶管理」「ERP 企業(yè)資源計(jì)劃」「SCM 供應(yīng)鏈管理」「BI 數(shù)據(jù)分析」「HRM 人事管理」「云計(jì)算」等。我們常用的產(chǎn)品如:阿里云、飛書、釘釘?shù)榷际?ToB 產(chǎn)品。

二、B端與C端有什么不同

無論是 ToB 還是 ToC,我們的最終用戶都是「人」,所以一些基本的設(shè)計(jì)理論、設(shè)計(jì)方法、設(shè)計(jì)原則等都是可以復(fù)用的,相同點(diǎn)也有蠻多的,但是我們需要關(guān)注的是不同之處。

1. 決策者

C 端:決策者一般是個人,決策流程也相對來說比較簡單,比如你要買一件衣服,只要你喜歡,直接付款就能完成整個流程。B 端:決策者一般為企業(yè)管理員,且決策流程較長。

2. 目標(biāo)用戶

C 端:用戶類型比較單一,但是量級大而廣。B 端:用戶類型比較豐富、量級小、相對也更垂直,注重使用效率,使用者往往是一群人。

3. 使用場景

C 端:使用場景是生活場景,時間和場景是碎片化的,自由度是很高的,比如聽歌、點(diǎn)外賣等。

B 端:使用場景是工作場景,統(tǒng)一處理任務(wù),比如報(bào)銷、請假等等。

4. 盈利模式

C 端:內(nèi)容付費(fèi)、廣告變現(xiàn)、提成、VIP…B 端:軟件開發(fā)費(fèi),按人頭付費(fèi),按功能付費(fèi)。

5. 設(shè)計(jì)思維

C 端:以用戶為中心,追求極致的使用體驗(yàn),基于核心功能深挖更多的用戶訴求、情感化、個性化、品牌創(chuàng)新等,圍繞用戶場景和商業(yè)價(jià)值出發(fā)。

B 端:用戶/業(yè)務(wù)并重,追求效率,需要設(shè)計(jì)師了解行業(yè)和業(yè)務(wù),遵從用戶真實(shí)的使用習(xí)慣,全面理解業(yè)務(wù)功能和產(chǎn)品架構(gòu),了解業(yè)務(wù)流程,在設(shè)計(jì)中更注重交互的一致性。

6. 產(chǎn)品形態(tài)

C 端:單核多能,產(chǎn)品圍繞一個核心功能,附加其他功能體驗(yàn),比如淘寶,購物是核心功能,蓋樓、養(yǎng)貓是輔助功能。

B 端:多核多能,多個功能和多個業(yè)務(wù)的協(xié)同。

7. 設(shè)計(jì)方法

C 端:靈活多樣,設(shè)計(jì)手段多樣,快速迭代,容錯率高。

B 端:嚴(yán)謹(jǐn)規(guī)范,設(shè)計(jì)過程嚴(yán)謹(jǐn),可形成標(biāo)準(zhǔn)化指導(dǎo)原則和規(guī)范。

8. 體驗(yàn)度量

C 端:業(yè)務(wù)及用戶數(shù)據(jù)豐富,易于量化。比如PV、UV等等。

B 端:缺少相關(guān)專業(yè)的業(yè)務(wù)數(shù)據(jù)及用戶數(shù)據(jù),價(jià)值難量化。

三、基于B端的特點(diǎn),我們有什么挑戰(zhàn)?

拿一個企業(yè)級產(chǎn)品作為案例,我們來具體分析下。

用戶角度:需要考慮不同角色場景,有「IT 管理員」「開發(fā)者」「應(yīng)用管理員」「技術(shù)支持工程師」「售前」等多個角色,每個角色的關(guān)注點(diǎn)都不一樣。

我們可以把用戶歸為 4 類:「購買決策者」「主要使用者」「次要使用者」「間接使用者」,往往我們產(chǎn)品的決策者并不是主要使用者,而且決策流程一般比較長,所以我們需要考慮不僅要站在決策者角度,也要站在使用者角度。如何保證不同角色體驗(yàn)更優(yōu)?是我們要考慮的問題。

銷售模式的轉(zhuǎn)變:傳統(tǒng)的銷售模式是銷售驅(qū)動,一旦成功賣出,只要后續(xù)的服務(wù)不太差,客戶就沒必要更換遷移。

現(xiàn)在市場越來越大,行業(yè)信息越來越透明、客戶的判斷力越來越強(qiáng),傳統(tǒng)的銷售模式慢慢向互聯(lián)網(wǎng)模式轉(zhuǎn)變。如何拉新和穩(wěn)固老用戶,也是一種挑戰(zhàn)。

產(chǎn)品易學(xué)性:對于企業(yè)級這種需要 POC 的產(chǎn)品而言,易學(xué)性很重要,如果在 POC 階段就讓用戶覺得學(xué)習(xí)門檻非常高,第一次操作就遇到路徑不清晰,不知從哪兒下手的情況,那么這些用戶基本上已經(jīng)流失了。

當(dāng)用戶反復(fù)使用產(chǎn)品的時候,沒有發(fā)現(xiàn)越用越順,反而用完就忘記,需要重新學(xué)習(xí),那么用戶會轉(zhuǎn)頭去尋找更合適的解決方案。

技術(shù)背景:需要用設(shè)計(jì)方法去解決部分技術(shù)問題,很頭疼~

挑戰(zhàn)還有很多……作為 B 端產(chǎn)品設(shè)計(jì)而言,面對不斷變化的市場和環(huán)境,不僅需要掌握基本的設(shè)計(jì)方法,也要熟悉業(yè)務(wù),深入挖掘并分析業(yè)務(wù)的痛點(diǎn),洞察設(shè)計(jì)創(chuàng)新點(diǎn),助力業(yè)務(wù)發(fā)展。

四、設(shè)計(jì)策略與原則

作為產(chǎn)品設(shè)計(jì)師不僅要考慮視覺的差異化需求,還要根據(jù)不同角色、不同場景下對產(chǎn)品的使用體驗(yàn)。產(chǎn)品初期盡可能的把各種可能性都考慮進(jìn)去,各種規(guī)范、歸類也考慮的盡可能完善。

同時要奉行 5 個設(shè)計(jì)原則:「體驗(yàn)一致性」「簡單易懂」「內(nèi)容至上」「B端C化」「體驗(yàn)度量」。

1. 體驗(yàn)一致性

降低用戶學(xué)習(xí)成本及認(rèn)知負(fù)擔(dān),提高操作效率,使其產(chǎn)生對操作合理預(yù)期,降低風(fēng)險(xiǎn)。可以讓對比強(qiáng)烈或是突兀的界面變得舒服柔和,拉近用戶之間的距離,增加親切感和嚴(yán)謹(jǐn)性。

  • 與現(xiàn)實(shí)生活統(tǒng)一:與現(xiàn)實(shí)生活的流程、邏輯保持一致,遵循用戶習(xí)慣的語言和概念。
  • 視覺保持統(tǒng)一:通過色彩、文案、區(qū)塊、布局結(jié)構(gòu)及其他視覺元素實(shí)現(xiàn)界面上的統(tǒng)一性。
  • 操作交互統(tǒng)一:各頁面中類似功能的交互流程及操作反饋需要保持統(tǒng)一性,以達(dá)到在視覺、交互方式和操作結(jié)果上的一致。

2. 簡單易懂

文案簡單易懂、精簡操作流程、內(nèi)容預(yù)判,我們的目標(biāo)是把復(fù)雜的產(chǎn)品做成「傻瓜式產(chǎn)品」,降低用戶學(xué)習(xí)和理解成本。

3. 內(nèi)容至上

可視化的本質(zhì)是通過可視的表達(dá)來增強(qiáng)用戶處理數(shù)據(jù)的效率。一切的展現(xiàn)離不開內(nèi)容,我們在產(chǎn)品方案評審初期,抓住核心內(nèi)容,對其進(jìn)行分級處理,通過視覺方式突出層級劃分,引導(dǎo)用戶按我們的預(yù)期流程使用產(chǎn)品。

4. B端C化

B 端產(chǎn)品也越來越注重用戶體驗(yàn),借鑒C端的體驗(yàn)設(shè)計(jì),給用戶更好的產(chǎn)品體驗(yàn)。

5. 體驗(yàn)度量

不斷的探索體驗(yàn)度量,希望每一次的設(shè)計(jì)輸出都是可量化、可驗(yàn)證的。通過方法論、調(diào)研結(jié)果做前期驗(yàn)證,通過數(shù)據(jù)、用戶反饋?zhàn)龊笃隍?yàn)證和優(yōu)化。

五、效率

1. 設(shè)計(jì)交付效率

各行各業(yè)為了迎接客戶規(guī)模增加而帶來的交付成本、效率問題,都在想方設(shè)法提高交付效率。之前的設(shè)計(jì)方法已經(jīng)很難迎接大量需求的涌入,改變迫在眉睫。我一直在不斷優(yōu)化設(shè)計(jì)模塊工具,統(tǒng)一、規(guī)模、自動化解決公司的需求,加速產(chǎn)品迭代。

  • 軟件自動化:借助 Figma 強(qiáng)大的協(xié)同辦公方式,實(shí)現(xiàn)軟件自動化,解決文件、協(xié)作、對接、提醒、溝通等問題。
  • 插件自動化:基于當(dāng)下在使用的設(shè)計(jì)和開發(fā)工具,有很多自動化的插件,實(shí)現(xiàn)基礎(chǔ)問題自動化,賦能產(chǎn)品以及研發(fā)團(tuán)隊(duì)。
  • 流程自動化:不斷優(yōu)化流程,對已有的對接流程、研發(fā)流程、測試流程都有不同程度的自動化來解放重復(fù)性人力。

2. 提升用戶操作效率

大多數(shù)私有云產(chǎn)品的用戶學(xué)習(xí)成本較高,我們通過幾個方面來提升用戶操作效率,減少學(xué)習(xí)成本,我們的目標(biāo)就是減少用戶使用我們產(chǎn)品的時間。

(1)減少操作路徑

操作路徑過長會影響用戶的操作積極性,在每個產(chǎn)品設(shè)計(jì)前期都要考慮一個問題:可以幫用戶操作的,絕不讓用戶親自動手。并不是說把所有的控制權(quán)都給到用戶,只需給用戶最關(guān)鍵的決策點(diǎn)即可。

(2)去掉冗余/干擾信息

不是信息展示的越多越好,過多的干擾信息會阻礙重要信息的展示,適當(dāng)?shù)淖鰷p法是不錯的選擇。

(3)減少重復(fù)操作

可以通過一次解決的問題,不要讓用戶操作兩次。在用戶第一次使用產(chǎn)品的時候引導(dǎo)用戶正確設(shè)置全局性的操作,可大大減少之后的重復(fù)操作。

(4)操作所見即所得

及時反饋給用戶的信息要保證是用戶的預(yù)期信息,盡可能把操作的結(jié)果展示給用戶,不要讓用戶跳轉(zhuǎn)到某個頁簽才可看,會打斷整體操作動線。

(5)使用引導(dǎo) / 視頻引導(dǎo)

企業(yè)級產(chǎn)品相比 C 端產(chǎn)品的學(xué)習(xí)成本是要高一些,我們可以通過一套完整的新手引導(dǎo)、視頻引導(dǎo)的方式帶用戶入門。

六、設(shè)計(jì)預(yù)判

1. 預(yù)見用戶的行為習(xí)慣

在一些場景中,用戶的行為習(xí)慣有很強(qiáng)的共性。比如第二次看視頻的時候用戶是想跳到上次播放的位置。我們可以通過觀察用戶的行為習(xí)慣,發(fā)現(xiàn)很多共性習(xí)慣并加以設(shè)計(jì),預(yù)判用戶的預(yù)判。

比如可以從當(dāng)前功能的流程來預(yù)判用戶的功能操作,在導(dǎo)航上加入關(guān)聯(lián)功能,不必讓用戶去大導(dǎo)航中搜尋相關(guān)的功能,更快捷的到達(dá)用戶預(yù)期的目的地。

2. 內(nèi)容預(yù)判

在創(chuàng)建內(nèi)容的時候,通過數(shù)據(jù)埋點(diǎn)得知用戶比較期望的填寫內(nèi)容,得出一個合理值直接做內(nèi)容預(yù)判,預(yù)判值合理的情況下,可以大大減少用戶的操作時間。

沒有一個產(chǎn)品可以保證 100% 不出錯,我們可以通過設(shè)計(jì)來減少或避免出錯。

  • 在經(jīng)常出錯的地方做一些提示,先發(fā)的避免用戶操作錯誤。
  • 在操作錯誤后及時我們產(chǎn)品及時給出解決方案,而不是直接給個錯誤提示就完了,這樣用戶會不知所措。
  • 適當(dāng)?shù)慕o用戶做一些推薦操作,把容易出錯的弱化 / 隱藏。

3. 考慮實(shí)際使用場景

產(chǎn)品從安裝到使用,有很多不同的使用場景,比如安裝的時候,有可能在機(jī)房,機(jī)房的溫度一般較低,環(huán)境體驗(yàn)較差。這時候設(shè)計(jì)可以考慮盡可能的引導(dǎo)用戶同時進(jìn)行多個操作來減少整體的安裝時間,對于一線的安裝人員是一種使用體驗(yàn)的提升。

使用場景有很多,我們要保證在每個場景下都有更優(yōu)的使用體驗(yàn)。輸出一套完善的用戶旅程地圖,保證每個角色在不同場景下的使用體驗(yàn)。

4. 提示信息

一個合理的提示信息包含兩個要素:「溫暖」和「完整」。要不斷嘗試把情感化設(shè)計(jì)融入到產(chǎn)品中,提示信息則是不可或缺的一部分。針對不同結(jié)果、不同場景,有不同的信息展示方式,讓用戶在操作流中提升愉悅度。

不僅要站在用戶角度,也要站在客戶角度。在很多企業(yè)級產(chǎn)品中,客戶和用戶不是一個人,所看到的和關(guān)注點(diǎn)會也有所不同,兩者必須兼顧。

七、提升用戶操控感

1. 讓用戶感知到變化

用戶的每一個操作都要有適當(dāng)?shù)姆答?,讓用戶感知到界面的變化,提升操控感,讓操作與感知融為一體,不知不覺中完成操作。

等待是很煩躁的事情,在產(chǎn)品操作中亦是如此。不要讓用戶漫無目的的等待,給個進(jìn)度、預(yù)估時間等都是可以緩解用戶的等待焦慮。

2. 提升數(shù)據(jù)的操控感

提供足夠便捷的操作組件,方便用戶多方位的查看想要的內(nèi)容。比如監(jiān)控?cái)?shù)據(jù)上,不僅要設(shè)置幾個預(yù)設(shè)值方便操作(1天內(nèi),3天內(nèi)…),也要支持時間段的自定義,方便查看所有時間點(diǎn)的監(jiān)控。

八、寫在最后

真正了解業(yè)務(wù)背景后,才能做出打磨出好的企業(yè)級產(chǎn)品。以上是我的一些淺見,有不足的可以指出,歡迎指教~

 

作者:友設(shè)青年,公眾號:友設(shè)青年

本文由 @友設(shè)青年 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

題圖來自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 卡片式布局

    來自山東 回復(fù)
  2. 產(chǎn)品架構(gòu)

    回復(fù)
  3. 非常好的文章,對B端設(shè)計(jì)有了更多的認(rèn)識,謝謝作者的分享

    回復(fù)
  4. 受教??

    來自北京 回復(fù)
  5. 哈哈哈哈哈哈我是傻瓜,希望你不要騙我!了解好業(yè)務(wù)背景很重要!

    來自湖北 回復(fù)