編輯導(dǎo)語：近年來，B端C化十分火爆。作者將基于產(chǎn)品落地經(jīng)驗(yàn)和市場趨勢與大家分享他理解的B端C化概念，以及如何讓B端實(shí)現(xiàn)C化。本文將針對“視覺篇”與“運(yùn)營篇”的解決思路，與大家探討B(tài)端C化可以如何做。推薦對B端C化感興趣的用戶閱讀。

近年來鋪天蓋地的卷起B(yǎng)端C化的風(fēng)，在此之前我們也認(rèn)真閱讀了許多B端前輩分享的經(jīng)驗(yàn)之談。本文將基于產(chǎn)品落地經(jīng)驗(yàn)和市場趨勢與大家分享我理解的B端C化概念，以及如何讓B端實(shí)現(xiàn)C化。

本文由我與產(chǎn)品體驗(yàn)設(shè)計(jì)師 —— 陳皮紅豆沙 共同完成專題探討，為的就是給各位讀者最全面最專業(yè)的知識分享。

上篇文章和大家分享了【B端的背景與趨勢】、【為什么會有B端C化】以及【如何B端C化】中的“B端劣勢“分析和“交互篇”解決思路，本文將針對“視覺篇”與“運(yùn)營篇”的解決思路與大家探討【B端C化可以如何做】～

一、視覺篇

1. 信息維度多？設(shè)計(jì)瀏覽動線，突出重點(diǎn)

很多B端產(chǎn)品萌芽的初期都面臨一個(gè)很現(xiàn)實(shí)的問題——沒有專業(yè)的UI。

大多數(shù)的產(chǎn)品團(tuán)隊(duì)會采用互聯(lián)網(wǎng)上的開源組件庫來促進(jìn)產(chǎn)品快速落地，比如ElementUI、AntDesign等，雖然市場發(fā)展的現(xiàn)在也開始有“產(chǎn)品體驗(yàn)設(shè)計(jì)師”這樣的崗位來解決諸如此類的問題，但無論是開源組件庫還是產(chǎn)品體驗(yàn)設(shè)計(jì)師都需要明確如何利用視覺的表達(dá)，正確的將產(chǎn)品框架層的信息優(yōu)先級做到有重點(diǎn)的突出。

一般來說，在一些常規(guī)的信息模塊中（視覺呈現(xiàn)較為統(tǒng)一，沒有太大變化，如報(bào)紙），人們一般以“F”型、“割草機(jī)”型這類有規(guī)律的動線進(jìn)行瀏覽，但是實(shí)踐證明，大量的常規(guī)信息很容易讓用戶產(chǎn)生疲憊感、甚至誤操作，因此在界面設(shè)計(jì)中，我們通常會使用icon、色彩等，讓用戶保持瀏覽的積極性。

正因如此，衍生出了新的瀏覽動線——“彈跳式”動線。

在彈跳動線中，每一次“彈跳”也意味著用戶眼神的聚焦，如何讓用戶眼神聚焦到我們想讓用戶聚焦的地方，就成為了產(chǎn)品視覺體驗(yàn)設(shè)計(jì)的重點(diǎn)之一。

綜合項(xiàng)目經(jīng)驗(yàn)以及用戶測試、反饋，總結(jié)了以下幾點(diǎn)更易于獲得用戶的關(guān)注度：

擴(kuò)張性偏小的元素<擴(kuò)張性更大的元素：

案例：icon的對比選擇

線性的色彩填充<面性的純色彩填充<相同色調(diào)帶漸變/帶光效的色彩：

案例：優(yōu)先按鈕與次級按鈕

顏色飽和度低<顏色飽和度高<相同色調(diào)的插圖：

案例：

但是需要注意遇到強(qiáng)烈高飽和度色彩，人們會第一時(shí)間注意到，但很快會轉(zhuǎn)移視線。

畫面信息擁擠< 畫面適當(dāng)留白：

案例：

哪怕是彈跳式的動線，信息的整體排布也應(yīng)遵循用戶固有的瀏覽習(xí)慣，即重點(diǎn)信息的關(guān)注仍因保持從上到下，從左到右，具體瀏覽路線可以參考上篇提及的“古騰堡原則”（傳送門：PC端彈窗設(shè)計(jì)十全大補(bǔ)）

值得注意的是，一個(gè)頁面如果在多處過度使用視覺強(qiáng)調(diào)樣式，反而會弄巧成拙，從找不到重點(diǎn)到到處都是重點(diǎn)，仍無法達(dá)到井然有序的突出視覺動線。

2. 產(chǎn)生疲憊感？情感化設(shè)計(jì)，讓產(chǎn)品人性化

