網(wǎng)易資深設(shè)計(jì)師ToB產(chǎn)品的6條交互設(shè)計(jì)經(jīng)驗(yàn)

網(wǎng)易UEDC –李東岳：本文盼望能夠總結(jié)一些B端產(chǎn)品的設(shè)計(jì)經(jīng)驗(yàn)，幫助大家更好的進(jìn)行ToB產(chǎn)品的交互設(shè)計(jì)工作。

近幾年，B端產(chǎn)品發(fā)展越來越快。在設(shè)計(jì)方面，也有越來越多的設(shè)計(jì)師投入到這個(gè)細(xì)分的交互設(shè)計(jì)行業(yè)中來。而許多新人設(shè)計(jì)師或者從C端產(chǎn)品轉(zhuǎn)型到B端產(chǎn)品的交互設(shè)計(jì)師，在剛接手B端產(chǎn)品后，都會(huì)出現(xiàn)一些不適應(yīng)的情況。

本文盼望能夠總結(jié)一些B端產(chǎn)品的設(shè)計(jì)經(jīng)驗(yàn)，幫助有類似情況的交互設(shè)計(jì)師上手，更好的進(jìn)行toB產(chǎn)品的交互設(shè)計(jì)工作。

一. 貼近用戶

B端產(chǎn)品和C端產(chǎn)品有一個(gè)很大的區(qū)別在于，B端產(chǎn)品的操作者有著顯明的職業(yè)屬性。和我們?nèi)粘Ｉ钪械挠脩舨灰粯?，B端產(chǎn)品的使用者，對(duì)產(chǎn)品的操作就是完成特定的一些義務(wù)，如搭建企業(yè)體系、監(jiān)控企業(yè)輿情、進(jìn)行客戶服務(wù)、完成數(shù)據(jù)分析等等。而這些工作自己，具備肯定的專業(yè)知識(shí)。因此設(shè)計(jì)師在設(shè)計(jì)這些產(chǎn)品的時(shí)候，首先要做的，就是了解用戶在使用這些產(chǎn)品的時(shí)候，想的是什么。

在我們現(xiàn)實(shí)的工作中，重要可以使用以下三種方法，來貼近用戶，了解用戶操作過程中的想法和感受：

• 客戶拜訪
• 營業(yè)輪崗
• 用戶調(diào)研

1.客戶拜訪：在B端產(chǎn)品的初創(chuàng)期，會(huì)有一些企業(yè)作為產(chǎn)品的潛在客戶。面對(duì)面的拜訪這些企業(yè)的產(chǎn)品使用者，能夠快速了解對(duì)方在產(chǎn)品使用過程中的方向與思路，從而更好的進(jìn)行方案設(shè)計(jì)。

2.營業(yè)輪崗：在客戶拜訪之上，更進(jìn)一步的是設(shè)計(jì)師現(xiàn)實(shí)使用對(duì)應(yīng)的B端產(chǎn)品，即進(jìn)行營業(yè)輪崗。剛接觸B端產(chǎn)品的交互設(shè)計(jì)師，可以先從旁觀現(xiàn)實(shí)用戶的操作開始，在旁觀的過程中，針對(duì)不理解的內(nèi)容進(jìn)行扣問與學(xué)習(xí)。通過學(xué)習(xí)，漸漸發(fā)展到能夠在專業(yè)人員的輔助下操作B端產(chǎn)品，直至最終可以自力操作B端產(chǎn)品，完成義務(wù)?，F(xiàn)實(shí)的使用自身所負(fù)責(zé)的B端產(chǎn)品及相干競品，能夠加深對(duì)所負(fù)責(zé)產(chǎn)品的理解，只有自身領(lǐng)會(huì)一線用戶的使用感受，才能夠設(shè)計(jì)出負(fù)責(zé)任的好產(chǎn)品。B端交互設(shè)計(jì)師，經(jīng)常使用本身的產(chǎn)品及競品，了解產(chǎn)品營業(yè)的發(fā)展動(dòng)態(tài)，是設(shè)計(jì)好B端產(chǎn)品的基礎(chǔ)。

3.用戶調(diào)研：當(dāng)客戶拜訪及營業(yè)輪崗形成優(yōu)秀的機(jī)制，同時(shí)產(chǎn)品發(fā)展到肯定規(guī)模后，用戶調(diào)研問卷就成為更加高效的獲取用戶聲音的緊張手段了。不同于C端產(chǎn)品，B端產(chǎn)品的調(diào)研問卷內(nèi)容應(yīng)該更加細(xì)致，更加坦誠的扣問產(chǎn)品功能與用戶的使用體驗(yàn)。定期的進(jìn)行客戶問卷調(diào)研，能夠建立優(yōu)秀、有用的客戶溝通機(jī)制，加深產(chǎn)品與客戶之間的相互理解。

