UI設(shè)計(jì)師告訴你c端和b端的區(qū)別

C端&B端產(chǎn)品的本質(zhì)及特性

C端產(chǎn)品的本質(zhì)基本都是一個(gè)核心功能，例如：音樂類app的核心功能就是聽音樂；閱讀類app的核心功能就是閱讀；游戲類app的核心功能就是游戲。其它的功能都是附加的，去除這些附加功能，體驗(yàn)會(huì)受影響、會(huì)變差，但并不會(huì)阻礙核心功能的使用，例如：去除了評論，用戶依然可以聽音樂；去除了打賞，用戶依然可以閱讀書籍；去除了分享，用戶依然可以玩游戲。

而C端產(chǎn)品的特性我們也可以總結(jié)為一個(gè)詞——“分享”。剛才文中所提到的“評論”、“打賞”其實(shí)都基于“分享”，即讓他人聽見“我”的聲音，看見“我”的想法。

B端產(chǎn)品的本質(zhì)則是滿足用戶的工作需要，而工作需要從來不是單一的功能就可以滿足的，其必然包括多項(xiàng)功能的復(fù)合及嵌套應(yīng)用支持。當(dāng)用戶需要繪制多種不同類型的圖表時(shí)，產(chǎn)品就絕不能只提供單項(xiàng)類型的圖表功能；例如：甲公司的產(chǎn)品只能畫柱狀圖，而公司乙的產(chǎn)品卻能畫10種甚至更多不同類型以適應(yīng)不同需求場景，若你是客戶，你會(huì)選擇哪個(gè)產(chǎn)品呢？這根本毫無疑義不是么？

B端產(chǎn)品的特性也非常明確——即“協(xié)同工作”。在處于信息時(shí)代的現(xiàn)代公司或企業(yè)中，幾乎已沒有可以單獨(dú)完成而不需要協(xié)同合作的工作了；例如最簡單的，你想請個(gè)假，那通常需要在公司的OA系統(tǒng)上提交個(gè)申請，系統(tǒng)流程會(huì)自動(dòng)流轉(zhuǎn)至下一個(gè)審批人，再一層層遞交，最后所有相關(guān)人員審批存檔后，整個(gè)請假流程才算完成。誰能脫離協(xié)同而存在呢？

或許有同學(xué)會(huì)問了，那分享和協(xié)同又有什么區(qū)別呢？不都是把我的東西發(fā)給其他人么？

其實(shí)分享和協(xié)同在本質(zhì)上就存在非常大的區(qū)別。

• 現(xiàn)代漢語詞典中，“分享”的意思為：和別人分著享受（歡樂、幸福、好處等）；
• 而“協(xié)同”的釋義則為：各方互相配合或協(xié)助；

很明顯，分享主要是在感受或精神上進(jìn)行共享，讓別人感覺到自己的感受，；而協(xié)同則是需要進(jìn)行合作，完成共同的目標(biāo)。出發(fā)點(diǎn)截然不同，結(jié)果也是南轅北轍。

C端&B端產(chǎn)品的使用場景及對比

說完了兩類產(chǎn)品的本質(zhì)區(qū)別及特性差異，我們再來看一看它們的場景差別。

我們現(xiàn)在老是說“碎片化”，其實(shí)C端產(chǎn)品就主要是為碎片化時(shí)間服務(wù)的，但用戶并不會(huì)連續(xù)幾個(gè)小時(shí)一直盯著同一個(gè)app，通常的使用場景是：用戶A上班途中，打開云音樂，開始聽歌；然后打開網(wǎng)易新聞，刷刷今日新聞；然后可能又打開微博，看看熱搜；覺得沒什么關(guān)注的信息就鎖屏小憩下，不一會(huì)兒有消息進(jìn)來，于是打開微信回復(fù)一下，順便再刷個(gè)朋友圈。通常使用和操作都是在不同的客戶端中進(jìn)行流轉(zhuǎn)，而非一直“專一”地使用單一app。

