B 端設(shè)計(jì)| 讓 B 端產(chǎn)品設(shè)計(jì)變得簡(jiǎn)單有趣的設(shè)計(jì)巧思
編輯導(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)橛脩羧后w和功能的差異,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í)成本,需要讓用戶在短時(shí)間內(nèi)了解一些復(fù)雜的概念。
傳統(tǒng)的做法會(huì)通過(guò)文字說(shuō)明的方式給用戶冗長(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)直觀,用戶在選擇前就能對(duì)選擇后的結(jié)果做到心中有數(shù)。
▲ 阿里云控制臺(tái)-操作引導(dǎo)
【餓了么商戶端】的數(shù)據(jù)查看頁(yè)面將 C 端頁(yè)面展示與 B 端數(shù)據(jù)聯(lián)動(dòng),幫助商家形象的了解數(shù)據(jù)模塊效果,通俗易懂,一目了然。
▲ 餓了么商戶端-數(shù)據(jù)查看
二、操作智能化
B 端工具使用者經(jīng)常要進(jìn)行一些復(fù)雜重復(fù)的工作,給他們的工作效率帶來(lái)不少影響。在科技如此發(fā)達(dá)的今天,設(shè)計(jì)師也可以多想想如何利用先進(jìn)的技術(shù)為工具使用者謀福利哦。
【餓了么商戶端】的菜單錄入就利用了圖文識(shí)別技術(shù),只需要掃描一下實(shí)體菜單,就可以根據(jù)圖片、名稱、價(jià)格的不同維度進(jìn)行信息歸類(lèi),直接生成線上菜單,省去了一項(xiàng)項(xiàng)傳圖、文本編輯的困擾,為商家提供了很大的便利。
▲ 餓了么商戶端-菜單錄入
【餓了么商戶端】的店鋪裝修檢測(cè)助手,通過(guò)動(dòng)態(tài)化掃描問(wèn)題,發(fā)現(xiàn)商戶店鋪中的問(wèn)題并給出建議,讓裝修變得更有針對(duì)性。
▲ 餓了么商戶端-裝修檢測(cè)助手
【餓了么商戶端】在進(jìn)行活動(dòng)設(shè)置時(shí),還可以通過(guò)歷史數(shù)據(jù)分析,智能推薦合適的折扣,為商家的折扣設(shè)置提供更科學(xué)的參考。
▲ 餓了么商戶端-折扣推薦
三、個(gè)性化
根據(jù)用戶喜好進(jìn)行個(gè)性化推薦的能力在 C 端已成為了標(biāo)配,然而對(duì)于 B 端用戶,貌似很少人考慮不同角色、不同階段的個(gè)性化訴求。如果可以有這方面的考慮,會(huì)讓小白用戶更容易上手、熟練用戶效率更高、高階用戶更有成就感。
【淘寶主播 APP】對(duì)于不同等級(jí)的主播在頭部就有明確的樣式區(qū)別,并根據(jù)層級(jí)情況給出適合不同等級(jí)的操作引導(dǎo),從而幫助不同階段的主播都能更好的進(jìn)行開(kāi)播。
▲ 淘寶主播 APP -不同等級(jí)主播頭部展示
個(gè)性化不僅僅是產(chǎn)品主動(dòng)為用戶定制,同時(shí),我們也需要允許用戶對(duì)自己的使用過(guò)程進(jìn)行個(gè)性化的設(shè)置,大家都會(huì)有這樣一個(gè)感覺(jué),自己搭配出來(lái)的東西往往用起來(lái)最順手。
【阿里云控制臺(tái)】就根據(jù)專(zhuān)家用戶,中級(jí)用戶,主流用戶的不同群體提供了個(gè)性化的場(chǎng)景模塊,用戶可以自行根據(jù)需求添加場(chǎng)景大盤(pán),自定義默認(rèn)排布順序,在自定義場(chǎng)景中可以有更大的自由度去創(chuàng)建符合用戶自己意愿的模塊聚合看版。
▲ 阿里云控制臺(tái)-自定義模塊布局
四、情感關(guān)懷
情感化設(shè)計(jì)在 C 端產(chǎn)品上已經(jīng)是屢見(jiàn)不鮮,但是對(duì)于 B 端用戶,如果能為他們?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é)合此刻用戶的心理感受,將產(chǎn)品化身成一個(gè)有個(gè)性、有脾氣的人,相比冷冰冰的機(jī)器更能得到用戶的好感和共鳴。
▲ 淘寶主播 APP-激勵(lì)彈窗
B 端用戶的努力更加值得被記錄,在年底各大 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)
五、場(chǎng)景/角色考量
C 端用戶更多是個(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)定的揀貨人員特別不友好,且線上信息展示順序和線下作業(yè)順序不一致。
因此在新的設(shè)計(jì)中,遵循線下單一路徑的線性作業(yè)場(chǎng)景,將每一步的關(guān)鍵信息簡(jiǎn)單直白地呈現(xiàn),使用戶能在復(fù)雜場(chǎng)景下快速獲??;同時(shí)將線下空間和線上系統(tǒng)做空間映射,減少用戶思考和判斷;并且利用多維感官,進(jìn)行分層提示設(shè)計(jì),較好的適應(yīng)了場(chǎng)景需求。
▲ 同城物流- RF 手持工具優(yōu)化
六、寫(xiě)在最后
看完了上面的案例和分析,是不是覺(jué)得 B 端的設(shè)計(jì)也是大有可為呀。B 端設(shè)計(jì)其實(shí)并不無(wú)趣,抓住上面說(shuō)的幾個(gè)關(guān)鍵點(diǎn),它還有許多特點(diǎn)和廣闊的空間,等著大家去挖掘哦。
作者:服務(wù)于淘寶主播的小春;微信公眾號(hào):淘寶設(shè)計(jì)
原文鏈接:https://mp.weixin.qq.com/s/QtYwjD4Q4UEpxVojqnN8jw
本文由@ 淘寶設(shè)計(jì) 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來(lái)自 Unsplash,基于 CC0 協(xié)議
贊一個(gè)
作者文章寫(xiě)的很好,特別是其中提到了B端產(chǎn)品設(shè)計(jì)的小技巧很值得學(xué)習(xí)和思考。
感謝!