1、編輯導(dǎo)語：放眼當(dāng)今互聯(lián)網(wǎng)趨勢， B 端大有可為。那么作為B 端產(chǎn)品設(shè)計者，需要在這樣的大環(huán)境下保持著不斷學(xué)習(xí)與勤練自身邏輯思維與總結(jié)自己的一套工作方法。作者在文中沉淀其工作3 年的經(jīng)驗，與大家學(xué)習(xí)交流。B 端產(chǎn)品之路，亦錘煉之路，求真之路，懷造福家國四方，利他共贏之心，效往圣先賢德行，誠然為事，不矜不伐，則能使商企之間齊驅(qū)并進(jìn)。近 3 年的產(chǎn)品工作沉淀，即觀察到如今互聯(lián)網(wǎng)的發(fā)展趨勢， B 端大有可為，遂驅(qū)使自己提起筆桿欲同業(yè)界同仁分享請教， “高山仰止，景行行止，雖不能至，然心向往之” ，以下正文。進(jìn)入互聯(lián)網(wǎng) 5G 紀(jì)元，各行業(yè)的技術(shù)銜接手段和信息更新效率越來越快。作為一名 B 端產(chǎn)品的設(shè)計者

2、，或者說是架構(gòu)者，產(chǎn)品的分析定位、設(shè)計架構(gòu)、功能和業(yè)務(wù)環(huán)節(jié)之間的關(guān)聯(lián)和打通，不但要保證科學(xué)嚴(yán)謹(jǐn)?shù)牧鞒毯鸵?guī)范，產(chǎn)品設(shè)計者還需要依據(jù)自身的行業(yè)經(jīng)驗和對產(chǎn)業(yè)互聯(lián)網(wǎng)、工業(yè)自動化、國情政策、企業(yè)類服務(wù)項目及新型科學(xué)技術(shù)（如 Ai 、 AR 、 MR ）、社會關(guān)系學(xué)等多方面的洞察和理解。再結(jié)合當(dāng)下互聯(lián)網(wǎng)的技術(shù)發(fā)展趨勢，在 B 端產(chǎn)品設(shè)計之中融入獨特且絕對有用的功能設(shè)計，項目才可能有脫穎而出的機(jī)會。本文總結(jié)近兩年間做B 端產(chǎn)品設(shè)計的歷練和見聞，也為勤練自身思維的連貫，以及向諸多前輩、同仁們?nèi)〗?jīng)求教，整理一篇關(guān)于 B 端產(chǎn)品工作的心得筆 記。B 端產(chǎn)品的方案和設(shè)計，時刻需要圍繞業(yè)務(wù)需求展開，合理化意味著并不一

3、定是最好，但一定是最可能被甲方領(lǐng)導(dǎo)認(rèn)同并通過使用的方案和設(shè)計。在市場審度及同行或團(tuán)隊眼中，不同行業(yè)、不同角度關(guān)注的細(xì)節(jié)各有不同，但重要的是方案和設(shè)計的易讀性強(qiáng)（符合大眾審美需求，且容易理解和操控），贊許多于嘲諷則是真成績。清晰理解業(yè)務(wù)，甚至要比需求方還要懂他們的業(yè)務(wù)B 端產(chǎn)品設(shè)計時刻圍繞業(yè)務(wù)展開，一個B 端項目往往包含很多條業(yè)務(wù)，每一條業(yè)務(wù)都會關(guān)聯(lián)到相關(guān)的部門、角色（人）、以及角色的權(quán)限（人的權(quán)限），甚至有些業(yè)務(wù)會涉及到不同的工作流程，還會分階段完成，以達(dá)到最終目的。所以對于 B 端產(chǎn)品負(fù)責(zé)人而言，理清每條業(yè)務(wù)，熟悉每條業(yè)務(wù)的環(huán)節(jié)和可能突發(fā)的各種問題，看清需求背后的真正需求是展開項目的根本。舉

4、例自己曾負(fù)責(zé)過的一個企業(yè)服務(wù)類的項目，當(dāng)時領(lǐng)導(dǎo)要求做一個CRM的項目，大致需求是：在這五條需求中，后兩條其實是我經(jīng)過了 1 年多的產(chǎn)品工作之后，至今回憶起這個項目才不充上去，以用來和各位同仁舉例。其實當(dāng)時完成這個項目僅是實現(xiàn)了前 3 個需求，而當(dāng)時企業(yè)面臨的問題如今回憶起來并非是對合同工單的管理難點，多數(shù)子公司利用原系統(tǒng)后臺就已經(jīng)將合同管理得很好，其真正需求是在于對企業(yè)核心業(yè)務(wù)的業(yè)績拔高?？赡軐ζ髽I(yè)服務(wù)有較為深刻理解的同仁可以更明白，決定客戶與服務(wù)團(tuán)隊簽訂合同的重要因素有價格、效率及專業(yè)保障，對于合規(guī)避稅的業(yè)務(wù)來說，減稅的額度是真金白銀，這對客戶是絕對的吸引，而對企業(yè)內(nèi)部員工來說，簽成一單合同

