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

1 評(píng)論 5684 瀏覽 26 收藏 11 分鐘

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

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

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

B端與C端差異

1. 從用戶與目的上

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

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

2. 從場(chǎng)景和訴求上

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

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

3. 從盈收模式上

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

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

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

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

02 該如何設(shè)計(jì)?

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

1. 設(shè)計(jì)前

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

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

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

公寓管家主要是2大群體:長(zhǎng)租公寓運(yùn)營商及房管員,希望滿足他們管理房源,提高發(fā)房效率的目的。

公寓管家主要群體

(3)具體需求及場(chǎng)景

借助公寓管家,公寓方能很快線上獲客,并對(duì)租客線索管理跟進(jìn),支持意向客戶線上簽約成交,公寓也可參與線上營銷活動(dòng),塑造品牌形象。從獲客到管理再到營銷品牌這一系列場(chǎng)景下, 公寓方需要花大量時(shí)間和精力為進(jìn)行維護(hù), 因此他們?cè)V求也希望可以幫助提升效率。

(4)競(jìng)品狀況分析

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

競(jìng)品分析

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

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

信息構(gòu)架

2. 設(shè)計(jì)中

我們?cè)谇捌诿鞔_產(chǎn)品的背景、目標(biāo)人群、場(chǎng)景及競(jìng)品的狀況,也梳理出大致功能點(diǎn),接下來就是需要設(shè)計(jì)師在設(shè)計(jì)中定義風(fēng)格、視覺展示,規(guī)范組件等。

(1)視覺風(fēng)格

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

風(fēng)格定義

(2)視覺定義

1)顏色定義

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

顏色定義

2)字體

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

蘋方字體

3)圖標(biāo)

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

圖標(biāo)

4)布局、適配、柵格

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

布局

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

屏幕適配

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

頁面柵格

(3)組件

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

部分控件

3. 設(shè)計(jì)后

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

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

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

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

B端產(chǎn)品由于其復(fù)雜的邏輯,需要整個(gè)團(tuán)隊(duì)包含產(chǎn)品、設(shè)計(jì)、技術(shù)、測(cè)試協(xié)同辦公、共同協(xié)作,每個(gè)人都應(yīng)該從整體出發(fā),從用戶的使用習(xí)慣出發(fā),挖掘需求。

2. 深耕業(yè)務(wù)

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

3. 小而美的設(shè)計(jì)

我們?cè)谠O(shè)計(jì)中,常常會(huì)喜歡復(fù)雜的交互,更加豐富的色彩。但B端產(chǎn)品更注重的是信息承載和提高效率,我們?cè)鯓幼層脩粼诙虝r(shí)間內(nèi)做出準(zhǔn)確的判斷,提升效率,需要小而美,小而精的設(shè)計(jì)。力求準(zhǔn)確,降低學(xué)習(xí)成本。

04?寫在最后

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

 

作者:佟佳昕;視覺設(shè)計(jì)師

本文來源于人人都是產(chǎn)品經(jīng)理合作媒體@58用戶體驗(yàn)設(shè)計(jì)中心(微信公眾號(hào)@58UXD),作者@佟佳昕

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

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒評(píng)論,等你發(fā)揮!