B端產(chǎn)品易學(xué)性設(shè)計探索

4 評論 8376 瀏覽 85 收藏 16 分鐘

編輯導(dǎo)語:B端產(chǎn)品若不能讓用戶簡單學(xué)會、使用門檻高,則很容易流失用戶,而這就強(qiáng)調(diào)了B端產(chǎn)品易學(xué)性的重要程度。那么,如何滿足B端用戶使用產(chǎn)品時的易學(xué)性要求?本篇文章里,作者就B端產(chǎn)品的易學(xué)性設(shè)計做了總結(jié),一起來看一下。

一、引言

最近有設(shè)計、產(chǎn)品相關(guān)小伙伴和我探討B(tài)端產(chǎn)品的易學(xué)性設(shè)計。

  • 有些說:把產(chǎn)品的幫助手冊寫詳細(xì)就好了,就像百寶箱,用戶想找什么都可以找到。(一看,將近幾萬字)
  • 有些說:只要他們不理解,我們就加上提示文字,讓他們自己看,萬無一失。(一看,至少百來字的解釋)
  • 有些說:直接放個客服電話,用戶不懂打電話問就好,我們24小時在線呢。(不妙,客服基本忙暈)
  • 有些說:給購買產(chǎn)品的用戶一場生動的使用培訓(xùn)就好了,還能收個費。(一聽,好像挺貼心的嘛)

還有很多「妙招」,我就不一一分享了。果然,我們設(shè)計、產(chǎn)品的小伙伴還是腦洞很大的。但是,B端的易學(xué)性設(shè)計真的是這么做的嗎?還有沒有其他方法呢?

二、什么是易學(xué)性

在《GB/T 29836-2013 系統(tǒng)與軟件易用性》中,將軟件易用性繼續(xù)細(xì)化為易理解性、易學(xué)性、易操作性以及吸引性四個子特性。易學(xué)性指的是產(chǎn)品是否易于學(xué)習(xí)和理解,特別是用戶首次完成界面操作的難度。

B端產(chǎn)品并不是為初級用戶或者高級用戶中的某一類用戶使用的,而是會涉及到初級、中級、高級等各層級的用戶,要讓他們都方便地使用,快速上手。因此,我們需要思考怎么設(shè)計才能盡可能讓接觸B端產(chǎn)品的用戶都覺得好用、簡單,設(shè)置較低的準(zhǔn)入門檻,還是提供符合心智模型的習(xí)慣設(shè)計。接下來我們將進(jìn)行探討。

三、易學(xué)性在B端的重要性

對于需要POC或者SaaS化運作的B端產(chǎn)品來說,易學(xué)性非常重要。如果在POC階段,或者用戶試用階段,就讓用戶覺得學(xué)習(xí)門檻非常高,第一次操作就遇到路徑不清晰,不知從哪兒下手的情況,那么這些用戶基本上已經(jīng)流失了。

當(dāng)用戶反復(fù)使用產(chǎn)品的時候,沒有發(fā)現(xiàn)越用越順,反而用完就忘記,需要重新學(xué)習(xí),那么用戶會轉(zhuǎn)頭去尋找更合適的解決方案。

近期低碼平臺很火,可以看到那些口碑還不錯的低碼平臺,都是用戶上手非常容易的平臺,拖拖拽拽組件,綁定一下數(shù)據(jù),一個簡單的表單就出來了。而那些從技術(shù)視角出發(fā),搭建邏輯采用了技術(shù)邏輯的代碼,對于大部分用戶來說,門檻還是略高。

易學(xué)性可以激活用戶(試用到付費)、可以加深用戶粘性(初次購買到復(fù)購)、推薦給有同樣需求的用戶(分享與推薦)。產(chǎn)品給用戶較高的易學(xué)性可以讓用戶感受到自信,會促使用戶更加愿意使用該產(chǎn)品。