在產(chǎn)品初期進(jìn)行客戶拜訪，產(chǎn)品發(fā)展過程中進(jìn)行營業(yè)輪崗，在產(chǎn)品發(fā)展到肯定規(guī)模、比較穩(wěn)固的時(shí)候有計(jì)劃、階段性的進(jìn)行用戶調(diào)研，可以保證B端產(chǎn)品的設(shè)計(jì)與體驗(yàn)時(shí)刻貼近用戶所想，保證產(chǎn)品的設(shè)計(jì)不會(huì)浮于功能的外觀。

二. 理解營業(yè)

在理解客戶之后，要更加深入的了解客戶舉動(dòng)，就必要更加深入的了解產(chǎn)品所對(duì)應(yīng)的營業(yè)。B端產(chǎn)品的用戶舉動(dòng)是完成某一項(xiàng)特定的工作，而這種工作，每每具備專業(yè)性，更好的理解這個(gè)專業(yè)，能夠幫助設(shè)計(jì)師更好的與用戶進(jìn)行溝通，設(shè)計(jì)出好的產(chǎn)品。

專業(yè)的學(xué)習(xí)基本和大家上學(xué)讀書相似，可參加相干的專業(yè)培訓(xùn)和閱讀專業(yè)書籍。深入的專業(yè)理解，依靠于體系、日常的專業(yè)學(xué)習(xí)積累。以客服行業(yè)的量化指標(biāo)為例，客戶服務(wù)寫意度、一次性解決率、質(zhì)檢采樣標(biāo)準(zhǔn)等等，這些內(nèi)容都是客服人員日常工作中的內(nèi)容，更好的理解這些數(shù)據(jù)的邏輯，以及一些重要的優(yōu)化方法，設(shè)計(jì)方案才能夠更有用的幫助用戶更好的進(jìn)行日常工作，提拔工作服從，最終表現(xiàn)產(chǎn)品價(jià)值。

三. 產(chǎn)品理念清晰

在貼近客戶、理解營業(yè)之后，B端產(chǎn)品必要清晰的產(chǎn)品設(shè)計(jì)理念。與C端產(chǎn)品一樣，B端產(chǎn)品也是必要弄清楚：產(chǎn)品提供應(yīng)誰、重要解決了什么題目、產(chǎn)品的設(shè)計(jì)理念是什么等等題目。對(duì)于場景、用戶角色復(fù)雜的B端產(chǎn)品，清晰的設(shè)計(jì)理念更加緊張。

一個(gè)清晰的設(shè)計(jì)理念能夠拉近產(chǎn)品與客戶之間的關(guān)系。

以Zendesk為例，早期以笑面佛的形象給人留下特別很是直觀和親切的印象，同時(shí)產(chǎn)品也以親切、柔和的綠色為主色調(diào)，貫徹用戶體驗(yàn)和產(chǎn)品特性，幫助客戶快速理解產(chǎn)品理念，從而最終打動(dòng)客戶。

探求合適的產(chǎn)品設(shè)計(jì)理念每每有許多的因素必要考慮，如市場調(diào)研、競對(duì)分析及團(tuán)隊(duì)基因等等。通常我們可以通過SWOT分析方法，探求適合自身產(chǎn)品的發(fā)展方向：

• 市場中重要的競爭對(duì)手（包含潛在競爭對(duì)手）的狀況、團(tuán)隊(duì)上風(fēng)、團(tuán)隊(duì)劣勢、產(chǎn)品理念。
• 自身團(tuán)隊(duì)的狀況，團(tuán)隊(duì)上風(fēng)、團(tuán)隊(duì)劣勢、可能的產(chǎn)品理念。
• 所處B端行業(yè)當(dāng)前的狀況，將來的發(fā)展方向，自身以及競爭對(duì)手團(tuán)隊(duì)的與行業(yè)將來的契合程度。

通過對(duì)以上三點(diǎn)的思考，探求合適的行業(yè)發(fā)展、自身團(tuán)隊(duì)具備肯定上風(fēng)、競爭對(duì)手難以追趕的方向，是保證產(chǎn)品穩(wěn)定發(fā)展，賡續(xù)擴(kuò)大產(chǎn)品上風(fēng)的緊張方法。

前些日子設(shè)計(jì)團(tuán)隊(duì)內(nèi)部進(jìn)行了一次關(guān)于商業(yè)模式的工作坊，大家有愛好可以閱讀《價(jià)值主張?jiān)O(shè)計(jì)》或《商業(yè)模式復(fù)活代》等相干數(shù)據(jù)，進(jìn)行此部分內(nèi)容的深入學(xué)習(xí)。

四. 強(qiáng)化短板

B端產(chǎn)品每每是多角色協(xié)同的產(chǎn)品，角色通常包含企業(yè)管理者、企業(yè)員工、上游同事、下流同事等等。多角色使用的產(chǎn)品，存在不同角色的分工、側(cè)重不同，而任何一個(gè)角色的功能與體驗(yàn)欠缺，都會(huì)造成整個(gè)產(chǎn)品的使用服從降低，最終影響產(chǎn)品團(tuán)體的結(jié)果。木桶效應(yīng)在B端產(chǎn)品上是十分顯明的。

