從幫助系統和按鈕兩方面，聊聊B端產品的設計思考

作為 B 端產品，我們需要為用戶提供優質的幫助設計，以幫助他們快速了解和掌握產品的操作和功能。下面是一些設計建議：

1. 通用幫助文檔的設計

為了方便用戶在使用過程中隨時獲取幫助，我們應該將常規的幫助文檔放置在易于訪問的入口，如產品頁面的右上角或客服幫助中心等位置。幫助文檔需要涵蓋全部產品的功能和操作說明。

截圖來源于神策

截圖來源于百度智能云

截圖來源于飛書

2. 復雜場景頁面的案例說明設計

當用戶遇到復雜的場景或頁面時，學習成本和操作成本會很高，所以我們應該提供當前場景的操作說明或數據解釋，幫助用戶快速掌握，并提升其使用效率。

例如，在神策事件偏好屬性設置中，用戶對復雜標簽偏好場景一頭蒙，我們可以增加一個案例說明，顯示當前篩選規則的邏輯和最終生成結果的信息，以幫助用戶理解此場景的操作。

截圖來源于神策

3. 如何更好的使用幫助文檔

雖然有幫助文檔，但用戶可能并不會主動去查看它。因此，我們需要采取以下措施來鼓勵和促進用戶使用幫助文檔：

①幫助文檔放入產品顯眼位置，方便用戶第一時間去發現。

截圖來源于百度智能云

②人工或者智能客服遇到用戶咨詢時候，帶入幫助文檔信息，這樣不僅能提升用戶操作體驗，而且提升客服操作效率。

截圖來源于百度智能云

③產品出現卡頓問題，幫助文檔能及時展示當前問題的說明信息，對用戶是友好的。

④產品更新信息，在引導文檔、幫助文檔中提示用戶查看，選擇合適的推送渠道給用戶。

截圖來源于網絡

4. 制作操作演示視頻

借助視頻制作工具為用戶創造出一些動態的操作演示教程，并將其嵌入在產品介紹頁面、幫助文檔中，能夠讓用戶直觀感受到產品的操作流程及注意事項，增加學習的趣味性和可玩性。

如文心一言的應用場景演示以及 MapReduce 服務 MRS 的視頻講解都是幫助用戶更好的理解產品

截圖來源于文心一言

截圖來源于網絡

5. 設計交互式操作流程引導圖

對于復雜的功能，可以采用插畫、流程圖等方式進行交互式操作引導，將整個過程可視化展示出來，使得用戶能夠快速理解并掌握如何進行操作。

截圖來源于網絡

截圖來源于網絡

6. 設計問答交互界面

在幫助文檔頁面中設置一個人機交互或者社區討論板塊，在這里展示一些常見問題解答、優質反饋信息，這種問答交互界面能夠在傳統幫助文檔無法回答用戶耐心的疑惑和可能遺漏的問題。

截圖來源于網絡

截圖來源于網絡

7. 提供在線培訓和課程

對于需要深入了解產品使用的高端用戶，可以組織在線培訓或者提供教程，如網站分析、數據可視化以及其他復雜功能的基礎和進階使用技巧等等，助力用戶在最短時間內掌握完整的產品操作體系。

截圖來源于 unsplash

二、B 端按鈕的減法設計

按鈕的設計是跟隨物理世界有著對應的映射關系，因此我們在設計過程中需要考慮現實生活用戶的心理狀態。

常規展示一個主要按鈕是大家的共識，但是出現多個次級按鈕時候如果進行展示，需要我們進行深入的探究其根本，因為按鈕只要多了就會干擾用戶操作。

做減法的設計，可以要可以不要的按鈕，統統不要，還原最本質的功能，帶給用戶極致的體驗。

一般我們通過了解用戶需求、去除次要操作、合并同類操作、去除不必要的文字來進行 B 端按鈕的減法設計。

1. 了解用戶需求

①用戶需求

在進行 B 端按鈕的減法設計時，首先需要深入了解用戶需求、操作習慣和使用場景。

例如，在電商平臺的商品管理系統中，賣家最關心的是庫存、價格和訂單處理等功能。因此，在主界面上需要突出這些部分，并提供明顯的入口，以便賣家快速找到所需功能。而其他較少使用的功能，如關聯品牌或收藏夾等，則可考慮放在次要位置或使用隱藏展示的方式，以減輕主界面負擔。

截圖來源于網絡

京東商家后臺：將商品管理、訂單管理等主要按鈕放在頁面頂部，方便賣家快速找到；將其他較少使用的功能，如營銷工具等放在左側次要位置。

截圖來源于網絡

財務管理軟件：將核心功能分為“賬務處理”、“財務報表”、“應收與應付”等模塊并放入主界面以便用戶快速使用。其他次要功能則采用懸浮式展示。

截圖來源于網絡

②具體衡量

具體怎么衡量那，比如用戶比例、頻次在 40-50%以下時候，我們衡量它是否懸浮出現或者...展示，跳出該功能，去全局看該功能。

看是否高頻操作，如果用戶在當前功能頻繁使用當前操作，那我們就展示出來，如果用戶使用頻次低，那我們就考慮隱藏懸浮等設計，提升高頻操作。

如在日程設計中，我們發現日程詳情展示，用戶關注最多的是日程本身，編輯和其他操作用的比較少，且關閉重復，那我們就可以把編輯操作放置在弱化位置，其他操作可以懸浮展示。

