B 端設(shè)計(jì)| 讓 B 端產(chǎn)品設(shè)計(jì)變得簡單有趣的設(shè)計(jì)巧思

3 評論 8352 瀏覽 72 收藏 12 分鐘

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

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

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

一、功能可視化

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

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

【CRM 全渠道會員營銷】的活動入口就通過 hover 直接展示入口界面的方式,讓難以理解的入口名詞瞬間變得一目了然。

▲ CRM 全渠道會員營銷-活動入口展示

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

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

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

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

二、操作智能化

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

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

▲ 餓了么商戶端-菜單錄入

【餓了么商戶端】的店鋪裝修檢測助手,通過動態(tài)化掃描問題,發(fā)現(xiàn)商戶店鋪中的問題并給出建議,讓裝修變得更有針對性。

▲ 餓了么商戶端-裝修檢測助手

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

▲ 餓了么商戶端-折扣推薦

三、個性化

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

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

▲ 淘寶主播 APP -不同等級主播頭部展示

個性化不僅僅是產(chǎn)品主動為用戶定制,同時,我們也需要允許用戶對自己的使用過程進(jìn)行個性化的設(shè)置,大家都會有這樣一個感覺,自己搭配出來的東西往往用起來最順手。

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

▲ 阿里云控制臺-自定義模塊布局

四、情感關(guān)懷

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

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

▲ 釘釘-情感化彈窗

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

▲ 淘寶主播 APP-激勵彈窗

B 端用戶的努力更加值得被記錄,在年底各大 APP 紛紛推出年報(bào)之時,【淘寶主播 APP】也為主播們記錄了他們在直播間里度過的時光。那一件件主播們講解過的產(chǎn)品,對粉絲說過的一句句問候,都幫主播們記錄了下來,總結(jié)成了主播年報(bào)。

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

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

五、場景/角色考量

C 端用戶更多是個人消費(fèi)場景,單一角色決策,因此對于多場景、多角色的考量較少。

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

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

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

▲ 直播實(shí)際場景

▲ 淘寶主播 PC 端-主播大屏

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

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

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

六、寫在最后

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

 

作者:服務(wù)于淘寶主播的小春;微信公眾號:淘寶設(shè)計(jì)

原文鏈接:https://mp.weixin.qq.com/s/QtYwjD4Q4UEpxVojqnN8jw

本文由@ 淘寶設(shè)計(jì) 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

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

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

    回復(fù)
  2. 作者文章寫的很好,特別是其中提到了B端產(chǎn)品設(shè)計(jì)的小技巧很值得學(xué)習(xí)和思考。

    來自山東 回復(fù)
  3. 感謝!

    回復(fù)