Cs界面設(shè)計(jì)之七:B端設(shè)計(jì)師來看!帶你深入了解「B端C化」的設(shè)計(jì)理念

2022-6-14    博博


引言


中國互聯(lián)網(wǎng)公司的迅速發(fā)展正在推動(dòng)著整個(gè)軟件行業(yè)的審美革命,在 C 端產(chǎn)品市場(chǎng)逐漸飽和的情況下,互聯(lián)網(wǎng)大廠正在將資本逐步轉(zhuǎn)移到 B 端市場(chǎng)的廣闊藍(lán)海中。“B 端 C 端化”的設(shè)計(jì)理念也應(yīng)運(yùn)而生,認(rèn)為可以用 C 端的模式和思維來進(jìn)行 B 端產(chǎn)品的設(shè)計(jì)。


背景


除了剛剛有說到的資本慢慢向 B 端市場(chǎng)的藍(lán)海轉(zhuǎn)移,還有一點(diǎn)就是中國互聯(lián)網(wǎng)環(huán)境的迅速發(fā)展,智能手機(jī)的大范圍普及,工作人群的年輕化,使得人們已經(jīng)熟練的掌握了各種軟件的使用,并且在快速迭代的產(chǎn)品中慢慢變得挑剔、謹(jǐn)慎。

B端設(shè)計(jì)師來看!帶你深入了解「B端C化」的設(shè)計(jì)理念

并且不斷優(yōu)化迭代的互聯(lián)網(wǎng)軟件產(chǎn)品也在無形中為用戶完成了底層認(rèn)知的搭建,一些功能、操作、交互邏輯已經(jīng)深入人心,用戶也已經(jīng)被教育成了”高玩”。

所以如今一些新型 B 端產(chǎn)品的設(shè)計(jì)理所應(yīng)當(dāng)?shù)脑?a class="tag_a" target="_blank" style="text-decoration-line:none;border-bottom:none;word-break:break-all;color:#525252;">用戶體驗(yàn)五要素中最貼近用戶的結(jié)構(gòu)層、框架層和表現(xiàn)層中與一些 C 端產(chǎn)品在一定程度保持了一致,這種設(shè)計(jì)理念其實(shí)也很好的解決了傳統(tǒng)軟件的復(fù)雜、門檻高、難用等痛點(diǎn),很大程度降低了用戶的認(rèn)知成本和學(xué)習(xí)成本,把高效、簡單、易用的工具帶到大家的日常工作中。

B端設(shè)計(jì)師來看!帶你深入了解「B端C化」的設(shè)計(jì)理念

對(duì) B 端 C 化的理解


對(duì)這個(gè)概念的理解我認(rèn)為是:”B 端產(chǎn)品在使用體驗(yàn)和視覺感受這兩個(gè)方面和 C 端產(chǎn)品接近”。這是我們?cè)O(shè)計(jì)師需要特別關(guān)注的,傳統(tǒng)的思維中,大多數(shù)設(shè)計(jì)師會(huì)認(rèn)為 B 端是給公司內(nèi)部人員或者商家使用的,只是一個(gè)管理系統(tǒng),并不需要太過于精細(xì),至于體驗(yàn)也是停留在“能用就行”的程度。但是在我看來不管是 C 端還是 B 端,其實(shí)它的使用對(duì)象都是“人”,應(yīng)該要遵循人們對(duì)于事物的認(rèn)知和一系列復(fù)雜的人體工程學(xué)操作習(xí)慣。兩者都需要關(guān)注用戶在使用時(shí)的體驗(yàn)感受,順暢的使用流程、清晰的信息展示和高效的行為效率,以及有效的引導(dǎo)都能夠快速的幫助用戶完成目標(biāo)任務(wù)。無論是 C 端設(shè)計(jì)還是 B 端設(shè)計(jì),滿足這些條件無疑可以給用戶帶來更好的體驗(yàn)。

B端設(shè)計(jì)師來看!帶你深入了解「B端C化」的設(shè)計(jì)理念

