引言

中國(guó)互聯(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)海中?！癇 端 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)就是中國(guó)互聯(lián)網(wǎng)環(huán)境的迅速發(fā)展，智能手機(jī)的大范圍普及，工作人群的年輕化，使得人們已經(jīng)熟練的掌握了各種軟件的使用，并且在快速迭代的產(chǎn)品中慢慢變得挑剔、謹(jǐn)慎。

并且不斷優(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í)成本，把高效、簡(jiǎn)單、易用的工具帶到大家的日常工作中。

對(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)。

但是也不能以偏概全的認(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ù)的增長(zhǎng)性，保證產(chǎn)品性能和技術(shù)上的安全性。而 C 端注重用戶的體驗(yàn)、使用簡(jiǎ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 端表單往往過于冗長(zhǎng)，借鑒 C 端一些注冊(cè)場(chǎng)景的設(shè)計(jì)，把表單拆分成 3 步內(nèi)的行為步驟，減少用戶的疲憊感提升體驗(yàn)。

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ì)。

3. 表現(xiàn)層

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

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 化元素。

2. 情感化

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

3. 個(gè)性化

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

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

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

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

藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(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ì)之一：做交互選B端還是C端？來看這篇親歷分析！

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

Cs界面設(shè)計(jì)之三：從3個(gè)方面，詳細(xì)分析B端和C端的差異化

Cs界面設(shè)計(jì)之四：如何打造一個(gè)優(yōu)秀的C端組件庫？來看貝殼設(shè)計(jì)的實(shí)戰(zhàn)案例！

Cs界面設(shè)計(jì)之五：B端產(chǎn)品C端化是自嗨？對(duì)不起我想得太簡(jiǎn)單了！

Cs界面設(shè)計(jì)之六：做C端還是做B端，該如何選擇？來看大廠設(shè)計(jì)師的分析！

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

Cs界面設(shè)計(jì)之八：超全基礎(chǔ)科普！全方位解析 C 端和 B 端的產(chǎn)品特性