說到情感化設(shè)計(jì)，我們不得不提到諾曼的《情感化設(shè)計(jì)》，它詳細(xì)的向我們解釋了情感化的支撐理論，許多的設(shè)計(jì)思路也來源于此。

從人的情感需求出發(fā)，需要滿足本能、行為、反思，三個(gè)層面。

行為層我們可以從交互細(xì)節(jié)入手，選擇合適的交互方式，讓產(chǎn)品本身成為使用產(chǎn)品的“領(lǐng)路人”；反思層我們需要結(jié)合產(chǎn)品定位、戰(zhàn)略乃至產(chǎn)品運(yùn)營入手讓用戶感受到產(chǎn)品更深入的溫度。而本能層，作為感官刺激最直接的反饋，則可以更直接向用戶傳達(dá)出產(chǎn)品的性格以及關(guān)懷。

在B端的處理中往往僅通過產(chǎn)品側(cè)的功能、交互側(cè)的使用方式的角度去解決，但無論再高效的功能/交互，沒有表現(xiàn)層情感的傳達(dá)，也只能解決負(fù)面情緒，而難以提升正面情緒。

基于代爾夫特大學(xué)提煉的61個(gè)人類情感指標(biāo)，并結(jié)合B端的使用場景，獲取到B端產(chǎn)品下用戶的負(fù)面情感指標(biāo)：

解決負(fù)面情緒的是提升用戶體驗(yàn)的關(guān)鍵，這里我們以視覺為例，簡要描述如何向用戶傳達(dá)出情感的溫度。

擔(dān)心：

場景案例：信息會被泄露出去嗎

不解：

場景案例：這個(gè)按鈕能實(shí)現(xiàn)某個(gè)功能嗎，點(diǎn)了試一下

煩躁/生氣/暴躁：

場景案例1：試了好幾次總提示我失敗，到底是什么原因？

場景案例2：這個(gè)操作不符合邏輯，真難用；反應(yīng)太慢了；升級后原先的數(shù)據(jù)怎么找不到了！

場景案例3：學(xué)習(xí)了好久還是不會用這款產(chǎn)品 ……

厭惡：

場景案例：總是掉鏈子，bug太多，沒法用！

當(dāng)一個(gè)產(chǎn)品滿足了用戶的需求后，如果同時(shí)能關(guān)注到他的不良情緒，可以幫助產(chǎn)品和用戶建立起良好的“合作關(guān)系”。

3. 數(shù)據(jù)分析難？可視化展現(xiàn)，更直觀清晰

B端產(chǎn)品中最不可或缺的元素與產(chǎn)品功能就是數(shù)據(jù)展示，大量的數(shù)據(jù)歸總既不便于閱讀、也無法直觀對比數(shù)據(jù)情況，因此數(shù)據(jù)可視化設(shè)計(jì)便應(yīng)運(yùn)而生。通過對數(shù)據(jù)與信息的主觀分析歸類，將之通過立體或圖形結(jié)合的形式為使用者建立清晰的心理模型和數(shù)據(jù)圖像。

（關(guān)于可視化的發(fā)展史上可追溯至1950年，當(dāng)時(shí)人們利用計(jì)算機(jī)創(chuàng)建出了首批圖形圖表，可以說是數(shù)據(jù)可視化圖表最為早期的雛形）

當(dāng)前廣義數(shù)據(jù)可視化的涵蓋范圍很大，而我們當(dāng)前所研究并被大家所熟知的則是是數(shù)據(jù)可視化中“可視化圖表”或“可視化信息”的方向。

雖然可視化可以更好的幫助使用者對數(shù)據(jù)的認(rèn)知減負(fù)，但傳統(tǒng)B端產(chǎn)品傳遞給大眾的印象往往是枯燥、呆板的。而如今一些新形式的B端產(chǎn)品設(shè)計(jì)理念也試圖在拋開用戶對于產(chǎn)品的這種既定印象。

3維乃至4維5維的視覺在數(shù)據(jù)可視化層面有著天然的優(yōu)勢，可以幫助用戶更快速的理解數(shù)據(jù)維度所表達(dá)的核心價(jià)值。近年來網(wǎng)速等硬件設(shè)施的升級也為3D化視覺帶來可落地的基礎(chǔ)，設(shè)計(jì)師也嘗試在產(chǎn)品設(shè)計(jì)中融入更多的3D化元素。

除此之外，據(jù)頁面埋點(diǎn)數(shù)據(jù)顯示，可交互的數(shù)據(jù)圖表，能極大提升數(shù)據(jù)頁面的留存時(shí)間，也更有助于用戶對數(shù)據(jù)信息的掌握。