一個(gè)水桶能裝多少水取決于它最短的那塊模板。- 木桶效應(yīng)

我們以一個(gè)網(wǎng)易B端產(chǎn)品不同功能模塊的寫意度橫向?qū)Ρ葦?shù)據(jù)為例：

從圖表可以看出，功能G的客戶寫意度顯明低于產(chǎn)品團(tuán)體水平（對(duì)應(yīng)功能模塊的寫意度數(shù)據(jù)可以通過用戶調(diào)研問卷的方法獲得），而功能G作為產(chǎn)品不可缺少的一環(huán)，寫意度直接影響客戶對(duì)產(chǎn)品的團(tuán)體寫意度，最多影響客戶的購買與付費(fèi)決策。

因此，在當(dāng)前產(chǎn)品階段，偏重增強(qiáng)對(duì)產(chǎn)品功能G的寫意度優(yōu)化應(yīng)當(dāng)是產(chǎn)品的重要工作。詳細(xì)的優(yōu)化內(nèi)容，可以再通過客戶拜訪、營業(yè)輪崗及數(shù)據(jù)分析進(jìn)行，得出優(yōu)化項(xiàng)及量化后的影響程度，再一一進(jìn)行優(yōu)化。

五. 方案天真

B端產(chǎn)品的需求每每會(huì)隨著企業(yè)發(fā)展，需求賡續(xù)的進(jìn)行擴(kuò)展，這導(dǎo)致單一的交互方案難以知足不同企業(yè)、甚至統(tǒng)一企業(yè)在不同階段的細(xì)分需求。因此許多時(shí)候，B端產(chǎn)品的交互都必要保證方案擴(kuò)展的天真度，從而知足不憐憫況下的定制需求。

上圖以網(wǎng)易七魚的歷史服務(wù)內(nèi)容為例，針對(duì)不同的企業(yè)，數(shù)據(jù)的展示項(xiàng)、計(jì)算體例、展示順序都有不同需求，因此針對(duì)數(shù)據(jù)報(bào)表的列表組件，我們制作了完備的數(shù)據(jù)項(xiàng)自定義、數(shù)據(jù)展示自定義、數(shù)據(jù)展示順序自定義的交互設(shè)計(jì)方案，從而保證企業(yè)天真的數(shù)據(jù)設(shè)定方案。

如許特定功能模塊的定制化功能，能夠有用的知足不同企業(yè)的不同階段轉(zhuǎn)變的需求，提拔客戶的使用感受，同時(shí)降低團(tuán)體的開發(fā)成本。類似的場景還包含展示界面的自定義，互動(dòng)新聞的自定義、報(bào)表的自定義等等。同時(shí)，吻合客戶需求的自定義方案，能夠令產(chǎn)品更具有企業(yè)的色彩，提拔用戶的使用感受，保證產(chǎn)品的專業(yè)程度。

六. 組件同一

一個(gè)同一、規(guī)范的交互組件庫，能夠賡續(xù)沉淀設(shè)計(jì)師的思考、降低設(shè)計(jì)與開發(fā)成本，同時(shí)也可以降低用戶在不同產(chǎn)品模塊之間切換的學(xué)習(xí)成本，保證產(chǎn)品賡續(xù)發(fā)展過程中，用戶體驗(yàn)不被打斷。老一代的B端產(chǎn)品體系通常是特別很是復(fù)雜的，新員工每每要經(jīng)過很長的上崗培訓(xùn)時(shí)間，才能夠諳練操尷尬刁難應(yīng)產(chǎn)品，新一代的B端產(chǎn)品不應(yīng)該如許。

上圖是網(wǎng)易一個(gè)B端產(chǎn)品的日期選擇組件的演變過程。雖然產(chǎn)品的組件庫內(nèi)容范圍大多是相似的，但B端產(chǎn)品的組件必要賡續(xù)的適應(yīng)演變的企業(yè)需求，賡續(xù)的進(jìn)行升級(jí)。日期選擇組件從原有簡單的日期選擇，到增長快捷的日期選擇，再到增長時(shí)間的范圍、時(shí)、分、秒的選擇，沉淀下來的組件庫，不僅能夠知足平臺(tái)內(nèi)更多場景的復(fù)用，同時(shí)也能夠提供應(yīng)你其他B端產(chǎn)品進(jìn)行借鑒，更好的為客戶及營業(yè)服務(wù)。

• 貼近用戶
• 理解營業(yè)
• 理念清晰
• 強(qiáng)化短板
• 方案天真
• 組件同一

以上6點(diǎn)是我本身在做ToB產(chǎn)品交互設(shè)計(jì)過程中的一些經(jīng)驗(yàn)總結(jié)，盼望能夠幫助到感愛好或正在進(jìn)行ToB產(chǎn)品交互設(shè)計(jì)的同窗。

迎接關(guān)注作者的微信公眾號(hào)：「網(wǎng)易UEDC」