2022-6-14 博博
最近在 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 端產品設計需要更加謹慎。尊重用戶的習慣，完整表達業務邏輯性、保證內容的可理解性，是設計師必須去關注的。
轉載請注明：優設網
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.tuitetiyu.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
更多精彩文章：