一句話:易學(xué)性不足的B端產(chǎn)品,基本不會有人第二次訪問了。

四、B端用戶要的易學(xué)性是什么

對于B端用戶來說,B端產(chǎn)品易學(xué)性就是他們?nèi)菀讓W(xué)習(xí)、上手與使用。那如何達(dá)到用戶容易學(xué)習(xí)、上手與使用呢?我總結(jié)了以下幾點,我們一起來看看吧~

1. 信息容易理解

信息容易理解是指界面術(shù)語盡量保證可以被新手、高級者等不同層次的用戶均可理解,但有些場景下確實很難做到,例如金融行業(yè)有特定的相關(guān)術(shù)語,F(xiàn)ISP投管產(chǎn)品、空頭保證金比例、回購利率、實際利率,已經(jīng)沒有辦法在簡化,簡化后反而出問題了。

這種情況下,我們需要對行業(yè)使用者有所了解。例如,明確初次接觸該產(chǎn)品的用戶一般都達(dá)到了什么水平,由于此類B端產(chǎn)品都是在特定領(lǐng)域使用的,使用者基本都已經(jīng)獲取了相關(guān)基礎(chǔ)知識,那么有些術(shù)語已無需解釋,但有些術(shù)語初學(xué)者是沒有接觸過的,會通過使用該產(chǎn)品而獲得,這些術(shù)語就需要被顯性化解釋。

想要信息容易被理解,有如下方法(但不僅限于以下)。

1)表述簡化

如下為某項目管理平臺,我們可以在某個任務(wù)下看到該任務(wù)被操作的日志,但原來的操作任務(wù)日志表述太繁瑣,不聚焦行為本身,不利于用戶閱讀與理解。因此我們優(yōu)化了表述,讓用戶更容易學(xué)習(xí)與理解。

B端產(chǎn)品易學(xué)性設(shè)計探索

2)文字提示

如下為某項目管理平臺,用戶經(jīng)常對“是否需要設(shè)計”的進(jìn)一步情況不明確,因此設(shè)計師進(jìn)行了文字提示設(shè)計,來協(xié)助用戶理解與引導(dǎo)用戶操作。

B端產(chǎn)品易學(xué)性設(shè)計探索

3)描述清晰

如下為某項目管理平臺,如果需求創(chuàng)建失敗,報錯信息會對信息進(jìn)行明確清晰的描述,讓用戶可以迅速定位錯誤原因。

B端產(chǎn)品易學(xué)性設(shè)計探索

2. 引導(dǎo)清晰合理

引導(dǎo)清晰合理是指在用戶初次使用產(chǎn)品或產(chǎn)品有新功能上線時,通過新手引導(dǎo)讓用戶快速了解和使用產(chǎn)品,幫助用戶簡單容易的學(xué)習(xí)。B端產(chǎn)品邏輯復(fù)雜、功能繁多,若是能提供清晰的引導(dǎo),對于用戶來說真的很貼心。并且引導(dǎo)方式多樣,可以是視頻、可以是文字、可以是語音。

想要引導(dǎo)清晰合理,有如下方法(但不僅限于以下)。

1)新手引導(dǎo)

如下為某項目管理平臺,核心的使用者是開發(fā)工程師,因此我們加入了新手指引設(shè)計,幫助初次登錄使用效能的用戶快速知道來這個平臺要做哪些事情、步驟怎么樣的。采用漸進(jìn)步驟式呈現(xiàn),防止用戶因信息負(fù)載而出現(xiàn)認(rèn)知超負(fù)荷。

B端產(chǎn)品易學(xué)性設(shè)計探索

2)視頻引導(dǎo)

如下為某項目管理平臺,在該產(chǎn)品中,由于加入了設(shè)計師這一新的角色,而設(shè)計師以前沒有使用該平臺經(jīng)驗的,我們制作了視頻,清晰地告知設(shè)計師可以如何快速上手相關(guān)功能,降低他們的使用緊張感。

