起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識B端產品信息設計的3個原則
編輯導語：B端產品與C端產品所面向的用戶、適用場景不同，其個中的設計邏輯也有所差異；例如在B端產品設計中，需要降低用戶的理解門檻，并保證信息傳遞的效率，等等。本篇文章里，作者便結合個人經驗，總結了B端產品信息設計的三個原則，一起來看一下。
最近在12306網站購票時，彈窗中展示了大段的文字信息，我只是匆匆掃了兩眼就果斷關閉了，實在沒有耐心逐字讀完。特別是節日搶票的場景，用戶更不會有心情去看這些提示信息。
所以在做產品設計時，需要注重信息的傳遞效率。B端產品通常用在PC端，屏幕顯示區域大，在做設計時會不自覺的添加較多的信息，反而影響了用戶的使用體驗。今天我們就來討論下如何做好信息傳遞？
我總結了以下3個原則：
一、匹配用戶心智模型
心智模型指的是人們心中根深蒂固存在的，影響人們認識世界、解釋世界、面對世界以及如何采取行動的許多假設、陳見和印象。是一個決定用戶信息獲取行為的內在的、可預測的認知模型。
簡單來講就是人類基于經驗的總結，去認知世界。《About Face4：交互設計精髓》中提出了3種模型，實現模型、表現模型、用戶的心智模型。好的產品的設計要盡可能匹配用戶的心智模型，越符合用戶心智模型的設計，產品越容易理解。
B端產品頁面內容變化較少，更強調一致性。主要由表格、表單、按鈕等各種信息元素構成。
在長期的使用過程中，用戶對某些信息元素已經形成了特定的心智模型。例如用戶看到輸入框，就知道需要填寫內容；看到步驟條引導，就知道多步操作；看到Radio Button，就知道是單選。
因此方案設計時，設計師的一個重要目標就是讓表現模型盡可能地匹配用戶心理模型，避免因為組件使用不當，造成用戶產生錯誤認知。
例如考慮到用戶的視覺動線，“新建”等主要、高頻按鈕通常放在左上角，方便用戶瀏覽和操作，而輔助功能按鈕會放置在右側，用戶也逐漸形成了這樣的心智模型。
如果主操作按鈕放置在右上角則違背了用戶的心智模型，用戶使用產品時，需要建立新的心智模型，改變已有的行為習慣。并且這種設計并不能帶來其他層面的體驗提升，個人認為有些得不償失。
二、信息的層次性
B端產品業務比較復雜，頁面內容也會較多，信息的有效組織尤其重要。信息設計不是簡單的內容堆砌，需要根據用戶場景和需求做出優化處理，構建有效的信息的層級幫助用戶去理解業務內容。
信息層級包括2個方面：
1. 系統空間分層
在一個系統中存在著空間分層，當頁面較為復雜時，需要通過合理的內容分層，有序的展現內在邏輯關系。
B端核心交互就是“增、刪、改、查”，其中”查“就是信息的檢索和瀏覽。所以頁面主要是由搜索條件和表格構成的。
而“增、改”等操作行為主要是在臨時的系統空間中完成，例如彈窗、側邊浮窗、跳轉頁面等形式。不同的信息在不同系統層級中相對獨立的展示出來，保證了信息的層次感和秩序性。
2. 頁面信息結構
復雜業務場景下，單個頁面會承載大量的信息內容，需要通過合理有序地呈現給用戶。
主要有2種方式進行信息拆解。
1）高效組織——卡片化設計
在B端產品中，為了保證功能的完整性，必須要一個頁面中展示給用戶。逐條平鋪，散點式的信息展示會造成信息密度過高，缺少層次性。而卡片方式可以很好的聚類相似信息，分割差異化信息，有助于降低信息的復雜性，幫助用戶快速定位信息、瀏覽內容。
2）化整為零——步驟化設計
面對復雜的信息內容，用戶容易產生畏難情緒。將復雜內容分步拆解，把用戶的關注點從頁面內容轉移到步驟進度上，可以減少用戶的心理壓力。另外節點信息頁也可以幫助用戶更好地理解業務流程。
另外步驟化設計還可以將散點內容歸集到一個任務流程中，引導用戶快速完成工作任務。例如Win11系統安裝后的設置引導，可以方便用戶快速完成系統基本配置，避免用戶操作的行為成本。
3. 頁面元素設計
不同于C端產品，B端產品更強調效率。正如奧卡姆剃刀原則所說“如無必要，勿增實體”。頁面內容需要以簡潔為主，避免無關要素形成信息干擾。
而設計師更加感性，擔心設計過于平淡，會在界面中添加各種視覺元素，反而會增加用戶的認知成本。
三、信息的可理解性
B端產品通常業務具有一定的專業性，用戶門檻較高。在復雜業務場景下，必須讓用戶能夠較為清晰地理解產品及功能，才能保證信息的傳達效率。
1. 幫助信息
B端產品需要盡可能地降低用戶學習成本，但是本身業務層面的難度是無法避免的。因此需要為用戶提供及時有效的幫助信息。
在阿里云、騰訊云界面中包含了大量的解釋說明、Tips等信息，解決用戶在使用過程中的疑問，幫助用戶更好地理解業務內容，減少用戶的記憶量。同時幫助信息還需要具有拓展性，當提示信息無法完全解決用戶疑問時，還需要能夠引導用戶，查看完整的幫助文檔，減少用戶翻查資料的成本。
2. 可視化設計
數據可視化設計在B端產品中應用較多，例如概覽頁面，通過圖形化的方式將數據的內在關系更直觀的表達出來。
在某些特定的場景下，內容頁面也可以通過可視化展示幫助用戶理解信息，例如常見的身份證圖片上傳等，很多用戶無法分清楚正面反面，借助圖片可視化提示，便于用戶更好地理解信息。
寫在最后
體驗設計行業需要創新，但是B端產品設計需要更加謹慎。尊重用戶的習慣，完整表達業務邏輯性、保證內容的可理解性，是設計師必須去關注的。
#專欄作家#
子牧先生。公眾號：子牧UXD（HelloDesign），人人都是產品經理專欄作家。產品體驗設計師。8年互聯網行業經驗，擅長體驗設計思維、設計方法論、交互設計研究。
本文原創發布于人人都是產品經理，未經許可，禁止轉載。
題圖來自 Unsplash，基于CC0協議
干貨滿滿