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

2022-6-13    博博

眾所周知,無論是在用戶群體、產(chǎn)品定位,還是使用場景等方面,B 端產(chǎn)品與 C 端產(chǎn)品都有比較明顯的差異。但是兩者的基本設(shè)計(jì)理念是趨同的,例如提高效率、降低學(xué)習(xí)成本等等。

不過 C 端產(chǎn)品更加注重運(yùn)營,所以設(shè)計(jì)師不單單要考慮設(shè)計(jì)側(cè)的用戶體驗(yàn),還要顧及商業(yè)目標(biāo)的達(dá)成。B 端產(chǎn)品重點(diǎn)在于提升用戶效率,這本身就是體驗(yàn)?zāi)繕?biāo)之一,因此 B 端產(chǎn)品的設(shè)計(jì)策略更加純粹。

兩者在具體的設(shè)計(jì)表現(xiàn)上還是存在一定的差異性。今天我們就來總結(jié)一下,主要包括 3 個(gè)方面:

  1. 內(nèi)容的差異化
  2. 交互形式的差異化
  3. 展現(xiàn)形式的差異化


內(nèi)容的差異化


1. 圖文結(jié)合 VS 數(shù)據(jù)表格

C 端產(chǎn)品重運(yùn)營,通過流量的轉(zhuǎn)化獲得收益。B 端產(chǎn)品重功能,通過功能定制向客戶收費(fèi)。

C 端產(chǎn)品想要達(dá)到商業(yè)目標(biāo),獲得充足的流量,必然要內(nèi)容化。內(nèi)容想要吸引用戶就必須要足夠豐富,所以 C 端產(chǎn)品基本是用圖說話,而短視頻和直播的興起,進(jìn)一步增強(qiáng)了對(duì)用戶不同層次的感官刺激??傊?C 端產(chǎn)品需要讓用戶看得爽、玩得爽、逛得爽,不知不覺的沉浸在其中,并逐漸產(chǎn)生依賴感。

從3個(gè)方面,詳細(xì)分析B端和C端的差異化

B 端產(chǎn)品聚焦功能,更強(qiáng)調(diào)幫助用戶解決問題,特別是中后臺(tái)的管理系統(tǒng),主要是幫助用戶完成數(shù)據(jù)監(jiān)控、統(tǒng)計(jì)和查詢。因此頁面中充斥著大量的圖表、表格和數(shù)據(jù)信息。

從3個(gè)方面,詳細(xì)分析B端和C端的差異化

內(nèi)容的差異也帶來了體驗(yàn)方面的差異。圖片相對(duì)數(shù)據(jù)或者文字更加直觀感性、富有親和力,更容易引發(fā)用戶的閱讀興趣,精美的圖片更容易引導(dǎo)用戶建立對(duì)內(nèi)容的好感。

而 B 端產(chǎn)品則是客觀反映數(shù)據(jù)信息內(nèi)容,相對(duì)更加理性,不會(huì)帶有太多的情感體驗(yàn)。

2. 個(gè)性化與標(biāo)準(zhǔn)化

C 端產(chǎn)品服務(wù)于個(gè)人,更加注重用戶的個(gè)性化體驗(yàn),例如千人千面推薦機(jī)制,定制化的興趣范圍設(shè)定等等,希望能夠通過精準(zhǔn)的內(nèi)容推薦,獲得用戶、留住用戶。

C 端產(chǎn)品功能服務(wù)于整體的商業(yè)目標(biāo),今天主推 A 功能用來拉新,明天可能就強(qiáng)調(diào) B 功能的運(yùn)營活動(dòng)。另外版本迭代也比較快,功能玩法變化較為頻繁,內(nèi)容也會(huì)做出相應(yīng)的變化。例如天貓最近首頁也在不斷變化。

從3個(gè)方面,詳細(xì)分析B端和C端的差異化

B 端產(chǎn)品服務(wù)于組織,每個(gè)用戶不再是單獨(dú)的個(gè)體,而是組織中的角色,更強(qiáng)調(diào)業(yè)務(wù)流程和組織協(xié)同,因此需要建立標(biāo)準(zhǔn)化的流程,或者相對(duì)有限的個(gè)性化。另外復(fù)雜和高門檻的業(yè)務(wù)內(nèi)容,更加強(qiáng)調(diào)設(shè)計(jì)的一致性,從而減少用戶的學(xué)習(xí)成本。

同時(shí) B 端產(chǎn)品的信息架構(gòu)、業(yè)務(wù)流程一旦確定了,不會(huì)輕易改變。避免打破用戶已經(jīng)形成的認(rèn)知和行為習(xí)慣,對(duì)用戶的使用造成不便。


交互形式差異化


C 端更強(qiáng)調(diào)便捷性,希望可以隨時(shí)隨地觸達(dá)用戶,更多的是移動(dòng)端產(chǎn)品。B 端產(chǎn)品以工作辦公為主,更多的應(yīng)用在 PC 領(lǐng)域。因此兩者在交互形式上有很大的區(qū)別。

