1、如何搭建B 端系統幫助體系一些復雜的B端產品，因為其特殊的業務屬性和復雜度操作使用上門檻不低，總是會聽到用戶反饋不會用、學不會、記不住。為了降低用戶使用成本，保證用戶在一個大型業務系統的可用性，引入一個在全局系統層面用戶幫助體系對于提升用戶體驗是非常有必要的。Jakob Nielsen于1994年提出的十大可用性原則中，其最后一條原則Help and documentation（幫助性指導原則）是搭建B端用戶幫助體系的核心準則，在理想情況下，沒有幫助文檔就可以使用系統是最好的，但在某些情況下（尤其是B端系統），提供一些引導性的幫助其實是必要的。本文從三種 B 端幫助體系的三種類型主動式幫助、被

2、動式幫助、自動式幫助進行詳細拆解說明。一、主動式幫助什么是主動式幫助呢？回歸到生活的場景中，進入地鐵站的方向指示牌，馬路上的路標，都是讓行人們可以根據指示找到想去的地方；剛剛參加工作，一般都會有前輩帶著你學習工作流程，進行教學指導；機場和車站的展示大屏，告訴我們目前車次的檢票口和車輛狀況，這些都是我們生活中主動幫助的例子。沿用到互聯網產品中也是一樣的，同樣也是主動幫助向用戶提供幫助，讓用戶盡快熟悉系統。1. 在系統中的使用場景對于第一次接觸系統或者第一次接觸系統中某個模塊的新用戶，剛開始使用產品的時候，需要快速熟悉并嘗試系統中的某一功能，這個時候系統提供一些主動的功能介紹或者操作引導可以讓用戶

3、快速了解。下面是一款室內裝修設計師畫圖使用的系統，屬于操作復雜的工具類型，對于新用戶來說在第一次進入系統主動出現一個彈窗介紹完成渲染出圖的步驟，可以讓用戶快速學習到什么使用這款產品做一個設計效果圖，也讓用戶清楚了解每個步驟之間的先后順序。對于老用戶當系統新上線了功能需要告知哪里更新了，更新了什么內容。花瓣更新了點擊頭像下拉后展示更多信息的功能，在改版后第一次進入系統，出現了提示引導，引導用戶快速點擊進行體驗，當然也可以選擇關閉。使用主動幫助有 2 個核心場景，對新用戶幫助教學和新功能上線后對老用戶的提示； 總結 5 種交互形式：引導頁、模態彈窗、向導形式、工具提示、文字提示，需要設計師根據不同

4、的場景，去適配不同的引導方式。2. 引導頁在用戶首次進入產品或者產品中某個獨立功能的時候，將產品最核心的功能加入一些品牌基調展示給用戶，可以加入一些插畫或者視頻吸引用戶，另外需要注意在文字部分不要長篇大論，提煉最核心的內容傳達給用戶。3. 模態彈窗讓用戶聚焦當前內容，在用戶第一次打開某個特定頁面時出現，缺點是用戶容易忽略或者無視，直接關掉，引導的效果差一點，所以彈窗教程建議保留二次進入的入口，當用戶需要的時候可以順利找到。應用場景有版本更新提示新功能介紹常規通告。設計形式上可以在文本的基礎上加入圖片、插畫、動畫、視頻講解和實例演示等視覺表現形式，不管用什么形式，其目的都是幫助用戶快速理解系統的

5、功能特性。也可以使用一些視覺元素烘托氛圍，并在文案上注入情緒化的表達，從而提升用戶的關注度。承載內容上可以師簡單業務邏輯的功能說明或單頁面功能，采用讓用戶一次性進行學習。復雜業務邏輯的功能說明或多頁面功能聯動，通常會進行分步講解，通過循序漸進的形式將所有知識點逐漸披露出來，讓用戶有充裕時間進行信息的接收和理解。4. 向導引導在用戶首次進入相關頁面，且無操作時出現。有明確的指向性，提前告知用戶具體功能的使用場景，因此它會具體指向界面中的某些特定區域，同時會隨著具體操作的具體位置發生變化，讓用戶實際感知到功能的整個運轉邏輯和流程。針對局部功能升級的提示說明，一般與元素綁定關系較強，可讓用戶直觀了解

6、關注點，提升功能觸達率。設計組成元素蒙層（可選）+ 文字 + 插圖/GIF（可選）。向導主要圍繞某個操作的引導說明，與元素綁定關系較強，核心功能和操作在視覺上突出顯示。為了讓用戶高效獲取信息，一次僅顯示一條。如果需要用戶聚焦了解功能或說明，不被頁面中其他元素干擾使用蒙層，注意蒙層的透明度要比彈窗蒙層淺，向導的蒙層需要用戶可以看到元素在頁面中的位置。具體使用過程中有三種交互方式隨著提示強度由強到弱依次是：分布引導氣泡提示閃點提示分步式引導（重）：常用于頁面多個功能升級的引導組。當頁面有多個升級點，直接平鋪會讓頁面臃腫不聚焦。通過下一步操作，逐步喚出剩余引導。為避免步驟過多導致用戶疲勞，建議最多不

7、超過5步。氣泡式（輕）：相對輕量的引導，有足夠的提示性但不影響其他功能操作。閃點提示（弱）：微輔助型提示，常與氣泡引導配合使用。在需要關注的地方閃爍，點擊閃點后喚出關聯氣泡提示。不對用戶造成視覺干擾，又能引起一定的關注。5. 文字提示文字提示作為最直觀的信息展示，一般會采用直接平鋪的展示方式，針對一些功能較多邏輯較為復雜的頁面，將對用戶有幫助的信息直接放在頁面上從而指導用戶的行為不失為一種簡單粗暴的設計方法。對重點或復雜功能提供直觀描述或建議。帶有引導性的文案處理，會促進用戶優化填寫方案，輸入更合適的內容。關于文案設計的詳細延展查看 HYPERLINK /work/ZNjA3NzU1ODA=.

