亚洲综合色在线观看一区二区 ,精品国产成人网站一区二区

搜索

APP

起點課堂會員權(quán)益

職業(yè)體系課特權(quán)

線下行業(yè)大會特權(quán)

個人IP打造特權(quán)

30+門專項技能課

1300+專題課程

12場職場軟技能直播

12場求職輔導(dǎo)直播

12場專業(yè)技能直播

會員專屬社群

榮耀標識

發(fā)布

注冊 | 登錄

設(shè)計沉思錄 | 以公寓管家PMS為例，探討B(tài)端產(chǎn)品該如何設(shè)計

58UXD

2020-09-28

1 評論 5440 瀏覽 24 收藏

11 分鐘

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

01 關(guān)于B端和C端設(shè)計差異

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

B端與C端差異

1. 從用戶與目的上

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

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

2. 從場景和訴求上

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

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

3. 從盈收模式上

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

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

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

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

02 該如何設(shè)計？

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

1. 設(shè)計前

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

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

（2）服務(wù)用戶群

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

公寓管家主要群體

（3）具體需求及場景

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

（4）競品狀況分析

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

競品分析

（5）梳理信息架構(gòu)

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

信息構(gòu)架

2. 設(shè)計中

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

（1）視覺風格

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

風格定義

（2）視覺定義

1）顏色定義

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

顏色定義

2）字體

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

蘋方字體

3）圖標

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

圖標

4）布局、適配、柵格

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

布局

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

屏幕適配

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

頁面柵格

（3）組件

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

部分控件

3. 設(shè)計后

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