2. 去除次要操作

在設計產品時，如果發現一些按鍵用得很少或已經過時，就應該將其去掉。這可以節約頁面空間、提高視覺效果和使用戶使用更加流暢。以下是一些具體的去除不必要按鍵的方法

①用戶反饋

通過用戶調查、反饋等方式了解哪些按鍵最少被用戶使用，如有可能，徹底去掉不需要的按鍵，比如一些冷門功能。這里跟上面用戶需求重復了，在日常操作時候可以合并去做。

截圖來源于騰訊云

②根據數據統計去除無用功能

通過使用數據分析工具統計每個按鍵的使用頻率，以識別沒有實際貢獻到用戶使用中的按鈕，并可以考慮刪減。

截圖來源于網絡

③審查歷史版本的操作流程

如果在新版本中刪除了某些按鍵，但在歷史版本中使用率仍然很高，那么需要仔細評估和處理相關影響，以確保操作鏈的準確性和完整性。

④定期產品審查

針對項目周期而言，派出一位高級 UI/UX 設計師定期審查產品，將過時、相重復、重復選項等問題找出來并建議嚴肅刪除。

截圖來源于 unsplash

總之，在設計中，需要謹慎地考慮每一個按鍵是否真正有實際價值，如果某個操作按鈕過時或用得很少，就應該及時拋棄它，從而實現 B 端“減法設計”的目標，讓設計更加流暢，提高用戶滿意度。

3. 合并同類操作

合并相似功能按鈕是減法設計的一個有效手段，可以簡化頁面元素數量，增強頁面整體清晰度和美觀度，提高用戶的工作效率。以下是一些具體的合并相似功能按鈕的方法

①采用下拉式菜單

把類似的功能放到同一個下拉菜單中，這樣可以節約頁面空間，同時也能方便用戶查看和使用。

截圖來源于網絡

②采用選項卡切換

將一些功能分屬于不同的選項卡中，當用戶點擊某個選項卡時，頁面中對應的操作就會呈現出來。

截圖來源于網絡

③采用可拖動板塊

這種方式可以讓用戶自由拖動相關的功能塊，以滿足他們的特定需求，同時也能夠減輕產品 UI 冗長的負擔，使得用戶界面更加緊湊。

例如 mac 文件夾擺放，一千個人有一千個哈姆雷特，所以自定義自由拖動能滿足用戶特定需求。

截圖來源于 mac

④采用固定的上下文菜單

在不改變原有邏輯的前提下，在頁面的頂部、底部或邊角設置快捷菜單，供用戶進行常見操作等操作。

如常規個人信息右上角，導航左側放置等。

截圖來源于網絡

⑤通過標記組合等引導

使用醒目的圖標、不同顏色的指引標記及清晰生動的字體與文案組合，直接告訴用戶該功能的特點其所代表的含義，加深印象，并讓相關操作按鈕的視覺表現在界面之間具有更強的內在關聯。

例如下面的 b 端產品在功能卡片和導航功能圖標文字色塊組合，生動的引導用戶操作

截圖來源于網絡

截圖來源于網絡

總之，在設計過程中，應該盡可能地合并相似功能按鈕，將其作為減法設計的一個重要手段，從而提高頁面效率和用戶體驗。采用上述方法，可以讓用戶能夠快速找到需要的功能，減輕他們的工作負擔。

4. 減少文字描述

減少文字描述是減法設計的一個重要手段，可以提高產品的視覺效果、易用性和用戶體驗。以下是簡化文字描述的幾種方法

①使用圖標取代文字

將常見操作通過簡潔的圖片表示出來，比如放大鏡圖標代表搜索功能，購物車圖標代表購物車功能等。使用圖標可以極大地縮短文字長度，同時也使操作更加直觀。

②采用縮寫語言

對于一些領域專業術語或經常用到的單詞，采用縮寫語言（如圖形用戶界面縮寫為 GUI）可以有效節約頁面空間，并且讀者也能夠輕松理解。

截圖來源于網絡

③簡化文本描述

產品中的文字可能有許多概括性詞語、修飾性詞匯和哲學式的話語等，這些語言會影響讀者的閱讀速度和閱讀理解力。因此，減少不必要的信息并簡化語言可以提升閱讀體驗。描述信息通俗易懂，直白，讓用戶可以無腦操作。

假設一個 B 端系統中有一個按鈕，用于提交訂單。如果按鈕上寫著“提交訂單”，用戶在使用時需要先讀取按鈕上的文字，然后再點擊才能完成操作。但如果按鈕只是一個簡單的“提交”或“下單”圖標，用戶只需要直接點擊即可完成操作，操作效率更高。

截圖來源于網絡

比如標題和子標題，對于較長的文本描述，在界面頂部設置簡明扼要的標題，并在必要時添加子標題，這樣用戶可以更好地理解文本的內容。同時，還可以考慮使用符號或數字來分層次地展示信息，以幫助用戶更好地理解。

④整合相似或相關的內容

如果兩個或多個操作具有共性或緊密相關，則可以將它們組合在一起，以得到一個整合而清晰的指令。

截圖來源于網絡

總之，B 端按鈕減法設計中文字描述是需要注意的重要環節，易用性和可讀性都可以通過合理的使用而得到提高。

歡迎關注作者微信公眾號：「阿韓設計」