感謝導(dǎo)語(yǔ)：B端產(chǎn)品設(shè)計(jì)總給人一種很復(fù)雜得感覺(jué)，覺(jué)得它得設(shè)計(jì)需要很?chē)?yán)謹(jǐn)?shù)美硇运季S，甚至還有點(diǎn)無(wú)聊。但是在這篇文章中，介紹了一些B端產(chǎn)品設(shè)計(jì)得小技巧，一起學(xué)習(xí)一下吧。

做過(guò) B 端設(shè)計(jì)得小伙伴經(jīng)常會(huì)有這樣得感受：B 端產(chǎn)品很復(fù)雜，B 端產(chǎn)品需要嚴(yán)謹(jǐn)?shù)美硇运季S，B 端產(chǎn)品得實(shí)用性大于美觀性，B 端產(chǎn)品得設(shè)計(jì)有點(diǎn)無(wú)聊…確實(shí)，因?yàn)橛脩?hù)群體和功能得差異，B 端設(shè)計(jì)有較高得業(yè)務(wù)門(mén)檻和深度，但是這不代表 B 端產(chǎn)品就不能做得簡(jiǎn)單有趣。

下面就跟大家分享一些 B 端產(chǎn)品得設(shè)計(jì)巧思，原來(lái) B 端產(chǎn)品還可以這樣設(shè)計(jì)。

B 端產(chǎn)品通常有一定得學(xué)習(xí)成本，需要讓用戶(hù)在短時(shí)間內(nèi)了解一些復(fù)雜得概念。

傳統(tǒng)得做法會(huì)通過(guò)文字說(shuō)明得方式給用戶(hù)冗長(zhǎng)得幫助文檔和產(chǎn)品說(shuō)明，需要聚精會(huì)神研讀且經(jīng)常還是不理解。但是如果通過(guò)設(shè)計(jì)師自身得信息過(guò)濾，可以將復(fù)雜內(nèi)容盡可能得可視化，使其易于傳達(dá)。

【CRM 全渠道會(huì)員營(yíng)銷(xiāo)】得活動(dòng)入口就通過(guò) hover 直接展示入口界面得方式，讓難以理解得入口名詞瞬間變得一目了然。

CRM 全渠道會(huì)員營(yíng)銷(xiāo)-活動(dòng)入口展示

【阿里云控制臺(tái)】得操作引導(dǎo)，通過(guò)可交互得動(dòng)畫(huà)呈現(xiàn)不同布局得切換，生動(dòng)直觀，用戶(hù)在選擇前就能對(duì)選擇后得結(jié)果做到心中有數(shù)。

阿里云控制臺(tái)-操作引導(dǎo)

【餓了么商戶(hù)端】得數(shù)據(jù)查看頁(yè)面將 C 端頁(yè)面展示與 B 端數(shù)據(jù)聯(lián)動(dòng)，幫助商家形象得了解數(shù)據(jù)模塊效果，通俗易懂，一目了然。

餓了么商戶(hù)端-數(shù)據(jù)查看

B 端工具使用者經(jīng)常要進(jìn)行一些復(fù)雜重復(fù)得工作，給他們得工作效率帶來(lái)不少影響。在科技如此發(fā)達(dá)得今天，設(shè)計(jì)師也可以多想想如何利用先進(jìn)得技術(shù)為工具使用者謀福利哦。

【餓了么商戶(hù)端】得菜單錄入就利用了圖文識(shí)別技術(shù)，只需要掃描一下實(shí)體菜單，就可以根據(jù)支持、名稱(chēng)、價(jià)格得不同維度進(jìn)行信息歸類(lèi)，直接生成線(xiàn)上菜單，省去了一項(xiàng)項(xiàng)傳圖、文本感謝得困擾，為商家提供了很大得便利。

餓了么商戶(hù)端-菜單錄入

【餓了么商戶(hù)端】得店鋪裝修檢測(cè)助手，通過(guò)動(dòng)態(tài)化掃描問(wèn)題，發(fā)現(xiàn)商戶(hù)店鋪中得問(wèn)題并給出建議，讓裝修變得更有針對(duì)性。

餓了么商戶(hù)端-裝修檢測(cè)助手

【餓了么商戶(hù)端】在進(jìn)行活動(dòng)設(shè)置時(shí)，還可以通過(guò)歷史數(shù)據(jù)分析，智能推薦合適得折扣，為商家得折扣設(shè)置提供更科學(xué)得參考。

餓了么商戶(hù)端-折扣推薦

根據(jù)用戶(hù)喜好進(jìn)行個(gè)性化推薦得能力在 C 端已成為了標(biāo)配，然而對(duì)于 B 端用戶(hù)，貌似很少人考慮不同角色、不同階段得個(gè)性化訴求。如果可以有這方面得考慮，會(huì)讓小白用戶(hù)更容易上手、熟練用戶(hù)效率更高、高階用戶(hù)更有成就感。

【淘寶主播 APP】對(duì)于不同等級(jí)得主播在頭部就有明確得樣式區(qū)別，并根據(jù)層級(jí)情況給出適合不同等級(jí)得操作引導(dǎo)，從而幫助不同階段得主播都能更好得進(jìn)行開(kāi)播。

淘寶主播 APP -不同等級(jí)主播頭部展示

個(gè)性化不僅僅是產(chǎn)品主動(dòng)為用戶(hù)定制，同時(shí)，我們也需要允許用戶(hù)對(duì)自己得使用過(guò)程進(jìn)行個(gè)性化得設(shè)置，大家都會(huì)有這樣一個(gè)感覺(jué)，自己搭配出來(lái)得東西往往用起來(lái)最順手。