當(dāng)人們要開始使用一個從來不曾接觸過的產(chǎn)品時,總會沒那么自信,害怕自己不會。視頻引導(dǎo)可以有效減輕心理負(fù)擔(dān)。

B端產(chǎn)品易學(xué)性設(shè)計探索

3)導(dǎo)航清晰

如下為某項目管理平臺,我們對產(chǎn)品導(dǎo)航菜單以類別方式進(jìn)行了梳理,例如項目管理菜單下匯集了項目管理有關(guān)的菜單(需求、任務(wù)、迭代等),保證開發(fā)工程師直接可以找到,明確在該范圍操作就可以完成日常工作。

B端產(chǎn)品易學(xué)性設(shè)計探索

3. 排版整齊合理

排版整齊合理主要是指B端產(chǎn)品界面設(shè)計需要有層次、重點突出,這樣對于用戶來說,能快速發(fā)現(xiàn)重點,引導(dǎo)用戶操作,保證用戶高效完成任務(wù)。假如所有信息都是平鋪的,對于用戶來說會直接迷失在界面上,無從下手。

想要排版整齊合理,有如下方法(但不僅限于以下)。

1)重點突出

如下為某項目管理平臺,我們將創(chuàng)建需求時的必填信息做了重點突出(左側(cè)面板字段),包括必填項圖標(biāo)設(shè)計、字段放在主視覺區(qū)域、字段文字加粗加大。其余不重要的信息(右側(cè)面板字段),做了弱化處理。

B端產(chǎn)品易學(xué)性設(shè)計探索

2)信息有層次

在某項目管理平臺儀表盤頁面,我們會分析數(shù)據(jù)的對于用戶來說的層次關(guān)系,對于重要的數(shù)據(jù),我們會前置,放在左上角;低頻需求的信息,放在了非首屏,偏下方位置。

3)信息分類

如下為某項目管理平臺,我們對需求的詳情信息進(jìn)行了分類歸納設(shè)計(字段做了替代處理),降低用戶的理解與學(xué)習(xí)成本。

B端產(chǎn)品易學(xué)性設(shè)計探索

4. 反饋合理友好

反饋合理友好是指用戶在輸入過程中系統(tǒng)能及時校驗并反饋提示。例如應(yīng)對系統(tǒng)及頁面元素增減、頁面間變化進(jìn)行提示;應(yīng)對用戶的任務(wù)進(jìn)度進(jìn)行提示;用戶操作錯誤及時反饋與糾正。這可以減輕用戶的記憶負(fù)擔(dān),更快上手B端產(chǎn)品,能做的系統(tǒng)都幫用戶想到了。

想要反饋合理友好,有如下方法(但不僅限于以下)。

1)原因反饋

如下為某項目管理平臺,用戶創(chuàng)建了一個需求后,若想建立相關(guān)任務(wù),則需要對迭代字段進(jìn)行填充內(nèi)容。

因此,我們對“創(chuàng)建任務(wù)”進(jìn)行了進(jìn)一步的設(shè)計,當(dāng)用戶點擊創(chuàng)建任務(wù),則會提示其先建立迭代,并告知為什么。當(dāng)用戶知其然并知其所以然,會讓用戶的印象更深刻,學(xué)習(xí)成本降低。

B端產(chǎn)品易學(xué)性設(shè)計探索

2)進(jìn)度提示

如下為某項目管理平臺,只有創(chuàng)建了項目或者加入了項目才可以對內(nèi)部的功能進(jìn)行使用,無項目就無使用權(quán)。當(dāng)用戶申請加入項目時,會想要知道流程到了哪一步,因此我們設(shè)計了相應(yīng)的進(jìn)度反饋看板給到用戶。

B端產(chǎn)品易學(xué)性設(shè)計探索

5. 符合用戶心智