但是也不能以偏概全的認(rèn)為 C 端的設(shè)計(jì)思維可以完全復(fù)用過來。B 端產(chǎn)品的場(chǎng)景其實(shí)比 C 端產(chǎn)品還是要復(fù)雜的多,應(yīng)該說是各有各的側(cè)重點(diǎn),思維和設(shè)計(jì)模式上不能完全照搬,下面我就先說說它們各自的不同處,再舉例帶你看看 B 端產(chǎn)品在哪些方面可以向 C 端產(chǎn)品借鑒學(xué)習(xí)。

B 端 C 端的不同


1. 使用者不同

B 端使用者多是同一個(gè)組織集體,以群體為單位進(jìn)行協(xié)同。比如:老板、部門主管、員工或商戶。而 C 端使用者相對(duì)比較單一,目標(biāo)用戶群體即是主要使用人群,使用目標(biāo)、偏好、個(gè)性比較明確。

2. 業(yè)務(wù)不同:

B 端業(yè)務(wù)大多數(shù)會(huì)存在多重維度、場(chǎng)景,使用場(chǎng)景跟業(yè)務(wù)緊密相關(guān),同一個(gè)系統(tǒng)不同角色使用時(shí)的業(yè)務(wù)處理和所關(guān)注的數(shù)據(jù)信息,側(cè)重點(diǎn)會(huì)有很大的不同,需要全局考慮。不同角色使用產(chǎn)品的流程差異大,需要不同業(yè)務(wù)上更專業(yè)的解決方案。而 C 端業(yè)務(wù)一般維度比較單一,業(yè)務(wù)邏輯相對(duì)固定,任務(wù)路徑和展示內(nèi)容比較單一。

3. 價(jià)值主張不同:

B 端注重效率、成本、管控、數(shù)據(jù)分析等。追求產(chǎn)品的穩(wěn)定性、業(yè)務(wù)的增長性,保證產(chǎn)品性能和技術(shù)上的安全性。而 C 端注重用戶的體驗(yàn)、使用簡單、有樂趣。

4. 產(chǎn)品思維不同:

B 端產(chǎn)品多數(shù)基于服務(wù)思維,工具化思維,更加理性;更多的是幫助 B 端用戶提高效率,完成業(yè)務(wù)目標(biāo)。而 C 端多數(shù)為產(chǎn)品化思維,游戲化思維,更感性,更多的是娛樂和情感的滿足。

5. 產(chǎn)品形態(tài)不同:

B 端產(chǎn)品注重業(yè)務(wù)的梳理,多數(shù)會(huì)用到圖表、表格、模型,多數(shù)產(chǎn)品形態(tài)偏向更垂直行業(yè)或更專業(yè)的面板形態(tài)。而 C 端更注重用戶的感受,會(huì)用到很多夸張的動(dòng)效,炫彩的顏色。


B 端 C 化在產(chǎn)品中具體的表現(xiàn)


1. 結(jié)構(gòu)層

結(jié)構(gòu)層確定各個(gè)將要呈現(xiàn)給用戶的選項(xiàng)的模式和順序。結(jié)構(gòu)層是用來設(shè)計(jì)用戶如何到達(dá)某個(gè)頁面,并且要考慮他們完成事情之后能夠去哪里。

具體在 B 端產(chǎn)品的表單交付場(chǎng)景下可以體現(xiàn)出,以前的 B 端表單往往過于冗長,借鑒 C 端一些注冊(cè)場(chǎng)景的設(shè)計(jì),把表單拆分成 3 步內(nèi)的行為步驟,減少用戶的疲憊感提升體驗(yàn)。

B端設(shè)計(jì)師來看!帶你深入了解「B端C化」的設(shè)計(jì)理念

2. 框架層

產(chǎn)品的框架層包括:按鈕、控件、照片、文本區(qū)域的位置。框架層是用于優(yōu)化頁面設(shè)計(jì)布局的。

具體在 B 端產(chǎn)品的列表頁可以體現(xiàn)出,列表頁中整體的按鈕、文本區(qū)域的位置、搜索和篩選的布局設(shè)計(jì)其實(shí)與 C 端產(chǎn)品中的商品詳情頁是類似的,遵循用戶的閱讀順序和視覺焦點(diǎn)來進(jìn)行設(shè)計(jì)。

B端設(shè)計(jì)師來看!帶你深入了解「B端C化」的設(shè)計(jì)理念

3. 表現(xiàn)層