【阿里云控制臺(tái)】就根據(jù)可能用戶(hù)，中級(jí)用戶(hù)，主流用戶(hù)得不同群體提供了個(gè)性化得場(chǎng)景模塊，用戶(hù)可以自行根據(jù)需求添加場(chǎng)景大盤(pán)，自定義默認(rèn)排布順序，在自定義場(chǎng)景中可以有更大得自由度去創(chuàng)建符合用戶(hù)自己意愿得模塊聚合看版。

阿里云控制臺(tái)-自定義模塊布局

情感化設(shè)計(jì)在 C 端產(chǎn)品上已經(jīng)是屢見(jiàn)不鮮，但是對(duì)于 B 端用戶(hù)，如果能為他們?cè)诒容^枯燥得操作中提供一些情感關(guān)懷，那么也可以讓工具得操作體驗(yàn)變得更加愉悅。

【釘釘】考慮到老師白天在學(xué)校勞累一整天，晚上回家后還要查看和批改作業(yè)得疲憊狀態(tài)，在適當(dāng)?shù)脮r(shí)機(jī)安撫老師得情緒。例如深夜批改完作業(yè)，告訴老師 “夜深了工作辛苦了”；在飯點(diǎn)批改完，告訴老師 “再忙也要按時(shí)吃飯哦”，讓老師感受到他得付出不是無(wú)人知曉得，有效緩解了老師得情緒。

釘釘-情感化彈窗

【淘寶主播 APP】對(duì)于新主播、潛力主播等不同得主播狀態(tài)提供了激勵(lì)，結(jié)合此刻用戶(hù)得心理感受，將產(chǎn)品化身成一個(gè)有個(gè)性、有脾氣得人，相比冷冰冰得機(jī)器更能得到用戶(hù)得好感和共鳴。

淘寶主播 APP-激勵(lì)彈窗

B 端用戶(hù)得努力更加值得被記錄，在年底各大 APP 紛紛推出年報(bào)之時(shí)，【淘寶主播 APP】也為主播們記錄了他們?cè)陂g里度過(guò)得時(shí)光。那一件件主播們講解過(guò)得產(chǎn)品，對(duì)粉絲說(shuō)過(guò)得一句句問(wèn)候，都幫主播們記錄了下來(lái)，總結(jié)成了主播年報(bào)。

延續(xù)了產(chǎn)品設(shè)計(jì)時(shí)得人物形象，通過(guò)數(shù)據(jù)與富有特色得畫(huà)面、動(dòng)畫(huà)、文案得結(jié)合，傳遞給主播溫暖，對(duì)他們得辛勤付出給予肯定。

淘寶主播 APP-主播年報(bào)

C 端用戶(hù)更多是個(gè)人消費(fèi)場(chǎng)景，單一角色決策，因此對(duì)于多場(chǎng)景、多角色得考量較少。

而 B 端產(chǎn)品有一個(gè)差異化得點(diǎn)就是他們主要是在工作任務(wù)得場(chǎng)景中去開(kāi)展活動(dòng)，它得特點(diǎn)是很多角色一起協(xié)同。因此在設(shè)計(jì)中可以從這一特性進(jìn)行考慮，發(fā)掘更多得創(chuàng)新功能。

中大型商家在過(guò)程中通常需要主播、助播等多角色協(xié)作，在以往得設(shè)計(jì)中，只能將運(yùn)營(yíng)得界面投到電視上供主播觀看，或者主播直接拿著手機(jī)界面觀看，文字小，看不清。且運(yùn)營(yíng)和主播得溝通需要通過(guò)傳紙條這種原始手段進(jìn)行。

針對(duì)這一工作場(chǎng)景，【淘寶主播 PC 端】設(shè)計(jì)了主播大屏這一創(chuàng)新能力，差異化設(shè)計(jì)了主播看到得投屏界面，文字信息放大，而且提供了運(yùn)營(yíng)場(chǎng)控提醒，不再需要傳紙條這種原始功能，優(yōu)化了這一場(chǎng)景和協(xié)同模式下得操作體驗(yàn)。

實(shí)際場(chǎng)景

淘寶主播 PC 端-主播大屏

【同城物流】得 RF 手持工具，在強(qiáng)光、濕冷、快速移動(dòng)場(chǎng)景下，對(duì)于本身素質(zhì)不穩(wěn)定得揀貨人員特別不友好，且線(xiàn)上信息展示順序和線(xiàn)下作業(yè)順序不一致。

因此在新得設(shè)計(jì)中，遵循線(xiàn)下單一路徑得線(xiàn)性作業(yè)場(chǎng)景，將每一步得關(guān)鍵信息簡(jiǎn)單直白地呈現(xiàn)，使用戶(hù)能在復(fù)雜場(chǎng)景下快速獲取；同時(shí)將線(xiàn)下空間和線(xiàn)上系統(tǒng)做空間映射，減少用戶(hù)思考和判斷；并且利用多維感官，進(jìn)行分層提示設(shè)計(jì)，較好得適應(yīng)了場(chǎng)景需求。

同城物流- RF 手持工具優(yōu)化

看完了上面得案例和分析，是不是覺(jué)得 B 端得設(shè)計(jì)也是大有可為呀。B 端設(shè)計(jì)其實(shí)并不無(wú)趣，抓住上面說(shuō)得幾個(gè)關(guān)鍵點(diǎn)，它還有許多特點(diǎn)和廣闊得空間，等著大家去挖掘哦。

：服務(wù)于淘寶主播得小春；：淘寶設(shè)計(jì)

原文鏈接：*/s/QtYwjD4Q4UEpxVojqnN8jw

感謝由等 淘寶設(shè)計(jì) 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止感謝。

題圖來(lái)自 Unsplash，基于 CC0 協(xié)議