尤其是當(dāng)下社會(huì)氛圍普遍比較浮躁，人們也比較難靜下心來只做一件事。在地鐵上玩手機(jī)的人比比皆是，然而拿著書作深度閱讀的確幾乎沒有。因此C端產(chǎn)品也算是應(yīng)運(yùn)而生，正好契合了用戶對碎片化時(shí)間的利用。

而B端產(chǎn)品則正相反，正如其名稱，該類產(chǎn)品是為了工作或商業(yè)目的而使用的軟件。既然是為了工作，那就必然是長時(shí)間、沉浸式使用，且必須要使用的軟件或工具。用戶并不能以自身喜好來接受或拒絕。同時(shí)，該類軟件或工具服務(wù)于本公司或企業(yè)所有員工，通常必須具有協(xié)同工作的功能，這樣才能保持工作中的各種流程能圓滿順暢地進(jìn)行流轉(zhuǎn)。

設(shè)計(jì)出發(fā)點(diǎn)

說了這多C端&B端產(chǎn)品的本質(zhì)區(qū)別和使用場景，我們也已經(jīng)對這兩類產(chǎn)品有了一定地認(rèn)識，那我們再繼續(xù)聊一聊作為設(shè)計(jì)師，應(yīng)該從哪些角度對這兩類產(chǎn)品進(jìn)行設(shè)計(jì)。

C端產(chǎn)品的設(shè)計(jì)思考

前文已經(jīng)提過，C端產(chǎn)品的本質(zhì)基本都是一個(gè)核心功能，那么設(shè)計(jì)師在產(chǎn)品初期時(shí)就需要全盤考慮，哪一個(gè)功能是產(chǎn)品最核心、最不可丟棄、是立足之本的功能，哪些功能是錦上添花、為了提升用戶體驗(yàn)的附加值。其實(shí)我們可以堅(jiān)持“一個(gè)中心，2個(gè)基本點(diǎn)，N項(xiàng)基本原則”的設(shè)計(jì)原則，在整個(gè)產(chǎn)品的設(shè)計(jì)進(jìn)程中來思考和規(guī)劃。

“一個(gè)中心”即為核心功能；不能讓次要功能喧賓奪主，掩蓋核心功能的作用，保持產(chǎn)品的易用性。

“2個(gè)基本點(diǎn)”則是堅(jiān)持自身最特別、最有區(qū)分度的特點(diǎn)，堅(jiān)持品牌特色；市場上同類型C端產(chǎn)品的同質(zhì)化非常嚴(yán)重，那么為自己的產(chǎn)品找到出類拔萃、與眾不同的東西，讓自己的產(chǎn)品能在競爭者中脫穎而出就是最重要的辦法。

蝦米音樂里各種音樂流派劃分的非常詳細(xì)，大蝦的精選集里的每首歌都有點(diǎn)評，也比純歌曲列表的形式更有幫助。

豆瓣FM的音樂相對小眾不少，但卻是很不錯(cuò)的補(bǔ)充。

而網(wǎng)易云音樂最早時(shí)是以評論最得人心，樂友們可以在心水的歌曲下發(fā)表看法，相互回應(yīng)；但要我說，其實(shí)最重要的特點(diǎn)在于合心意的推薦。每個(gè)聽音樂的人一定都遇到過這種情況，聽到一首歌覺得很不錯(cuò)，于是想找類似風(fēng)格的曲子，可是自己卻沒法找，不知道該怎么搜索；而此時(shí)，云音樂推薦的相似歌曲及每日推送的歌單卻總是能抓住你的心，讓你覺得“他”懂你。

這難道不正是一個(gè)非常貼心的特色么？而這一點(diǎn)并不只是單純的功能性特色，更是心理體驗(yàn)上的感受，更能影響用戶的選擇。好比你有兩個(gè)朋友，一個(gè)在你需要的時(shí)候能幫上忙但不那么妥帖，而另一個(gè)不僅能幫上忙，還很貼心，幫的恰到好處，那你下次需要請求幫助的時(shí)候，會(huì)找哪個(gè)朋友呢？是不那么貼心的，還是能與你“感同身受”的那個(gè)呢？不言而喻不是么。