8、html t /pd/_blank /work/ZNjA3NzU1ODA=.html這篇文章非常詳細的拆解了文案設計原則以及使用場景。具體的使用場景有：頁面功能輔助說明占位提示。6. 工具提示工具提示比文字直接展示要更簡潔降噪，沒有直接進行展示，在用戶需要的時候通過懸浮或者點擊元素以氣泡的形式呼出，Material Design在對工具提示（Tooltip）的官方定義是這樣的：“When activated, tooltips display a text label identifying an element, such as a description of its function.”

9、工具提示僅僅起到提示的作用，它會出現在當用戶激活某一控件的時候，針對某一特定的元素通過簡要的文字來闡述其功能特性。在設計形式上有短暫性、匹配性、簡明性的特點：短暫性指工具提示出現和消失的時機需要恰當和短暫；匹配性指工具提示需要出現在與之關聯的元素附近；簡明性則是對工具提示承載的文本內容提出了要求，要盡可能具備簡短性和描述性。二、被動式幫助被動引導映射到我們生活中的場景下可以看作是手機地圖導航軟件，當你不知道該怎么走或者迷路的時候才會主動去打開地圖軟件進行導航。另一個生活中的場景是產品說明書，在使用前或者再遇到不會用的功能的時候才會去查閱說明書，無論是導航軟件還是說明書它不會自動把全部內容展示在

10、你眼前，都需要你去進行查找。沿用到互聯網產品中是指用戶遇到問題的時候系統能夠提供一些幫助，去指導用戶接下來怎么做。1. 在系統中的使用場景被動式幫助一般會依托于主動式幫助，產品發展的初期階段，主動式幫助是必須的，當產品發展到一定規模具備一定成熟度后，被動式幫助的引入就可以極大的提高整體產品的使用體驗。常用的被動引導有：幫助中心/幫助文檔、客服支持、全局常駐性功能。2. 全局提示重點信息的匯總或提示。此類提示完美融合于頁面，醒目且對操作無干擾，用戶可根據披露內容判斷是否處理。常用的交互形式是全局提示、徽標，向用戶傳達信息的變化并提供快速觸達的能力，無形中提升用戶響應效率。全局提示：不同顏色的提示

11、條。常作為前置提示存在于頁面或模塊頂部，為用戶順利操作提供指引性幫助。既不打斷用戶當前操作，又足夠明顯，一般需手動關閉或事件結束后自行消失。不同顏色屬性不同：一般藍色代表消息通知、綠色代表成功、橙色代表警示、紅色代表錯誤或異常等情況。徽標：形態各異的小紅點。常出現在圖標、按鈕右上角的紅色圓點、數字或文字，簡單且醒目。表示內容更新或有待處理的信息，此類提示符合用戶心智，無需教育就能向用戶精準傳達提示意圖。使用時注意無數字與有數字的應用場景。有數字的徽標給用戶帶來的心理壓力會更大，也會更吸引用戶注意力，同時需注意數字長度控制。3. 客服中心客服中心是B端產品的服務團隊和客戶建立聯系的平臺，目前大部

12、分客服采用智能客服+人工客服的組合，通過智能客服先過濾已經在幫助中心的問題，可以解決 80%以上的共性簡單的問題，剩下沒有辦法通過智能客服解決的問題會轉接到人工客服。在設計上通常懸浮在右下角以入口或者懸浮窗口的形式，可以加入品牌形象IP、情感化來提升存在感，吸引用戶關注拉近平臺與用戶的距離。4. 幫助中心幫助中心是全平臺信息文檔的匯總，提供一個快捷入口，幫助用戶了解他想了解的問題，在幫助文檔中需要注意方便用戶直接進行搜索。文檔內容要針對用戶的核心任務，描述要盡量步驟化和流程化，另外由于大部分用戶實際上都不喜歡閱讀大篇幅文字，如何在文檔中直接傳達重要的信息也很重要。在設計上為保證用戶高效獲取信息

13、，需突出內容本身，不要度裝飾。框架設計清晰將頁面氛圍導航區和內容展示區，讓用戶通過導航快速定位到想要查找的內容。一般幫助中心會由三部分組成：產品介紹，產品入門和使用，常見問題的匯總。三、自助式幫助自助式幫助就就像我們去吃自助餐，不用自己買菜、處理食材、烹飪，飯店直接把我們可能會喜歡的食物準備好了，直接來選擇自己喜歡的食物就可以了。在系統中也是一樣提前預判用戶的預期，直接為用戶提供建議和幫助，或者直接幫用戶自動執行一些任務，減少用戶的決策壓力，不過前提是需要產品設計師考慮非常周全并配合大量數據支撐。1. 在系統中的使用場景針對一些用戶操作風險較小且系統能力能夠支持的場景，可以直接交付系統來自動完成。一些用戶操作風險較大且系統能力也能夠勉強支持的場景，可以提供部分選項供用戶進行選擇，同時提供必要的容錯能力。常用的自助式幫助引導有智能推薦、錯誤校驗。2. 智能推薦系統自動提供內容供用戶進行選擇，幫助用戶做出決策，不過這種設計的前提是平臺有足夠的數據積累，系統通過字段自動為用戶預置內容。3. 模版設計用戶新建每一個內容都需要從頭到尾重新填寫一遍內容，成本極高，可以把高頻的類型變為模版進行選擇。4. 錯誤校驗當操作