2020-11-14 ui設(shè)計分享達(dá)人
對于產(chǎn)品設(shè)計師來說,在日常工作中做的產(chǎn)品類型主要是兩種:一是B端項(xiàng)目,另一種是C端項(xiàng)目。近些年來,互聯(lián)網(wǎng)進(jìn)入下半場,C端用戶增長觸及天花板,流量的紅利逐漸消退。很多企業(yè)的業(yè)務(wù)由C端轉(zhuǎn)向了B端。
隨著企業(yè)業(yè)務(wù)的轉(zhuǎn)變,作為設(shè)計師的我們,也必須跟上步伐,快速做好角色的轉(zhuǎn)換。當(dāng)然,想從C端設(shè)計快速切換到B端設(shè)計,或是從B端設(shè)計快速切換到C端設(shè)計并非易事。因?yàn)镃端和B端產(chǎn)品設(shè)計存在較大的反差。其商業(yè)屬性、產(chǎn)品定位、目標(biāo)用戶、設(shè)計表達(dá)、業(yè)務(wù)流程等都會有很大的不同。那么今天這篇文章,我們就一起來聊聊B端和C端產(chǎn)品設(shè)計的差異性。
直接進(jìn)入正題,本文將從目標(biāo)用戶、使用場景、產(chǎn)品需求、產(chǎn)品本質(zhì)及特性、產(chǎn)品設(shè)計思維、設(shè)計原則等幾個方面進(jìn)行具體對比。
01目標(biāo)用戶
C端:
C端釋義為:Consumer,意為消費(fèi)者、個人用戶或終端用戶,使用的是客戶端。C端產(chǎn)品往往是直接對接一般消費(fèi)者,直接為廣大消費(fèi)者和用戶提供產(chǎn)品或服務(wù)。例如:微信、微博、抖音等等。
B端:
B端釋義為:Business,意為企業(yè)用戶或商業(yè)用戶。B端產(chǎn)品往往是為針對這類用戶開發(fā)的系統(tǒng)型軟件、工具或平臺。例如:CRM 系統(tǒng)、 ERP 系統(tǒng)、OA系統(tǒng)、SAAS等等。
02使用場景
C端:
它會存在于我們生活中的各種場景,而且自由度非常高,當(dāng)然也包含工作場景,比如周末在家無聊刷刷微博了解下國際大事、晚上睡前打開蝦米聽聽歌、在工作間隙打開某團(tuán)點(diǎn)個外賣等等,因此,C端產(chǎn)品的用戶大部分使用場景是碎片化的。
B端:
B端產(chǎn)品更多的是在企業(yè)版內(nèi)部使用,更多的是為了滿足企業(yè)相關(guān)用戶在“工作場景”下完成協(xié)同工作的一些特定組織需求。
03產(chǎn)品需求
C端:
想很好的挖掘C端產(chǎn)品需求,這要求我們做更細(xì)致的用戶畫像,比如:用戶的性別、年齡、職業(yè)、文化程度、收入水平、個人喜好等都會影響到功能設(shè)計。然后通過用戶畫像、同理心等方法對用戶的行為進(jìn)行詳細(xì)分析,以發(fā)掘用戶具體需求。
B端:
B端產(chǎn)品一般是基于現(xiàn)有的“業(yè)務(wù)”形態(tài),將傳統(tǒng)線下工作,通過程序化、系統(tǒng)化、信息化轉(zhuǎn)換為線上產(chǎn)品,從而提升企業(yè)協(xié)同效率,降低辦公成本。需求一般來源于產(chǎn)品戰(zhàn)略定位、使用者個性需求等。
04產(chǎn)品本質(zhì)及特性
C端:
C端產(chǎn)品的本質(zhì)基本都是一個核心功能,例如:社交類app的核心功能就是好友快速溝通;電商類app的核心功能就是購物;視頻類app的核心功能就是看視頻。在核心功能之外的都是一些“增值功能”,比如評論,點(diǎn)贊,分享等。如果除去這些附加功能,雖然會影響用戶體驗(yàn),但并不會妨礙核心功能的使用。
其產(chǎn)品特性可簡單總結(jié)為一個詞-分享。在使用C端產(chǎn)品時,用戶都希望自己的“行為”能夠得到其他用戶的認(rèn)可。比如:對自己分享的內(nèi)容進(jìn)行評論、分享、打賞等。
B端:
B端產(chǎn)品的本質(zhì)是滿足用戶的工作需要,而公司內(nèi)大部分工作,我們幾乎是無法獨(dú)立完成的。這意味著我們需要和其他同事協(xié)同去完成一個任務(wù)的閉環(huán)。因此,B端產(chǎn)品的業(yè)務(wù)邏輯會相對更加復(fù)雜。
B端產(chǎn)品的特性也非常明確——即“協(xié)同工作”。處于信息化時代的企業(yè)中,幾乎已沒有可以單獨(dú)完成而不需要協(xié)同的工作了。
05產(chǎn)品設(shè)計思維
C端:
在上面我們已經(jīng)提到過,C端產(chǎn)品的本質(zhì)基本都是一個核心功能。因此,在設(shè)計前期,作為設(shè)計師的我們必須對產(chǎn)品進(jìn)行全方面的考慮。到底那一個功能是我們產(chǎn)品的核心?哪些功能只是錦上添花?
此外,目前市場上C端產(chǎn)品同質(zhì)化異常嚴(yán)重。想要產(chǎn)品獨(dú)具一格,就必須突出特色,堅持自身的品牌亮點(diǎn),才能讓用戶快速記住這個產(chǎn)品或者品牌。
B端:
B端產(chǎn)品的本質(zhì)則是滿足用戶的工作需要,協(xié)同工作。對于企業(yè)來說,更多關(guān)注的是工作效率和成本。這也是B端產(chǎn)品最終的解決問題方向:如何提升企業(yè)的運(yùn)營效率。因此,在設(shè)計過程中,我們需要不斷的去優(yōu)化產(chǎn)品流程、調(diào)整策略等。
06設(shè)計原則
C端:
在設(shè)計過程中,除了要抓住核心功能外,還需要給產(chǎn)品增加趣味性和創(chuàng)意性。趣味性,也就是要給用戶帶來積極的正面情緒,如:能使用戶感到心情愉悅,感染人,打動人,引起用戶心靈共鳴等;創(chuàng)意性,也就是要做出與同類產(chǎn)品不一樣的東西,而這些新東西又是解決了用戶某些痛點(diǎn)的。當(dāng)然,做這些最終的目的是為了提升流量、留存率及轉(zhuǎn)化率。
B端:
B端產(chǎn)品的需求往往是要解決一個企業(yè)中不同角色(普通成員,管理員、超級管理員等)之間的協(xié)助關(guān)系,在設(shè)計過程中一般需遵循如下設(shè)計原則:合理的功能與模塊劃分、嚴(yán)謹(jǐn)?shù)臉I(yè)務(wù)流程設(shè)計、干凈簡潔的界面設(shè)計等。
在這里,筆者整理了幾個優(yōu)秀的B端產(chǎn)品設(shè)計案例,供讀者參考。
登錄界面設(shè)計
C端:
B端:
都是登錄頁面,差別卻是如此之大。站酷面向的C端用戶,賬號登錄支持手機(jī)號、郵箱以及第三方(微信、微博、QQ)方式。對于用戶來說,選擇非常多,可以說是非常人性化,大大提升了用戶體驗(yàn)。
而網(wǎng)易郵箱面向的B端企業(yè)客戶,賬號登錄僅支持郵箱登錄一種方式,且用戶登錄時還得首先確認(rèn)自己的身份是普通用戶還是管理員。這也說明,在設(shè)計B端產(chǎn)品時,得充分考慮不同角色的權(quán)限問題。
導(dǎo)航欄設(shè)計
C端:
B端:
導(dǎo)航欄的設(shè)計布局有很多方式,面向C端用戶的站酷使用了頂部導(dǎo)航的模式,這也是最常見的主導(dǎo)航模式。二級導(dǎo)航聚合在下拉菜單里面,鼠標(biāo)hover出現(xiàn)。這種導(dǎo)航方式非常直觀,訪客可以快速的定位自己感興趣的模塊,另外,可以很好的展示內(nèi)容區(qū)域,對于訪客來說,非常友好。
面向B端用戶的愛客CRM系統(tǒng)使用的是側(cè)邊欄導(dǎo)航,使得導(dǎo)航展示更加清晰,頁面之間的切換也非常方便。這種布局方式一般用于管理后臺偏多,與B端產(chǎn)品業(yè)務(wù)復(fù)雜性密不可分的。
B端產(chǎn)品原型實(shí)例
當(dāng)我們明確了具體的需求后,就可以動手制作可交互原型了,這樣可以很好表達(dá)出整體邏輯,讓客戶直觀的看到功能和效果,獲得較真實(shí)的感受,并在不斷討論的基礎(chǔ)上完善未來的設(shè)計思想。接下來,一起來看看我用Mockplus做的B端產(chǎn)品原型效果:
原型演示地址:https://run.mockplus.cn/4oEh4pCz7K9GRtlS/index.html
文末福利
最后,我為大家準(zhǔn)備了一份小福利。
產(chǎn)品團(tuán)隊(duì)的溝通離不開原型,今天為大家推薦的原型設(shè)計工具M(jìn)ockplus,更快更簡單,5分鐘制作一個交互原型頁面。支持團(tuán)隊(duì)協(xié)作和在線審閱。
點(diǎn)擊下方鏈接可以免費(fèi)領(lǐng)取Mockplus的個人版15天,數(shù)量有限,先到先得。
領(lǐng)取地址:https://www.mockplus.cn/home/promote
小結(jié):
雖然C端和B端產(chǎn)品在目標(biāo)用戶、使用場景、產(chǎn)品需求、產(chǎn)品本質(zhì)及特性、產(chǎn)品設(shè)計思維、設(shè)計原則上都有所差異,但是C端和B端產(chǎn)品也有很多共同點(diǎn),如:都要求產(chǎn)品簡單實(shí)用和有效準(zhǔn)確,都是為了更好的滿足用戶的需求,解決用戶的痛點(diǎn)等。如果能做好以上這些關(guān)鍵點(diǎn),無論是做C端還是B端,都會是非常優(yōu)秀的產(chǎn)品。
轉(zhuǎn)自:ui
藍(lán)藍(lán)設(shè)計的小編 http://m.sillybuy.com