1. C 端:全面體驗(yàn)、兼顧商業(yè)

C 端產(chǎn)品在保證用戶體驗(yàn)的同時(shí),更講求商業(yè)價(jià)值。交互體驗(yàn)上我個(gè)人覺得主要講求少操作、短路徑、沉浸式。

特別是電商平臺(tái),例如淘寶,雖然首頁中增加了各種頻道入口和商品分類,但是并不希望用戶按部就班,逐級(jí)操作。因?yàn)橛脩粜袨槁窂皆介L,造成的用戶流失也就越大。搜索功能被放置在頁面頭部位置,頁面滾動(dòng)時(shí)也常駐在頂部,方便用戶快速查找產(chǎn)品。

同時(shí)運(yùn)營活動(dòng)會(huì)通過彈窗、浮窗、懸浮按鈕,前置廣告資源位等形式增加曝光,縮短用戶的操作路徑,實(shí)現(xiàn)內(nèi)容的快速直達(dá)。而為了增加內(nèi)容對(duì)用戶的吸引力,讓用戶沉浸其中,淘寶、拼多多等都專門打造了專屬頻道,主打短視頻和圖文。

2. B 端:業(yè)務(wù)為主,效率至上

B 端產(chǎn)品最主要的價(jià)值在于優(yōu)化業(yè)務(wù)流程,提升用戶操作效率。

除了常見的基礎(chǔ)交互形式,在細(xì)節(jié)設(shè)計(jì)上也越來越 C 端化了。通過監(jiān)測用戶行為,或者信息內(nèi)容實(shí)現(xiàn)智能提醒。例如飛書文檔在用戶首次使用場景下刪除內(nèi)容時(shí),會(huì)主動(dòng)提示快捷鍵功能,幫助用戶了解學(xué)習(xí)相關(guān)功能。

從3個(gè)方面,詳細(xì)分析B端和C端的差異化

而公眾號(hào)壹伴插件會(huì)檢測文章中的關(guān)鍵字,文章中出現(xiàn)“原文鏈接”時(shí),而用戶未進(jìn)行選項(xiàng)設(shè)置時(shí),會(huì)主動(dòng)提示相關(guān)信息,避免用戶遺忘。

從3個(gè)方面,詳細(xì)分析B端和C端的差異化

另外在 B 端產(chǎn)品中信息架構(gòu)非常重要,用戶主要是依據(jù)導(dǎo)航菜單按圖索驥,首先定位到功能頁面,再次查找相應(yīng)表格,最終定位自己所需的內(nèi)容。所以信息層級(jí)的優(yōu)化,可以較好的減少用戶的操作成本和記憶成本。


視覺表現(xiàn)的差異化


視覺設(shè)計(jì)層面,C 端產(chǎn)品的要求遠(yuǎn)高于 B 端產(chǎn)品。

1. C 端:場景化、豐富性

C 端視覺設(shè)計(jì)師要求越來越高,基礎(chǔ)的設(shè)計(jì)技能不用說了,動(dòng)效、C4D 建模都逐漸成為了設(shè)計(jì)師的必備技能。界面風(fēng)格也是多種多樣,酸性風(fēng)格、賽博朋克等等,希望能夠通過提高界面設(shè)計(jì)的豐富性,增強(qiáng)頁面氛圍,保證對(duì)用戶足夠的吸引力,例如大促會(huì)場頁面的頭圖設(shè)計(jì)。

從3個(gè)方面,詳細(xì)分析B端和C端的差異化

2. B 端:簡潔化、統(tǒng)一性

作為工具型產(chǎn)品,幫助用戶提高工作效率是 B 端產(chǎn)品設(shè)計(jì)的核心價(jià)值。因此 B 端產(chǎn)品中視覺元素強(qiáng)調(diào)簡潔高效,除了色彩相對(duì)豐富的圖表外,主體風(fēng)格基本是灰白色調(diào),再加點(diǎn)主題色點(diǎn)綴基本就可以了,過多的顏色和背景信息反而會(huì)影響核心內(nèi)容的瀏覽。

從3個(gè)方面,詳細(xì)分析B端和C端的差異化


寫在最后


雖然在設(shè)計(jì)理念上,C 端和 B 端產(chǎn)品具有一定的相似性。但是受到各種因素的影響,有時(shí)候 B 端的產(chǎn)品經(jīng)理對(duì)用戶體驗(yàn)重視不足,更多強(qiáng)調(diào)產(chǎn)品功能的強(qiáng)大,考慮如何實(shí)現(xiàn)產(chǎn)品功能,很少考慮用戶是否真正的需要此功能,以及在使用過程中的操作體驗(yàn)。

所以 B 端交互設(shè)計(jì)師需要在業(yè)務(wù)分析基礎(chǔ)上,積極尋找產(chǎn)品設(shè)計(jì)中的體驗(yàn)突破口,不斷提升產(chǎn)品的用戶體驗(yàn)。

作者:子牧先生

轉(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ì)www.bouu.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è)人資料

存檔