引言

最近有設計、產品相關小伙伴和我探討 B 端產品的易學性設計。

有些說：把產品的幫助手冊寫詳細就好了，就像百寶箱，用戶想找什么都可以找到。（一看，將近幾萬字）

有些說：只要他們不理解，我們就加上提示文字，讓他們自己看，萬無一失。（一看，至少百來字的解釋）

有些說：直接放個客服電話，用戶不懂打電話問就好，我們 24 小時在線呢。（不妙，客服基本忙暈）

有些說：給購買產品的用戶一場生動的使用培訓就好了，還能收個費。（一聽，好像挺貼心的嘛）

還有很多「妙招」，我就不一一分享了。果然，我們設計、產品的小伙伴還是腦洞很大的。但是，B 端的易學性設計真的是這么做的嗎？還有沒有其他方法呢？

什么是易學性

在《GB/T 29836-2013 系統與軟件易用性》中，將軟件易用性繼續細化為易理解性、易學性、易操作性以及吸引性四個子特性。易學性指的是產品是否易于學習和理解，特別是用戶首次完成界面操作的難度。

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

易學性在 B 端的重要性

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

當用戶反復使用產品的時候，沒有發現越用越順，反而用完就忘記，需要重新學習，那么用戶會轉頭去尋找更合適的解決方案。

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

易學性可以激活用戶（試用到付費）、可以加深用戶粘性（初次購買到復購）、推薦給有同樣需求的用戶（分享與推薦）。產品給用戶較高的易學性可以讓用戶感受到自信，會促使用戶更加愿意使用該產品。

一句話：易學性不足的 B 端產品，基本不會有人第二次訪問了。

B 端用戶要的易學性是什么

對于 B 端用戶來說，B 端產品易學性就是他們容易學習、上手與使用。那如何達到用戶容易學習、上手與使用呢？我總結了以下幾點，我們一起來看看吧~

1. 信息容易理解

信息容易理解是指界面術語盡量保證可以被新手、高級者等不同層次的用戶均可理解，但有些場景下確實很難做到，例如金融行業有特定的相關術語，FISP 投管產品、空頭保證金比例、回購利率、實際利率，已經沒有辦法再簡化，簡化后反而出問題了。

這種情況下，我們需要對行業使用者有所了解。例如，明確初次接觸該產品的用戶一般都達到了什么水平，由于此類 B 端產品都是在特定領域使用的，使用者基本都已經獲取了相關基礎知識，那么有些術語已無需解釋，但有些術語初學者是沒有接觸過的，會通過使用該產品而獲得，這些術語就需要被顯性化解釋。

想要信息容易被理解，有如下方法（但不僅限于以下）：

表述簡化

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

文字提示

如下為某項目管理平臺，用戶經常對“是否需要設計”的進一步情況不明確，因此設計師進行了文字提示設計，來協助用戶理解與引導用戶操作。

描述清晰

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

2. 引導清晰合理

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

想要引導清晰合理，有如下方法（但不僅限于以下）：

新手引導

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

視頻引導

如下為某項目管理平臺，在該產品中，由于加入了設計師這一新的角色，而設計師以前沒有使用該平臺經驗的，我們制作了視頻，清晰的告知設計師可以如何快速上手相關功能，降低他們的使用緊張感。當人們要開始使用一個從來不曾接觸過的產品時，總會沒那么自信，害怕自己不會。視頻引導可以有效減輕心理負擔。

導航清晰

如下為某項目管理平臺，我們對產品導航菜單以類別方式進行了梳理，例如項目管理菜單下匯集了項目管理有關的菜單（需求、任務、迭代等），保證開發工程師直接可以找到，明確在該范圍操作就可以完成日常工作。

3. 排版整齊合理

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

想要排版整齊合理，有如下方法（但不僅限于以下）：

重點突出

如下為某項目管理平臺，我們將創建需求時的必填信息做了重點突出（左側面板字段），包括必填項圖標設計、字段放在主視覺區域、字段文字加粗加大。其余不重要的信息（右側面板字段），做了弱化處理。

信息有層次

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

信息分類

如下為某項目管理平臺，我們對需求的詳情信息進行了分類歸納設計（字段做了替代處理），降低用戶的理解與學習成本。

4. 反饋合理友好

反饋合理友好是指用戶在輸入過程中系統能及時校驗并反饋提示。例如應對系統及頁面元素增減、頁面間變化進行提示；應對用戶的任務進度進行提示；用戶操作錯誤及時反饋與糾正。這可以減輕用戶的記憶負擔，更快上手 B 端產品，能做的系統都幫用戶想到了。

想要反饋合理友好，有如下方法（但不僅限于以下）：

原因反饋

如下為某項目管理平臺，用戶創建了一個需求后，若想建立相關任務，則需要對迭代字段進行填充內容。因此，我們對“創建任務”進行了進一步的設計，當用戶點擊創建任務，則會提示其先建立迭代，并告知為什么。當用戶知其然并知其所以然，會讓用戶的印象更深刻，學習成本降低。

進度提示

如下為某項目管理平臺，只有創建了項目或者加入了項目才可以對內部的功能進行使用，無項目就無使用權。當用戶申請加入項目時，會想要知道流程到了哪一步，因此我們設計了相應的進度反饋看板給到用戶。

5. 符合用戶心智

符合用戶心智是指我們在設計 B 端產品界面時，盡量保留用戶習慣，不要為了創新而導致用戶使用產品時一臉懵狀態。之前團隊有一些交互設計師，總喜歡使用一些交互效果復雜的設計，導致在原型評審階段就沒通過，客戶覺得過于花哨，不僅增加了學習成本，不容易學習，同時影響了用戶的任務效率。

想要符合用戶心智，有如下方法（但不僅限于以下）：

環境貼切

從現實生活中去尋找界面設計上對標的具體物體，可以顯著降低用戶操作界面的認知成本和學習困難。在繪制 icon 的時候，建議參考現實中的形態，從而使用戶能夠快速地理解。如下為某項目管理平臺，平臺需要使用圖標的地方非常多，我們采用了環境貼切的設計模式來設計。

一致性

一致性是體驗設計中最重要的原則之一，對于用戶而言，體驗一致性的提高可以降低用戶的操作時長及錯誤率，降低學習成本，提升用戶的滿意度。如下為某項目管理平臺，我們在結構、字體、色彩、操作等方面都考慮到了一致性。如下是輸出的色彩一致性案例。

依據日常

我們通常在畫時間軸的時候，會把歷史畫在左邊，未來畫在右邊。對于 B 端界面的「返回」操作來說，當下頁面是現在，要返回去的頁面是歷史，因此把返回按鈕置于頁面頂部的左側，并且箭頭朝左，符合用戶認知。如下為某項目管理平臺，我們就采用了此種設計方式。

總結

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

但項目時間總是緊張的，如果在研發時間有限的情況下，我們可以針對核心流程進行易學性提升。針對用戶使用頻次高的模塊，進行易學性規劃設計與評測。

歡迎關注作者微信公眾號：「知果日記」