編輯導語：本篇文章分享了在B端產品中降低「認知負荷」的方法，從B端產品認知負荷來源、降低認知負荷的方法、化繁為簡等方面展開，分享了6個降低用戶認知負荷的方法，干貨滿滿，一起來看。

認知負荷理論，假設人類的認知結構由工作記憶和長時記憶組成。其中工作記憶也可稱為短時記憶，它的容量有限，一次只能存儲5—9條基本信息或信息塊。當要求處理信息時，工作記憶一次只能處理兩到三條信息，因為存儲在其中的元素之間的交互也需要工作記憶空間，這就減少了能同時處理的信息數。

簡單來說，用戶大腦處理任務的能力是有限的。用戶在理解頁面信息時，需要識別、思考、記憶，這些都屬于認知負荷。

我們在設計中，需要努力減少用戶的“認知負荷”，讓用戶可以更輕松地完成復雜工作。尤其是對于更加強調效率的B端產品，這就更加重要了。

本文就來總結6個降低用戶認知負荷的方法：

1. 一致性
2. 符合用戶心智模型
3. 化繁為簡
4. 讓界面更加有序
5. 刪除不必要的設計元素
6. 引入“減負”功能設計

一、B端產品認知負荷來源

認知負荷包含2個過程，信息識別和信息處理。信息識別就是用戶看到并選擇內容的過程，設計師需要幫助用戶方便、快速找到想要的信息。信息處理則是對信息的思考和理解的過程，用戶明白信息是什么，知道該如何操作。

1. 信息量大，選擇多

B端的產品主要是Web瀏覽器形式。屏幕越大，單屏承載的信息量就越多，帶來的認知負荷就越大。例如信息量較大的表單，信息繁雜的詳情頁，這些都是認知負荷的重要來源，信息需要有效的精簡、組織，減少用戶認知負荷。

2. 業務復雜

B端產品復雜，即使是專家用戶，也會碰到各種問題。特別是使用新產品時，會有一個識別和適應的過程。而且B端產品業務通常不是獨立的，而是相互依賴的。用戶完成一個業務，可能需要在多個頁面間來回切換，造成更多的認知負擔。

3. 界面混亂

頁面信息量大，如果缺乏必要的組織，內容混亂，那對用戶可能就是“災難”。例如關聯的信息被打散，用戶查找困難。元素層級不清晰，缺少主次關系等，都會增加用戶的認知負荷。

二、降低認知負荷的方法

1. 一致性

一致性是基礎性原則，也是非常重要的設計原則。產品設計時，不僅要考慮產品內部的一致性，也要參考與同類產品，做出有效的設計方案。

內部的一致性就不必多說了。

現在很多的B端產品，前端開發設計都會借鑒AntDesign、Element 等設計組件。雖然在一定程度上，會抹殺設計的創造性，但是用戶的認知是趨同的?？偟膩砜?，這些組件庫，其實已經逐漸成為了設計行業的標準。對產品的開發效率、用戶的認知體驗都有很好幫助。

2. 符合用戶心智模型

用戶心智模型就是用戶對事物的已有認知。設計模型越接近心智模型，用戶認知負荷越低。

B端產品從系統框架到組件元素越來越“像”，都是為了保證界面設計符合已有的用戶心智模型，減少用戶重新學習、認知的成本。

例如用戶看到輸入框，就知道可以填寫信息；看到帶了“▼”的輸入框，就知道可以下拉選擇。單純地追求個性化，反而容易打破用戶心智，帶給用戶新的認知負荷。

三、化繁為簡

1. 內容優化

我們在做設計時，遇到大量信息的場景，可以跟產品經理多溝通，深度參與到業務中，嘗試從業務層面做出信息精簡，只保留對用戶有價值的信息，刪除不必要的信息。

2. 用戶自主定制

用戶對內容具有最高的話語權，對于非業務性的功能，可以將控制權交給用戶，從而減少不需要的信息帶來的認知負荷。

例如首頁中的監控指標、布局的定制化，表格信息列的自定義，可以更好地保證信息的有效性，而不是一堆沒有價值的數據。

3. 視覺隱藏

當內容無法精簡時，可以根據內容對用戶價值，以及用戶的操作頻率，確定核心內容優先展示。將部分內容隱藏，從而減少用戶可見的信息量。

例如列表操作列超過3個時，一般會用“更多”將功能選項收起或者歸類處理。面向初學者的功能教學內容可以收起隱藏。

4. 漸進式處理

如果復雜內容無法精簡，還可以化整為零，將信息分步驟、分類展示給用戶。例如常見的步驟條、Tab頁面，都是優化認知負荷的方式。目的就是讓用戶不要一次處理大量的信息數據，從而降低用戶的認知負荷。

四、讓界面更加有序

1. 布局的層次

我們都知道用戶在PC端的視覺動線是有規律的，最常見包括 F 模式、Z 模式和分層蛋糕模式等。頁面中信息排列或者布局方式需要遵循這樣的規律，將重要、高頻內容優先突出展示，否則用戶就需要耗費更多精力去頁面中查找目標項。

2. 視覺的層次

B端產品界面設計不需要繁雜的視覺元素，視覺設計主要是為了輔助內容傳遞。通過色彩對比，建立空間邊界和視覺層次。

例如卡片式設計，常用于包含大量信息的首頁中。讓用戶看到的不再是堆疊、難以區分層次的信息，更好地輔助信息有序傳達。按鈕的主次區分，讓用戶可以在多個相似信息中，快速識別關鍵關鍵信息。

五、刪除不必要的設計元素

設計師喜歡創新，但是在B端產品中，奉行“效率至上”，應該盡可能地減少不必要的元素，減少頁面信息量。

例如，越來越多的導航和按鈕都采用純文本的形式，較少使用圖文結合的形式了。純圖標，尤其是不常見的圖標，用戶很理解其的含義，反而會造成認知負擔。

六、引入“減負”功能設計

除了設計側的方法思考，設計師還可以從競品和場景出發，為產品提供一些合理的功能建議。常見的認知“減負”功能主要有以下3種：

1. 自動化

借助技術能力實現業務的自動化配置，減少用戶對信息的理解。例如現在的家用路由器都有自動配置功能，普通用戶只需要將網線接好，系統會自動完成網絡的初始化配置。

2. 模板化

我們在使用WPS處理各種文檔時，軟件提供了很多的設計模板，幫助用戶“一鍵美化”文檔。模板功能廣泛應用于圖像處理、視頻剪輯中，讓用戶告別了專業又復雜的參數調整，大大降低了用戶的行為門檻。

3. 可視化

用戶對信息認知是分層的。視頻、圖形化的表現方式，信息傳達效率更高，也更容易理解。為了降低用戶的認知成本，除了給B端用戶展示各種詳情表格數據，還可以引入可視化的表現手法，讓信息能夠一目了然，減少用戶閱讀理解的認知負荷。

以上就是我對“認知負荷”的理解，希望對大家有所幫助~

#專欄作家#

子牧先生。公眾號：子牧UXD（HelloDesign），人人都是產品經理專欄作家。產品體驗設計師。8年互聯網行業經驗，擅長體驗設計思維、設計方法論、交互設計研究。

本文原創發布于人人都是產品經理，未經許可，禁止轉載。

題圖來自 Unsplash，基于 CC0 協議。