視覺、聽覺、(觸覺)的體驗(yàn)設(shè)計(jì)。多體現(xiàn)在一些情感化的設(shè)計(jì)也被運(yùn)用在了 B 端產(chǎn)品中。

B端設(shè)計(jì)師來看!帶你深入了解「B端C化」的設(shè)計(jì)理念


B 端 C 化未來的設(shè)計(jì)方向


反觀現(xiàn)在 C 端產(chǎn)品的一些設(shè)計(jì)風(fēng)格和流行趨勢(shì),有哪些可以運(yùn)用在 B 端產(chǎn)品的設(shè)計(jì)中呢?

1. 3D 化

B 端因?yàn)閷?duì)數(shù)據(jù)的展示有較強(qiáng)的需求,用戶在使用過程中提高效率的判斷緯度也包括信息數(shù)據(jù)的獲取效率,而 3D 的視覺在數(shù)據(jù)可視化層面有著天然的優(yōu)勢(shì),可以幫助用戶更快速的理解數(shù)據(jù)維度所表達(dá)的核心價(jià)值。近年來網(wǎng)速等硬件設(shè)施的升級(jí)也為 3D 化視覺帶來可落地的基礎(chǔ),設(shè)計(jì)師也嘗試在產(chǎn)品設(shè)計(jì)中融入更多的 3D 化元素。

B端設(shè)計(jì)師來看!帶你深入了解「B端C化」的設(shè)計(jì)理念

2. 情感化

人們對(duì)傳統(tǒng) B 端產(chǎn)品的印象往往是覺得它們比較枯燥、呆板的,如今一些新型的 B 端產(chǎn)品的設(shè)計(jì)理念也試圖在拋開用戶對(duì)于產(chǎn)品的這種既定印象,所以很多產(chǎn)品在往一些娛樂化、IP 化的方向嘗試,并且都達(dá)到了一些比較好的效果,未來在這方面的思考和嘗試只會(huì)越來越多。

B端設(shè)計(jì)師來看!帶你深入了解「B端C化」的設(shè)計(jì)理念

3. 個(gè)性化

B 端產(chǎn)品的同質(zhì)化嚴(yán)重,所以 B 端產(chǎn)品也需要從一些產(chǎn)品定位去定制更加富有個(gè)性的品牌基因,可以讓用戶產(chǎn)生對(duì)產(chǎn)品的感情,達(dá)到從同類產(chǎn)品中能夠脫穎而出的目標(biāo)。

B端設(shè)計(jì)師來看!帶你深入了解「B端C化」的設(shè)計(jì)理念


總結(jié)


不管是 B 端還是 C 端,目的都是為了解決業(yè)務(wù)場(chǎng)景中遇到的問題,使用對(duì)象都是人,都應(yīng)該站在“人性”的角度考慮問題,有人說 B 端產(chǎn)品一般都不注重設(shè)計(jì),C 端產(chǎn)品的設(shè)計(jì)更能滿足設(shè)計(jì)師對(duì)美的追求,我只能說它們的側(cè)重點(diǎn)不同,C 端更注重視覺感受,要做到在視覺表現(xiàn)的感性層面吸引用戶,而 B 端其實(shí)更為復(fù)雜,需要做到底層的強(qiáng)大數(shù)據(jù)處理能力,產(chǎn)品的專業(yè)性包括交互、視覺的吸引力,這樣才能從眾多產(chǎn)品中得到用戶的認(rèn)可并脫穎而出。設(shè)計(jì)師還需要不斷打磨細(xì)節(jié)和優(yōu)化體驗(yàn)來吸引和留住用戶。

所以說“B 端 C 端化”也只是在某些方面通用,但核心側(cè)重點(diǎn)不同,不能以偏概全、一概而論,但可以借鑒與參考,B 端產(chǎn)品也可以做的很精彩。

作者:酷家樂UED


轉(zhuǎn)載請(qǐng)注明:優(yōu)設(shè)網(wǎng)

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請(qǐng)掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

魏華的微信.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)m.820esy.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司


更多精彩文章:

Cs界面設(shè)計(jì)之二:如何區(qū)別B端與C端的產(chǎn)品設(shè)計(jì)差異?我總結(jié)了26條對(duì)比!















分享本文至:

日歷

鏈接

個(gè)人資料

存檔