對于一些BI類的產(chǎn)品，也可以考慮基于具體的業(yè)務(wù)場景，廣泛使用表現(xiàn)形式更為具體的數(shù)據(jù)圖表，不應(yīng)受限于一些傳統(tǒng)的柱狀圖、餅狀圖、折線圖等。具體可以參考一些開源Datav組件庫。

二、運(yùn)營篇

1. 形象同質(zhì)化？善用產(chǎn)品亮點(diǎn)維護(hù)產(chǎn)品辨識度

一個(gè)產(chǎn)品的品牌包括什么，或許對于設(shè)計(jì)師來說已經(jīng)超綱了，但是對于急需將產(chǎn)品推向市場的產(chǎn)品團(tuán)隊(duì)來說卻是不容忽視的問題。

說到這里可能又會有人說到B端品牌不重要，沒錯(cuò)，早期B端確實(shí)沒有什么品牌的概念，一個(gè)蘿卜一個(gè)坑，一個(gè)行業(yè)中同類產(chǎn)品寥寥無幾，有一個(gè)名字就足夠被了解。

可我們上文提到一個(gè)現(xiàn)象，“B端的內(nèi)卷”在互聯(lián)網(wǎng)爆炸信息的今天 如果產(chǎn)品沒有足夠的辨識度，可能在對比產(chǎn)品時(shí)就會被人遺忘，而如何在市場增量有限的情況下把握住現(xiàn)有的市場流量，品牌就能起到很好的作用。

對于產(chǎn)品的品牌而言，除了極具品宣特色的一些信息和工作外，我們最容易做到的就是——產(chǎn)品視覺語言的統(tǒng)一。當(dāng)產(chǎn)品業(yè)務(wù)流程打通后統(tǒng)一的視覺語言，形成產(chǎn)品調(diào)性，應(yīng)該成為打造產(chǎn)品品牌的第一步。

如何形成統(tǒng)一的視覺語言？

在我們建立B端產(chǎn)品的初期，品牌打造的需求一般是優(yōu)先級較低的。很多時(shí)候B端的產(chǎn)品因?yàn)橄到y(tǒng)龐大、邏輯復(fù)雜等因素，為了快速開發(fā)上線 降本增效，往往多使用開源組件庫進(jìn)行快速開發(fā)迭代。后期如果想要做到更具個(gè)性化的B端產(chǎn)品，統(tǒng)一的視覺語言，可以算做是第一要務(wù)了。

人們對B端產(chǎn)品的形象感知還停留在早期的陳舊視覺及體驗(yàn)上，而現(xiàn)階段很多B端產(chǎn)品也更在意界面帶給用戶的高效、愉悅、領(lǐng)先等感受，這些都是視覺語言的魅力。

并且希望通過視覺的提升，給用戶更沉浸的使用體驗(yàn)。而統(tǒng)一的視覺系統(tǒng)也更能夠使產(chǎn)品帶給使用者更強(qiáng)的精致感、品質(zhì)感，也是提升用戶信任的一種手段。

例如飛書5.0的升級，在品牌形象及視覺語言上也進(jìn)行了非常大的升級，以確保產(chǎn)品整體的一致性與產(chǎn)品的差異性。

同時(shí)，也因?yàn)锽端產(chǎn)品的特殊性，需要給用戶更多的沉浸感以提升效率，因此近年來深色模式也是很多產(chǎn)品選擇優(yōu)化的功能方向

（1）UI組件的統(tǒng)一

（這里不會和大家深入如何構(gòu)建產(chǎn)品的UI組件規(guī)范，很多前輩也在此有所建樹，若有機(jī)會接下來可以和大家進(jìn)行深入分享～）

“產(chǎn)品具有個(gè)性化UI風(fēng)格”實(shí)際上已經(jīng)是C端的常規(guī)操作，而在B端的運(yùn)用上，卻是一個(gè)成為成熟產(chǎn)品的首要目標(biāo)。原因則在于我們剛剛提到的B端產(chǎn)品大量的使用開源組件庫，導(dǎo)致同行業(yè)之間拉不開差距，這是一個(gè)優(yōu)勢也是一個(gè)劣勢…

如何從有限的范圍內(nèi)創(chuàng)造出具有個(gè)性風(fēng)格的產(chǎn)品組件呢？

這里簡要和大家分享一個(gè)思路：定義設(shè)計(jì)價(jià)值觀——確認(rèn)UI風(fēng)格——豐富組件細(xì)節(jié)