同樣的，無論是在交互設(shè)計(jì)還是在視覺設(shè)計(jì)，抑或是當(dāng)下熱絡(luò)的全鏈路設(shè)計(jì)中，堅(jiān)持自身的品牌特色，凸顯品牌價(jià)值也是非常重要的一環(huán)。如何在茫茫的app商店中，讓用戶一眼就看到你的產(chǎn)品？突出、鮮明的品牌特色才能讓用戶對產(chǎn)品產(chǎn)生印象。

下圖中羅列了一些常見的音樂類app的圖標(biāo)，我們可以看到設(shè)計(jì)師在設(shè)計(jì)時(shí)，通常是以幾個(gè)出發(fā)點(diǎn)考慮的：

一是從產(chǎn)品的核心功能出發(fā)；例如前兩排：云音樂、QQ音樂、酷我、酷播、百度音樂和咪咕。只不過第一排是以音符為基礎(chǔ)圖形，而第二排是以耳機(jī)為基礎(chǔ)圖形。

相比較一下，QQ和酷我的圖形元素是不是非常近似？都是常見的音符 白色背景就構(gòu)成整個(gè)圖標(biāo)。不夠鮮明，也沒有突出的品牌特色，如果不是下面的文字，我很難想起這兩個(gè)app是哪家公司的產(chǎn)品。而云音樂則不同，首先是在音符的基礎(chǔ)上進(jìn)行了變形，圖標(biāo)猛一看是音符，但再細(xì)看又何嘗不像俯視一臺古老的唱片機(jī)呢。背景的紅色鮮明的示意出網(wǎng)易紅的品牌特色。讓用戶不僅能從“形”意上記住產(chǎn)品，更能從“色”意上給用戶以更深的印象。

而耳機(jī)元素，確實(shí)能讓部分用戶想到音樂，但也一定會(huì)有人想到其它“聽”的產(chǎn)品，例如喜馬拉雅等等。

二是從產(chǎn)品名稱出發(fā)（包括名稱文字或名稱寓意）；例如后兩排：蝦米、酷狗、Echo、挖哇和余音。蝦米和余音基本是以產(chǎn)品原名為基礎(chǔ)，而其它三個(gè)則是以首字母為基礎(chǔ)。

在圖標(biāo)上突出產(chǎn)品名稱有助于用戶記住該產(chǎn)品，然而單純的字母很容易讓用戶混淆，太多同類或不同類的產(chǎn)品使用首字母了，不夠有特色，無法讓用戶耳目一新，反而很可能是過目即忘。而余音的設(shè)計(jì)很特別，從字形上不是很容易分辨以及強(qiáng)烈的設(shè)計(jì)感無一不在說：我是文藝范兒。

三是從莫名其妙很難聯(lián)想到app本質(zhì)的圖形出發(fā)，這類大家可以看到太多糟糕的例子，本文就不贅述了。

當(dāng)然，品牌特色絕不僅僅只是圖標(biāo)設(shè)計(jì)，本文就僅從這一點(diǎn)稍稍淺談一些自己的看法而已。

最后，則是“N項(xiàng)基本原則”，為什么是N呢？實(shí)在是設(shè)計(jì)原則依然繁多，且會(huì)越來越多。上一篇文章曾經(jīng)細(xì)說過通用的10大可用性原則，有興趣的同學(xué)可以找來看一看。限于篇幅，也就不再聊了。

B端產(chǎn)品的設(shè)計(jì)思考

B端產(chǎn)品的本質(zhì)則是滿足用戶的工作需要，協(xié)同工作；因此對于B端產(chǎn)品而言，最重要的是：“一手掌控”的設(shè)計(jì)原則。即：能滿足工作需要的功能，合理清晰的模塊劃分，嚴(yán)謹(jǐn)專業(yè)的流程設(shè)計(jì)，可遵循的操作及方式，干凈簡潔的視覺效果。

“能滿足工作需要的功能，合理清晰的模塊劃分”可以綜合考慮，即在做產(chǎn)品信息架構(gòu)時(shí)，就需要仔細(xì)考慮功能、功能組、功能模塊的劃分，常用功能的優(yōu)先級等等。