5、帶來的傭金收益，是他們最想要的。由于團(tuán)隊也沒有很好地結(jié)合行業(yè)狀況和企業(yè)內(nèi)部問題做產(chǎn)品分析評估，最后項目即便落地也沒有實際為企業(yè)創(chuàng)造出較好的業(yè)務(wù)收益，所以看清問題本質(zhì)，了解一線的實際業(yè)務(wù)情況，對于 B 端產(chǎn)品設(shè)計十分重要，產(chǎn)品負(fù)責(zé)人應(yīng)持眼見為實的態(tài)度，用產(chǎn)品方案去解決最實際的問題。該有的流程圖，調(diào)研列舉，業(yè)務(wù)分析報告不能少上面有提到， B 端產(chǎn)品的特性之一是涉及到的人、部門多，細(xì)節(jié)到儀器、設(shè)備、工廠、環(huán)境等各種數(shù)據(jù)的參數(shù)更是不勝枚舉。破除部門、人之間的信息孤島和壁壘是產(chǎn)品的核心任務(wù)，所以在 B 端產(chǎn)品理論設(shè)計階段之初，對業(yè)務(wù)、工作流及設(shè)備間配合的流程必須要以規(guī)范的流程圖做梳理，這也是為了便于后續(xù)

6、研發(fā)團(tuán)隊及同甲方的業(yè)務(wù)對接中，提高效率。而對于 B 端項目的調(diào)研列舉和業(yè)務(wù)分析報告，這個要分行業(yè)，像一些常規(guī)的 B 端項目，如 CRM 、 ERP、 SAAS 或部分?jǐn)?shù)據(jù)中臺，市面上有很多可供產(chǎn)品負(fù)責(zé)人去參考調(diào)研，也很容易產(chǎn)出一份分析報告，具體方法我會在后續(xù)的2、 3篇內(nèi)與同仁們分享具體的方法。而對于國家級的保密項目，一般很少能有拿到明面上參考的項目，這里產(chǎn)品負(fù)責(zé)人可以向業(yè)內(nèi)專家請教或?qū)ふ乙恍﹪赓Y源作為參照，以此作為前期項目匯報的論證。原型是最直接的說服工具，也是方案助推工具B 端用戶在視覺層面和對功能操控（交互層面）的需求與C 端很相似，但對產(chǎn)品設(shè)計者的難點在于，C端項目的場景一般是由固定

7、的，不會有太多變化，或者說是由團(tuán)隊一起構(gòu)思并確定的，這個場景由產(chǎn)品方說了算。而對于 B 端，尤其是較為冷門的行業(yè)，場景的特殊性會讓產(chǎn)品設(shè)計者一時間摸不到頭腦，或是無法在已經(jīng)成型的行業(yè)審美下再做創(chuàng)新，所以產(chǎn)品設(shè)計者在這一類產(chǎn)品設(shè)計進(jìn)行時，一定要把特殊的業(yè)務(wù)場景通過原型圖描述清晰，甚至添加關(guān)鍵的注釋。反思近兩年來的 B 端經(jīng)驗，還是建議各位同仁將原型圖盡量繪制得具象，因為在甲方領(lǐng)導(dǎo)的眼中，原型圖比白紙黑字的方案和 PPT更具說服力。還記得自己做得最好的一次也是在某石化園區(qū)的 OA 項目中，當(dāng)時我采用ANT 2.0 的組件庫進(jìn)行OA 移動端的繪制，在匯報中，有位領(lǐng)導(dǎo)突然站起身說，那咱們現(xiàn)在就發(fā)一個審