（2）建立IP或插畫系統(tǒng)，情感化設(shè)計(jì)貼合用戶喜好

近年來IP的打造是品牌建立的熱門方向，因?yàn)樵诋a(chǎn)品或服務(wù)的應(yīng)用中可以提供親切而積極的形象，IP角色也通常被用作營銷工具與傳播工具。

形象可以說是情感化載體的最佳選擇之一，幫助傳播企業(yè)服務(wù)及品牌的專業(yè)技術(shù)價(jià)值。IP的使用及傳播在一定程度上可以幫助企業(yè)建立與用戶之間的潛在聯(lián)系，搶占用戶心智，讓用戶對品牌形成更清晰的理解和認(rèn)知。

C端產(chǎn)品中的IP使用幾乎是非常常見的品牌營銷手段（如阿里動物園，其鮮明可愛的形象已經(jīng)深入用戶心中），在越來越豐富的B端市場中，也逐漸興起起來。

IP形象的設(shè)定與使用首先要符合目標(biāo)群體的用戶行為和用戶心理，貼合產(chǎn)品用戶的視角及期望，同時(shí)也體現(xiàn)產(chǎn)品的戰(zhàn)略發(fā)展方向。在另一個(gè)方面，有時(shí)整套的IP打造對B端產(chǎn)品來說有點(diǎn)投入過大，那么近年的日常運(yùn)營插畫系統(tǒng)/組件，倒也是不錯(cuò)的選擇。

a、空數(shù)據(jù)場景

線上中最常規(guī)的一個(gè)使用場景為空數(shù)據(jù)頁，在異常狀態(tài)中可以結(jié)合IP形象設(shè)計(jì)場景，減少用戶在看到空頁面時(shí)心理上的失落感。

同時(shí)我們在前文也提到，B端的空數(shù)據(jù)狀態(tài)可以通過結(jié)合業(yè)務(wù)與功能去搭建場景，幫助用戶在操作不當(dāng)或者數(shù)據(jù)匱乏的時(shí)候安撫用戶。一個(gè)好的空數(shù)據(jù)頁不僅可以告訴用戶面對的是什么，更是可以轉(zhuǎn)為積極地向用戶介紹全新的功能、鼓勵(lì)用戶去嘗試和使用。

b、營銷落地場景

日常運(yùn)營中也可以根據(jù)活動主題搭建場景融合IP形象或插畫場景，一方面可以強(qiáng)調(diào)品牌感知，另一方面可以增強(qiáng)連貫性和一致性

c、用戶角色場景

產(chǎn)品中默認(rèn)頭像也是情感化使用的比較常見的方式。默認(rèn)頭像融入IP首先可以增加整個(gè)頁面的精致感，其次可以在其他有頭像展示的場景中多次進(jìn)行品牌曝光增強(qiáng)用戶的品牌記憶并與用戶進(jìn)行更多的情感互動。

d、客服or智能助手

在客服或智能助手中使用IP形象，給用戶心理安慰，客服不再是冷冰冰的機(jī)器，而是有故事與性格的小助手。

2. 客戶觸達(dá)單一？運(yùn)營手段助力維系客戶

傳統(tǒng)的B端簽單主要靠地推和電話營銷，在互聯(lián)網(wǎng)的蓬勃發(fā)展下，SaaS產(chǎn)品可借助SEO（搜索引擎優(yōu)化）、內(nèi)容營銷、線下活動、行業(yè)論壇、展會等形式，與客戶建立聯(lián)系。

除此之外，B端決策群體的擴(kuò)大，直接接觸產(chǎn)品的使用者，有更大的機(jī)會推動簽單的決策。

而如何接觸到產(chǎn)品的使用者呢？最常見的手段則是基于產(chǎn)品的官網(wǎng)采用免費(fèi)開放注冊的方式提供體驗(yàn)產(chǎn)品的機(jī)會。

但實(shí)踐中我們經(jīng)常發(fā)現(xiàn)在這一層常常會有非常高的客戶流失率，這一定是產(chǎn)品不夠有競爭力的原因嗎？現(xiàn)狀未必如此。俗話說“酒香也怕巷子深”，再好的酒也需要“吆喝”才能被吸引，B端同樣需要營銷運(yùn)營。

這里將以會員成長體系、節(jié)日活動營銷為例，介紹C化B端的常用營銷運(yùn)營手段。

（1）會員成長體系

會員體系的核心目的在于引導(dǎo)用戶體驗(yàn)服務(wù)后，通過權(quán)益激勵(lì)的方式刺激用戶持續(xù)使用服務(wù)，從而養(yǎng)成習(xí)慣，形成產(chǎn)品粘性，最終達(dá)到產(chǎn)品持續(xù)的收益轉(zhuǎn)化。