而對于不同崗位的人員，劃分不同的權(quán)限進(jìn)行管理，例如：最基本的，在不同權(quán)限人員登錄時(shí)顯示的頁面是否需要有所不同？能夠查看的模塊是否有所不同？如果有某個(gè)人員擁有不同的權(quán)限范圍，怎么設(shè)置他的權(quán)限？不同權(quán)限的人員怎么協(xié)同工作？如何管理？這些都是設(shè)計(jì)師需要仔細(xì)掂量考慮的。

“嚴(yán)謹(jǐn)專業(yè)的流程設(shè)計(jì)”；B端產(chǎn)品不需要玩“猜心”游戲，不用猜用戶這次打開產(chǎn)品會(huì)干什么，不用推薦“相似”內(nèi)容。B端產(chǎn)品注重的是嚴(yán)謹(jǐn)規(guī)范的操作。在使用時(shí)，用戶必然有明確的目的，需要什么就使用什么。

同時(shí)，設(shè)計(jì)師需要對產(chǎn)品的行業(yè)特性具有一定的專業(yè)了解，為金融行業(yè)打造的產(chǎn)品必然和零售行業(yè)產(chǎn)品存在區(qū)別，為體育行業(yè)設(shè)計(jì)的產(chǎn)品難道會(huì)與教育行業(yè)產(chǎn)品相同么？顯然，如果產(chǎn)品只針對單一行業(yè)，設(shè)計(jì)師只需要了解挖掘?qū)?yīng)行業(yè)的特性和需求?？扇羰瞧脚_類產(chǎn)品，需要面向多行業(yè)，那么設(shè)計(jì)師就需要了解所有的目標(biāo)行業(yè)的特性，找到行業(yè)的異同點(diǎn)，針對不同使用場景，分析用戶的具體需求，去偽存真。這就比較考驗(yàn)設(shè)計(jì)師的學(xué)習(xí)能力了，短時(shí)間內(nèi)需要對多行業(yè)多專業(yè)進(jìn)行學(xué)習(xí)分析，而長期則需要更深度的挖掘?qū)I(yè)需求。

“可遵循的操作及方式”；簡單地說，這一點(diǎn)上，無論是B端還是C端產(chǎn)品都是應(yīng)該遵循的，即：保持產(chǎn)品使用的一致性。讓用戶在使用時(shí)，能有熟悉感，了解自己的操作會(huì)帶來怎樣的結(jié)果。在用戶疑惑時(shí)，給予提示；在遇到困難時(shí)，給予幫助。讓用戶在摸索時(shí)，能盡量快速地進(jìn)行學(xué)習(xí)使用，即易學(xué)性。

“干凈簡潔的視覺效果”；前文提到B端產(chǎn)品是為了工作，長時(shí)間、沉浸式使用的，因此在為B端產(chǎn)品做視覺設(shè)計(jì)時(shí)，一般不易使用過于強(qiáng)烈的色彩，不需要過于刺激的設(shè)計(jì)感，整體產(chǎn)品都應(yīng)該盡量簡潔趕緊，不要讓視覺效果喧賓奪主，而是應(yīng)該盡量減少干擾用戶的細(xì)節(jié)，使用戶能真正“沉浸”其中。這也是為什么很多B端產(chǎn)品都會(huì)使用藍(lán)色的原因。不僅僅是人群喜好，還因?yàn)樗{(lán)色不會(huì)過于強(qiáng)烈刺激，并且其色彩含義也為“理性”，更適合B端的產(chǎn)品的特性。

寫在最后

綜上所述，C端產(chǎn)品和B端產(chǎn)品在本質(zhì)特性和使用場景上有明顯的區(qū)別，因此設(shè)計(jì)思考時(shí)也必然有所差別，但設(shè)計(jì)的本質(zhì)是不變的：保持產(chǎn)品的易用/易學(xué)性、保持設(shè)計(jì)及操作的一致性等等。抓住產(chǎn)品的特性，不忘記設(shè)計(jì)的本質(zhì)才更能做出優(yōu)質(zhì)的產(chǎn)品。

相關(guān)文章--《產(chǎn)品經(jīng)理如何優(yōu)雅地“背鍋”？不妨設(shè)立一定的制度和流程》