導讀：隨著B端產(chǎn)品需求量與日俱增，B端市場的春天也逐漸到來，在這過程中B端體驗設計變得越來越受到重視。面對挑戰(zhàn)，設計師的設計思路該是怎樣的？本文作者分享了自己在做 B 端產(chǎn)品時的一些總結(jié)和思考，供大家一起參考和學習。

01 關于B端和C端設計差異

B端和C端的產(chǎn)品具有明顯的差異性，這導致了在設計思路上有很大的不同。

B端與C端差異

1. 從用戶與目的上

B端產(chǎn)品用戶主要是企業(yè)或者客戶服務于管理者，目的是提高效率，降低成本幫助客戶制定整體的解決方案，用戶往往必須要使用這些產(chǎn)品，使用即有任務驅(qū)動，完成任務立即結(jié)束，用完即走。

C端產(chǎn)品面向用戶，目的性和對效率追求較弱，要考慮用戶偏好、興趣，對不同類別進行分類，會由于產(chǎn)品的新穎度、趣味性愿意多花時間停留，主要是為“碎片化的時間”服務。

2. 從場景和訴求上

B端產(chǎn)品場景多、邏輯復雜因此導致設計細節(jié)的關注度受到影響，也會影響到用戶對次要信息的判斷，對成本控制比較嚴格，提高工作效率。

C端產(chǎn)品會選擇在自己舒適場景的前提下使用，有相對足夠的時間和精力來瀏覽界面信息，邏輯相對單一，更注重用戶的操作和體驗。

3. 從盈收模式上

B端產(chǎn)品通過功能有明確盈利模式和固定使用用戶群體。

C端產(chǎn)品通過免費使用吸引用戶，等積攢一定數(shù)量后需要探索變現(xiàn)路徑，或者尋找其他變現(xiàn)路徑。

由于B端與C端各方面的差異性導致我們在設計時設計理念有很大不同。B端設計應更注重實用性，切合需求、在視覺上簡潔高效，滿足用戶內(nèi)心的訴求。在表達效果上，力求為用戶提高效率、提升安全性，保證高識別度，在設計沉淀上，制定通用統(tǒng)一的設計控件，提高設計效率。

下面將以品牌公寓管家（專為管理公寓服務的PMS公寓管理系統(tǒng)）為例，分享B端產(chǎn)品的設計思路。

02 該如何設計？

在設計公寓管家時，考慮到這是以PMS管理為主的公寓管理系統(tǒng)，在這樣的系統(tǒng)中，該如何思考設計呢？我以設計前，中，后三個階段來分享做B端設計中的一些思考。

1. 設計前

（1）產(chǎn)品背景

公寓管家是幫助58品牌公寓商家助力商家房源和客源管理，房源發(fā)布，租客線索管理、vr、直播看房、在線簽約、租后管理等重要功能的PMS管理系統(tǒng)，方便快捷提高效率，同時希望長租公寓運營商可借助這一優(yōu)質(zhì)平臺，能更好獲客和提升品牌號召力。

（2）服務用戶群

公寓管家主要是2大群體：長租公寓運營商及房管員，希望滿足他們管理房源，提高發(fā)房效率的目的。

公寓管家主要群體

（3）具體需求及場景

借助公寓管家，公寓方能很快線上獲客，并對租客線索管理跟進，支持意向客戶線上簽約成交，公寓也可參與線上營銷活動，塑造品牌形象。從獲客到管理再到營銷品牌這一系列場景下， 公寓方需要花大量時間和精力為進行維護， 因此他們訴求也希望可以幫助提升效率。

（4）競品狀況分析

通過競品了解大概現(xiàn)有行業(yè)狀況， 做到知己知彼，通過對定位，主要功能，交互體驗，視覺樣式這幾個方面進行分析。

競品分析

（5）梳理信息架構

背景、用戶、使用場景、競品等分析， 需要將產(chǎn)品流程進行梳理，梳理產(chǎn)品界面重要功能，呈現(xiàn)簡介內(nèi)容。

信息構架

2. 設計中

我們在前期明確產(chǎn)品的背景、目標人群、場景及競品的狀況，也梳理出大致功能點，接下來就是需要設計師在設計中定義風格、視覺展示，規(guī)范組件等。