8、批試試，當(dāng)時這個舉動也為我個人在新團(tuán)隊的立足打下了基礎(chǔ)。切忌過分延申和發(fā)揮，蜻蜓點水，過猶不及這幾年的產(chǎn)品工作結(jié)識了不少的產(chǎn)品經(jīng)理和項目經(jīng)理，大家在項目工作上各具特色，但也有這么一類人，喜歡在匯報過程中過多描述基礎(chǔ)性問題，或者在與其他產(chǎn)品經(jīng)理配合時愿意在別人已設(shè)計好的功能邏輯上增添不必要的功能，甚至擾亂原有的功能邏輯，其實這在團(tuán)隊和甲方領(lǐng)導(dǎo)眼中是不太容易被接受的。并且在不懂或不夠了解的技術(shù)和業(yè)務(wù)范圍內(nèi)過于張揚發(fā)揮，卻不能合理說服團(tuán)隊和甲方，這樣的行為實是過猶不及，分享這個點，愿與各位同仁互相提醒。界面清晰，主次功能明了能理解的不贅述，不能理解的盡量優(yōu)化，新添加的創(chuàng)意功能要易讀（用戶易理解），講

9、得清。界面清晰，主次功能明了，是多數(shù)B 端用戶最基礎(chǔ)的視覺需求之一，因為他們希望點開界面就可以馬上解決自己的業(yè)務(wù)問題，而不是指望在界面上玩交互游戲。過于復(fù)雜和隱晦的界面設(shè)計，即便是垂直這個行業(yè)的專家也會惱火，那么具體到界面設(shè)計上，這里列舉一些需要經(jīng)常注意的問題。功能主次分明即該用戶或多個用戶角色在當(dāng)前頁面高頻操作的功能要擺放到最核心明顯的位置，次要功能需控制好當(dāng)前界面的設(shè)計占比。界面信息簡單易懂即界面必要的注釋，語句要精煉簡單，專業(yè)性名詞要有特別注釋，其次，這里也特別提醒多數(shù)產(chǎn)品經(jīng)理和 UI 常常會犯錯的一個點，就是當(dāng)前界面的【上傳】與下個界面或彈窗的【提交】本是相同數(shù)據(jù)的處理，卻因為文案的不

10、同，讓用戶不敢點，不會用。2）謹(jǐn)慎思考并使用高效交互以訂單、合同、審批界面舉例，對于絕大多數(shù)公司而言，訂單、合同及審批單是最重要的業(yè)務(wù)憑證，為了防止用戶操作時出錯，所以此類界面多數(shù)是分為 2-3 步，甚至更多步完成，所以【#高效交互】不見得是在UI 層面的簡潔高效，而是以下幾點：3）產(chǎn)品設(shè)計一致性原則B 端產(chǎn)品的場景多變，業(yè)務(wù)復(fù)雜，角色之間的信息差異量大，保持產(chǎn)品設(shè)計的一致性，不僅是降低用戶的學(xué)習(xí)成本，統(tǒng)一產(chǎn)品 （或合作企業(yè)）的風(fēng)格形象外，從整體項目推進(jìn)與協(xié)同上，也至關(guān)重要。回憶之前任職某石化園區(qū)的產(chǎn)品時，產(chǎn)品由 1.0版本后交接到我手中，由于我個人的原型繪圖風(fēng)格與之前產(chǎn)品的截然不同，導(dǎo)致在第

11、一次方案匯報中，我需要向甲方補(bǔ)充很多解釋，但團(tuán)隊內(nèi)部卻較為認(rèn)可近乎于高保真的原型設(shè)計。而在隨后的多個項目跟進(jìn)中，我發(fā)現(xiàn)不同的產(chǎn)品繪圖風(fēng)格和UI 風(fēng)格會造成甲方誤解，同樣也會造成研發(fā)團(tuán)隊的誤解。所以，在做B 端產(chǎn)品設(shè)計時，若有充足的時間和絕對的能力，可以將先前的風(fēng)格做統(tǒng)一更新美化，畢竟團(tuán)隊和甲方都喜歡更具象的產(chǎn)品表達(dá)。反之，若項目匯報和實施的時間倉促，則需保持設(shè)計一致，節(jié)省時間和精力，去做更重要的事。而保持一致性設(shè)計除界面元素樣式外，從業(yè)務(wù)邏輯和結(jié)構(gòu)框架上也需具備一致性，總結(jié)如下：業(yè)務(wù)邏輯一致結(jié)構(gòu)層和框架層一致即各級導(dǎo)航菜單結(jié)構(gòu)、界面的框架和布局，如： “更多 ” 的入口是彈窗或跳轉(zhuǎn)界面 ,菜單