因此這樣一種運(yùn)營手段可以說是C端實(shí)現(xiàn)用戶增長的重要利器之一，但無法從單個(gè)用戶獲取利益轉(zhuǎn)化的B端有使用的必要嗎？

答案是“有一定的必要”。為什么當(dāng)C端產(chǎn)品開拓B端時(shí)，會比B端更容易實(shí)現(xiàn)用戶增長？原因很簡單——C端的用戶粘性使其具備足夠活躍的私域流量，不僅僅可以輕而易舉的實(shí)現(xiàn)拉新更能促活，而這正是B端所缺少的。

產(chǎn)品簽單前，會員成長體系可以結(jié)合免費(fèi)試用版本（也就是常見的B端C版）形成驅(qū)使用戶產(chǎn)生產(chǎn)品粘性的手段，從而最終推動最終決策。

例如酷家樂的個(gè)人版會員成長體系，雖然大部分B端產(chǎn)品不同于酷家樂，同時(shí)承載著C端的業(yè)務(wù)，但其做法同樣值得借鑒。

當(dāng)用戶在決策前的調(diào)研階段，不僅僅只是毫無頭緒的測試點(diǎn)擊試用版，而是通過會員體系的激勵(lì)促使其一步一步的探索將更易于用戶對產(chǎn)品的正確理解。同時(shí)也簡單實(shí)現(xiàn)了非權(quán)益用戶的拉新、促活，甚至留存。

產(chǎn)品簽單后，會員成長體系可以結(jié)合不同付費(fèi)版本促進(jìn)產(chǎn)品與權(quán)益用戶的深度聯(lián)系，持續(xù)增強(qiáng)用戶粘性，提高產(chǎn)品的轉(zhuǎn)化，甚至傳播。

例如阿里的飛天會員體系，和其他B端產(chǎn)品相同的是，不同的升級服務(wù)對應(yīng)不同的付費(fèi)方式；差異之處則在于，消費(fèi)模式的多樣化，功能單價(jià)化。

權(quán)益用戶通過消費(fèi)的累積，除了可以直接獲得對應(yīng)價(jià)值的服務(wù)以外，更采取了消費(fèi)總額的階梯門檻制，達(dá)成門檻后，可以為用戶提供更多差異化的服務(wù)權(quán)益，以一種巧妙的手段推動用戶更多的轉(zhuǎn)化。

（2）節(jié)日活動運(yùn)營營銷

在產(chǎn)品用戶量逐漸遞增之后，對于用戶的運(yùn)營和增長離不開產(chǎn)品營銷，對此C端產(chǎn)品已經(jīng)有各式各樣成熟的營銷及增長手段。因此對于用戶群體更具針對性的B端產(chǎn)品，在此時(shí)期就可以嘗試選擇一些合適的C端營銷案例來助力增長。特定時(shí)期的運(yùn)營氛圍或主題活動都可以用起來了。

節(jié)日活動的營銷還得從最大的說起，那就是眾人皆知、老少皆宜的“雙十一”。今天，在雙十一發(fā)展的第十二個(gè)年頭，全民的促銷狂歡已經(jīng)成為人之常情，而B端的產(chǎn)品營銷也變的情理之中。

由此發(fā)散，其實(shí)B端的促銷也未必只有雙十一，運(yùn)營方式也未必只有價(jià)格上的促銷。

在今年的程序員節(jié)日，阿里云在其節(jié)日活動期間，推出了“云小寶A計(jì)劃”，基于游戲化的運(yùn)營活動，通過用戶裂變等的方式讓用戶參與其中，生動有趣的實(shí)現(xiàn)了拉新、促活、轉(zhuǎn)化、傳播。根據(jù)官方數(shù)據(jù)，今年同比去年1024活動，完美的翻動了10倍+的新注用戶量。

三、結(jié)語

從前經(jīng)常有人說“B端體驗(yàn)不重要”，自從“B端C化”被搬到臺面上引起各位業(yè)內(nèi)熱議，可以讓B端產(chǎn)品設(shè)計(jì)師“理直氣壯”的挖掘并設(shè)計(jì)落地更多的B端的優(yōu)質(zhì)用戶體驗(yàn)。在這過程中，除了可以像C端產(chǎn)品學(xué)習(xí)，同時(shí)也很有必要深入B端用戶群體，了解更多用戶需求，才能真正做到屬于B端的體驗(yàn)設(shè)計(jì)～

作者：NatsuYin_夏夢

本文由 @NatsuYin_夏夢 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。

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