（1）視覺風格

設計風格方面，參考B端產(chǎn)品通常視覺風格特點，結(jié)合公寓管家的功能特性，采用簡潔，清晰 一致性。

風格定義

（2）視覺定義

1）顏色定義

顏色選用上，選用體現(xiàn)B端PMS管理工具類產(chǎn)品特點的藍色系為主色，其他色彩為輔助顏色。

顏色定義

2）字體

中文選用蘋方字體，字體飽滿及辨識度和通用性高。數(shù)字采用58專屬字體，Don58，字體瘦長更利于較長數(shù)字展示。

蘋方字體

3）圖標

導航與內(nèi)容圖標采用線性圖標，描邊2PX寬度，增加更多細節(jié)。

圖標

4）布局、適配、柵格

布局：采用左右布局的方案， 將導航欄固定在左側(cè)，提高導航可見性，方便頁面切換。

布局

適配：由于B端場景多樣化，根據(jù)主流屏幕分辨率做不同適配，提高屏幕利用率，提升用戶使用體驗， 公寓管家采用左右布局，因此在適配方案上使用將左側(cè)導航欄固定，對右側(cè)工作區(qū)域進行動態(tài)縮放。

屏幕適配

柵格：布局上的柵格會使頁面更加工整簡潔，以1440X900為設計基準，使用柵格系統(tǒng)在主要內(nèi)容顯示區(qū)進行12柵格劃分，遵循8n的變化規(guī)律，使得設計元素有規(guī)律可循，減少決策時間提高效率，模塊區(qū)分更清晰。

頁面柵格

（3）組件

在設計B端產(chǎn)品中往往也是大多數(shù)情況下會接到比較緊急的需求情況，所以在設計過程中組件化會能更好的提高效率和產(chǎn)能。隨著功能的不斷完善，組件也在不斷更新中。

部分控件

3. 設計后

當我們設計完成告一段落后， 設計稿交給開發(fā)實現(xiàn)過程中， 要隨時跟開發(fā)溝通，上線后及時驗收，保證對設計稿的高度還原，同時也應針對一些重要模塊頁面進行數(shù)據(jù)埋點，統(tǒng)計數(shù)據(jù)，為以后的設計優(yōu)化，做好有力的數(shù)據(jù)支撐，提升產(chǎn)品的用戶體驗。

03 對于B端產(chǎn)品我的一點思考

作為一個設計師，在設計公寓管家過程中，不僅要做好設計，還要提升自己對業(yè)務的理解和配合開發(fā)的能力，更要有對整體把控和交互的能力，用更加全面的視角，規(guī)劃整體設計。

1. 提升協(xié)作能力

B端產(chǎn)品由于其復雜的邏輯，需要整個團隊包含產(chǎn)品、設計、技術、測試協(xié)同辦公、共同協(xié)作，每個人都應該從整體出發(fā)，從用戶的使用習慣出發(fā)，挖掘需求。

2. 深耕業(yè)務

在B端業(yè)務是一切的基石是根本，不談業(yè)務的產(chǎn)品設計是沒有靈魂的。只有了解業(yè)務，知曉業(yè)務各個環(huán)節(jié)、了解業(yè)務的場景，才能給用戶帶來更好的體驗。

3. 小而美的設計

我們在設計中，常常會喜歡復雜的交互，更加豐富的色彩。但B端產(chǎn)品更注重的是信息承載和提高效率，我們怎樣讓用戶在短時間內(nèi)做出準確的判斷，提升效率，需要小而美，小而精的設計。力求準確，降低學習成本。

04?寫在最后

以上是我的一些反思，作為一名B端設計師，我也在不斷地總結(jié)和成長，希望我的反思對你有所啟發(fā)。我相信無論多復雜的業(yè)務和邏輯，只要我們?nèi)娜狻M足客戶訴求都可以達成我們的目標。我也希望我這篇文章能夠起到拋磚引玉的效果，歡迎共同探討。

作者：佟佳昕；視覺設計師

本文來源于人人都是產(chǎn)品經(jīng)理合作媒體@58用戶體驗設計中心（微信公眾號@58UXD），作者@佟佳昕

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