B端產品如何做新手引導設計？我總結了7個方面

推薦閱讀

B 端產品由于特殊的業務功能和行業特點，經常會聽到使用者說“我不會用”，“某個功能我找不到”“系統有點復雜”等等一系列問題。而幫助體系的建立可以使用戶快速了解系統功能的操作和結構，引導用戶使用系統、快速上手。避免在使用初期就出現焦慮情緒。

日常的功能迭代，設計優化都能提升系統的用戶體驗，提高工作效率。但是幫助體系也是非常重要的一環。通過設置新手引導、內容培訓、提供在線支持和文檔、建立用戶交流群、提供客服、提供激勵和獎勵等資源來幫助用戶解決問題并學習系統的使用。提供用戶所需的信息和支持，使他們在使用系統時更加自信和滿意。

本篇文章介紹幫助體系中的新手引導，新手引導主要的作用有四點：

1. 快速了解功能；
2. 快速熟悉系統交互；
3. 展示產品的專業度；
4. 幫助用戶建立信心，避免焦慮。

新手心智的建立是一個循序漸進的過程，需要不斷的對用戶進行引導，給用戶以信心，給用戶“我可以”的心理感受，進而完成對功能的使用。結合我設計的項目從以下 7 個方面進行介紹：

1. 公域搜索；
2. 核心功能流程介紹；
3. 模態彈窗；
4. 核心功能拆分引導；
5. 典型頁面功能引導；
6. 操作反饋引導；
7. 空狀態引導；
8. 功能、插件缺失提醒。

一、公域搜索-完善信息

盡管 B 端產品多通過銷售人員觸達到客戶，但是公域環境下網站基本信息的維護也必不可少，必須保證客戶能夠通過搜索入口完成對系統的進入和使用，避免負面情緒產生。

雖然 B 端產品可能是付費的，但是公域中的信息維護能夠幫助用戶快速的了解平臺核心的功能亮點，這些內容可以作為補充素材，使得宣傳和營銷活動的成本更加可控。

二、核心功能流轉

核心功能，顧名思義就是系統的主要用途和性能，也通常是產品區別于其他競品的地方。是用戶經常使用的功能，也是系統開發過程中最優先考慮的部分。

用戶初次登錄系統后看到的頁面通常是沒有數據的，需要一系列的基礎權限配置、功能開通。如果沒有引導會變的無從下手。

而增加功能流轉圖，可以快速對系統功能有所了解，做到心中有數。

三、模態彈窗

模態彈窗是一種較強的引導方式，主要用于重要信息錄入、需要用戶做出決策、重要公告等情況。

介于 B 端系統功能的多樣性和復雜性，為了更好的了解用戶，讓用戶和系統之間快速建立聯系，部分情況下需要提前獲取用戶的信息，所以會使用模態彈窗的方式來引導用戶的使用和信息的錄入。

提前獲取部分用戶信息，更好服務用戶

需要用戶做出決策

四、核心功能拆分介紹

面對每個核心功能細分的眾多子功能，初次瀏覽，大概意思都能明白，但到具體使用也難免發懵。

例如下圖聚水潭訂單包括 9 個模塊，51 個子菜單，很容易眼花繚亂。

核心功能拆分展示就是將眾多的子功能根據流轉動線進行串聯，采用圖形化的方式呈現在用戶面前，降低理解成本，加強用戶感知。

五、典型頁面功能引導

典型頁面是指系統中出現頻率高，可以承載不同功能的同類型頁面，這類頁面在功能布局、界面交互、視覺設計、操作反饋等多個方面相似程度很高。用戶二次使用時會有天然的熟悉感。

對界面功能的引導通常采用漫游式引導，讓用戶首次進入后能夠快速對各個重點功能進行了解，方便后續的操作。

Ant Design 漫游式引導

Ant Design 漫游式引導

Ant Design 漫游式引導

具體應用：用戶首次使用時彈出，引導用戶快速對各個重點功能進行了解。

六、空狀態引導

使用系統前期，數據不多，會有較多的空數據頁面，為了讓用戶的操作路徑形成閉環，避免流失，空狀態的引導也非常重要。

例如：“暫無達人直播計劃”改為“暫無達人直播計劃，立即新增”；

“暫無數據”改為“暫無數據，去首頁查看熱門款式”

七、功能、插件缺失提醒

用戶對于系統的使用是一個逐漸熟悉到深入的過程，部分功能的使用需要單獨付費、二次開通或者三方插件配合才能完成使用。在用戶不明確的情況下，使用這些功能就可能對流程造成阻斷或者無法使用。所以針對部分功能、插件的缺失提醒設計必不可少。

功能過期提醒

打印插件缺失提醒

以上就是使用復雜 B 端 ERP 系統初期為了幫助新用戶能夠更好的使用系統所搭建的新手引導體系，希望對大家有所幫助，謝謝。

歡迎關注作者微信公眾號：「西城門設計」