符合用戶心智是指我們在設(shè)計B端產(chǎn)品界面時,盡量保留用戶習(xí)慣,不要為了創(chuàng)新而導(dǎo)致用戶使用產(chǎn)品時一臉懵狀態(tài)。之前團(tuán)隊有一些交互設(shè)計師,總喜歡使用一些交互效果復(fù)雜的設(shè)計,導(dǎo)致在原型評審階段就沒通過,客戶覺得過于花哨,不僅增加了學(xué)習(xí)成本,不容易學(xué)習(xí),同時影響了用戶的任務(wù)效率。

想要符合用戶心智,有如下方法(但不僅限于以下)。

1)環(huán)境貼切

從現(xiàn)實生活中去尋找界面設(shè)計上對標(biāo)的具體物體,可以顯著降低用戶操作界面的認(rèn)知成本和學(xué)習(xí)困難。在繪制icon的時候,建議參考現(xiàn)實中的形態(tài),從而使用戶能夠快速地理解。

如下為某項目管理平臺,平臺需要使用圖標(biāo)的地方非常多,我們采用了環(huán)境貼切的設(shè)計模式來設(shè)計。

B端產(chǎn)品易學(xué)性設(shè)計探索

2)一致性

一致性是體驗設(shè)計中最重要的原則之一,對于用戶而言,體驗一致性的提高可以降低用戶的操作時長及錯誤率,降低學(xué)習(xí)成本,提升用戶的滿意度。

如下為某項目管理平臺,我們在結(jié)構(gòu)、字體、色彩、操作等方面都考慮到了一致性。如下是輸出的色彩一致性案例。

B端產(chǎn)品易學(xué)性設(shè)計探索

3)依據(jù)日常

我們通常在畫時間軸的時候,會把歷史畫在左邊,未來畫在右邊。對于B端界面的「返回」操作來說,當(dāng)下頁面是現(xiàn)在,要返回去的頁面是歷史,因此把返回按鈕置于頁面頂部的左側(cè),并且箭頭朝左,符合用戶認(rèn)知。

如下為某項目管理平臺,我們就采用了此種設(shè)計方式。

B端產(chǎn)品易學(xué)性設(shè)計探索

五、總結(jié)

易學(xué)性對于邏輯復(fù)雜、功能與流程巨多的B端產(chǎn)品來說非常重要,沒有易學(xué)性,就沒有后續(xù)的一切了。就好比閱讀一本書,如果不能讓讀者初次閱讀的時候覺得淺顯易懂,讀者怎么會有繼續(xù)閱讀下去的欲望與動力呢?

但項目時間總是緊張的,如果在研發(fā)時間有限的情況下,我們可以針對核心流程進(jìn)行易學(xué)性提升。針對用戶使用頻次高的模塊,進(jìn)行易學(xué)性規(guī)劃設(shè)計與評測。

#專欄作家#

知果,公眾號:知果日記,人人都是產(chǎn)品經(jīng)理專欄作家。浙江工商大學(xué)品牌設(shè)計專業(yè)碩士,《B端思維-產(chǎn)品經(jīng)理的自我修煉》作者。在產(chǎn)品設(shè)計流程、產(chǎn)品設(shè)計原則、產(chǎn)品設(shè)計方法、產(chǎn)品設(shè)計規(guī)范方面均有豐富經(jīng)驗

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載

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

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. G端的很多產(chǎn)品表現(xiàn)形式單一,還有很多系統(tǒng)居然需要項目經(jīng)理去教,易學(xué)性基本為0

    來自江蘇 回復(fù)
    1. 是的,b端很多研發(fā)直接開發(fā),他們和我說,這樣子快呀

      回復(fù)
  2. 產(chǎn)品給用戶較高的易學(xué)性可以讓用戶感受到自信,會促使用戶更加愿意使用該產(chǎn)品。

    來自廣東 回復(fù)
    1. 嗯嗯,對的

      回復(fù)