12、交互下拉或側(cè)滑, 操作區(qū)域居中或居于界面某側(cè)。表現(xiàn)層一致性即核心控件、元素、交互動作一致，如：提到態(tài)度，于B 端產(chǎn)品設(shè)計而言，可以引申出的詞匯即是個性，圍繞這個“個性” ，我們聊聊。好的 B 端產(chǎn)品能對業(yè)務(wù)和數(shù)據(jù)有足夠的創(chuàng)新和研發(fā)，在數(shù)據(jù)表達(dá)上，適當(dāng)?shù)慕换タ刂瓶梢栽鰪?qiáng)數(shù)據(jù)的真實感，也會使用戶更放心。結(jié)合過往經(jīng)歷，與大家一起構(gòu)思這樣一個場景：某企業(yè)后臺需獲悉當(dāng)?shù)剡@一季度氣象信息及農(nóng)作物產(chǎn)量及交易情況， 通過 各種設(shè)備和軟件技術(shù)的支持確實可以做到數(shù)據(jù)的秒速呈現(xiàn)。但對于用戶來說，數(shù)據(jù)的獲悉速度并不是他們想要的，而是數(shù)據(jù)的真實性、準(zhǔn)確性以及可用性才是他們必需的。在這個時候，產(chǎn)品設(shè)計者在數(shù)據(jù)呈現(xiàn)的前一步

13、加上一個【數(shù)據(jù)加載動畫】，適當(dāng)?shù)刈層脩舻壬?-3 秒，這在用戶體驗上就會給人以【放心、真實】的感覺，這也是一個數(shù)據(jù)類產(chǎn)品應(yīng)該具備的表達(dá)態(tài)度之一。風(fēng)格化，顧名思義，給到產(chǎn)品對應(yīng)的風(fēng)格，在一個產(chǎn)品的理論設(shè)計階段，產(chǎn)品設(shè)計者雖不需要完全以 UI 的水準(zhǔn)來向內(nèi)部團(tuán)隊或甲方領(lǐng)導(dǎo)匯報一份產(chǎn)品設(shè)計。但回憶這兩年來的產(chǎn)品匯報工作，多數(shù)國企領(lǐng)導(dǎo)在項目討論中會高頻注重產(chǎn)品的風(fēng)格樣式，強(qiáng)調(diào)界面的布局、用色等各種細(xì)節(jié)，甚至也會因為一份產(chǎn)品原型的設(shè)計表現(xiàn)決定這個項目是否繼續(xù)進(jìn)行，或該不該如此進(jìn)行。像石油化工行業(yè)的應(yīng)急救援、故障巡檢項目，工程建筑行業(yè)的 AR、 BIM應(yīng)用項目，以及某城市智慧大腦項目，在對這些項目進(jìn)行產(chǎn)品

14、設(shè)計的過程中，很多數(shù)據(jù)信息都需要更具象生動地表達(dá)，才能讓甲方領(lǐng)導(dǎo)一眼會意，這就是他們想要的。下方分享一個之前本人負(fù)責(zé)某石化項目的應(yīng)急救援大屏設(shè)計原型圖，以及一張 BIM 應(yīng)用設(shè)計原型圖。某應(yīng)急救援項目可視化大屏原型稿某 BIM+AR 應(yīng)用項目原型稿B 端的數(shù)據(jù)加工需要有新意，而這個新意也一樣離不開一個名詞【合理化】。產(chǎn)品設(shè)計者在對數(shù)據(jù)動手腳之前，并非簡單地設(shè)計加減乘除，為了數(shù)據(jù)化而數(shù)據(jù)化，而是以一套完善科學(xué)的 B 端產(chǎn)品數(shù)據(jù)分析方案為基礎(chǔ)，結(jié)合行業(yè)數(shù)據(jù)特性和優(yōu)劣勢，考慮當(dāng)前項目所需加工的數(shù)據(jù)，以及列出充分的理由說明并論證這些數(shù)據(jù)對用戶會帶來哪些業(yè)務(wù)方面的提升。數(shù)據(jù)分析離不開業(yè)務(wù)分析，這里也推薦大家去讀一篇我在站內(nèi)看到的關(guān)于B 端產(chǎn)品業(yè)務(wù)分析的一篇文章，鏈接如下：下面分享一張B 端產(chǎn)品數(shù)據(jù)分析流程：B 端產(chǎn)品設(shè)計初期，一個好的產(chǎn)品也需要具備項目管理的思維，首先要考慮到甲方業(yè)務(wù)會頻繁變動的特性，以及后續(xù)版本持續(xù)優(yōu)化、團(tuán)隊擴(kuò)張問題。在原型圖設(shè)計和UI 設(shè)計開始時，不論項目是否龐大，產(chǎn)品負(fù)責(zé)人除要求和規(guī)范繪圖標(biāo)準(zhǔn)外，相應(yīng)地結(jié)合對該項目整體的理解滲透，將可以固定下來的功能組