編輯導語：用戶負荷，即檢查用戶對某個産品是否有行為能力，它是交互設計中的重要一環。如果想提高用戶的行為能力，降低負荷是一個高性價比的選擇。本文中，作者從視覺負荷、認知負荷和操作負荷三個方面分析了如何降低用戶負荷。對此感興趣的小夥伴，不妨來看看。

之前給大家介紹了交互設計的底層模型——最新版福格行為模型。

模型告訴我們想讓用戶進行某個行為有3個步驟，第一個步驟是檢查有沒有(合理的)行為提示，我把它翻譯成能否吸引用戶注意，感興趣的同學可以查看《交互設計之吸引用戶注意》。第二個步驟是檢查用戶有沒有行為能力，我把它翻譯成降低用戶負荷，以提升用戶行為能力。具體用戶負荷可拆解為視覺負荷、認知負荷和操作負荷三大類，下面我們就逐一來看。

一、視覺負荷

視覺負荷是指界面信息的視覺複雜度。

我們回顧一下交互設計四策略：合理删除，分層組織，适時隐藏，巧妙轉移，這四個策略其實都是在幫助用戶降低視覺負荷，讓信息功能更精煉，主次更清晰。

視覺複雜度很重要，因為人對産品的第一印象在0.5秒内就形成。視覺複雜度過低會讓人感覺簡陋無聊不滿足，但視覺複雜度太高，又會增加用戶的認知障礙，讓用戶覺得困惑煩躁想逃離。

圖1視覺複雜度與愉悅度的關系

當界面初始狀态為空時，或者出現錯誤無法顯示内容時，設計師通常會為其設計插畫、動效、甚至小遊戲，這可以看做是增加界面複雜度，以提升用戶情感愉悅度。

圖2增加視覺複雜度

當界面信息特别少時，我們也可以通過增加背景、插畫等裝飾性元素适當增加複雜度，以此來提升界面的視覺感受（如圖2）。但要注意增加的裝飾性元素不能影響到主體元素的視覺焦點（如下圖3）。

圖3降低視覺複雜度

對于一個登錄頁而言，顯然左圖登錄框的背景插畫太重，容易讓用戶把視覺焦點轉移到背景上，所以應該降低背景元素的視覺複雜度，讓登錄框重新回歸主體地位。

多數産品都是越做越複雜，所以前期做交互設計時，就要充分貫徹交互設計四策略：

1. 合理删除：能删則删，盡量降低要呈現的功能和信息總量。
2. 分層組織：将删減之後的信息和元素進行歸類分組，并按組間和組内的信息優先級進行界面設計。
3. 适時隐藏：把多數用戶暫時用不到的功能和信息做一些折疊隐藏。
4. 巧妙轉移：把一些複雜的操作或計算轉移到PC端或者是産品服務端，還用戶一個簡單清爽的界面。

經過這4大交互設計策略優化後的界面，相對來說會具備比較合适的視覺複雜度。

二、認知負荷

認知負荷是指用戶在界面上理解、思考、回憶、計算信息的腦力消耗。

交互設計有一條經典的原則叫“Don’t make me think”，指的就是不要讓用戶思考，不要增加用戶的認知負荷。

相對于視覺負荷和操作負荷而言，認知負荷消耗的能量更多。如果每個步驟都提供了用戶所預期的信息，他們不必動腦思考，即使步驟相對較多，用戶也會感覺輕松，因為思考的負荷比操作負荷更重。

降低認知負荷常見的策略也有3點。

1. 保持設計的一緻性

一緻性包含的内容比較廣泛，既包括行業産品框架結構的一緻性，也包括産品内部功能流程的一緻性，還包括産品認知/操作模型與用戶心理模型的一緻性。

所有一緻性的設計，都可以降低用戶的認知成本。所以做交互時，對外，要考慮行業産品設計的一緻性；對内，要考慮各功能組件操作的一緻性，對任何一個單一的功能設計，都要考慮其與用戶心智模型的匹配度（一緻性），讓用戶在各産品相似功能之間漫遊時，都可以調用已有的心智模型來認知理解，以此來降低用戶的認知負荷。

圖4 長視頻産品框架結構的一緻性

圖5短視頻主界面布局及操作一緻性

正面案例：比如長視頻類産品，其産品框架及首頁結構都是一緻的，短視頻産品的主界面布局和操作交互也都是一緻的。

圖6顔色設計與用戶認知的不一緻性

反面案例：上圖中，設計師用了不同顔色來表示績效為SABC的占比，橙色用S表示的。但這種顔色的選取，沒有考慮橙色警示色的心理認知，導緻色彩認知出現了沖突，會增加了用戶的認知負荷。

2. 漸進式呈現

如果一項任務比較複雜，我們可以将其步驟全部整理出來，然後根據步驟之間的親密性進行分組，把任務拆分成多個子模塊，每次隻展示一個模塊，通過分步導航的模式進行漸進式的呈現。

圖7體溫采集的漸進式表單呈現

同時，在同一個子模塊内，如果後面的内容跟前面用戶的選項強相關，我們也可以先做隐藏，當用戶選擇特定的選項後再進行呈現，這兩種漸進式呈現的方式，都可以幫助用戶降低認知負荷。

3. 信息可視化

從信息傳達效率和易理解性上來講，圖表化，富媒體化的信息，會比文字信息更容易理解和吸收，所以網上才會有“字不如表、表不如圖”的說法。

圖8信息可視化降低認知成本

為了降低用戶的認知成本，我們要盡可能地将信息結構化，可視化，盡可能地讓信息能夠一目了然，減少用戶閱讀理解的認知負荷。

圖9信息可視化降低認知成本

三、操作負荷

操作負荷指的是用戶移動頭部、肢體、胳膊、手指等身體部位的運動耗能。

降低操作負荷可以分為兩大步驟：

1. 盡可能地減少操作步驟/對象

在互聯網上，一般來講，每增加一個步驟，轉化率的漏鬥就會降低X%，很少有100%轉化的漏鬥。所以我們在設計時，還是要先貫徹交互設計的第一策略：合理删除，先做減法，盡可能地減少用戶的操作步驟。

2. 在操作步驟确認的情況下，盡可能的減少每一步的操作負荷

降低單個步驟的操作負荷，常用的指導原則是費茨定律。

費茨定律告訴我們，操作負荷與操作對象的距離、和大小有關。

想讓用戶快捷地完成操作，需要盡可能的加大操作對象的面積，并減小與操作對象的距離。

圖10增大操作面積降低操作成本

比如vivo浏覽器的搜索框的設計，當把搜索框的高度增加後，不僅用戶反饋滿意度提高了，而且點擊率也有微漲。

圖11減小操作距離降低操作成本

再比如手機系統的搜索設計，按照用戶固有的認知和習慣，多是位于屏幕上方的，但Android最新系統把搜索放到了底部，确實對于高頻搜索的用戶來講，點擊會更加方便。

除了根據費茨定律得出：

之外，考慮到人的手指在屏幕上滑動的軌迹很難做到直線，穩定維持以及多指觸控，所以，

1. 交互方向越寬泛越易用。（要注意和其他交互方向的沖突避免誤觸）
2. 交互時間越短越易用。（所以點擊的易用性大于長按和雙擊）
3. 交互接觸點越少越易用。（單指易用性大于多指）

綜上所述，要降低用戶在觸屏上的操作成本，我們可以從大小、距離、方向、時間、觸點五個維度來綜合考慮。

好了，交互設計之降低用戶負荷，就介紹完畢了，我将在明天為大家更新《交互設計之提升用戶動機》，咱們分4篇文章，将福格行為模型的行為設計講透徹，歡迎持續關注~

#專欄作家#

悅有所思，人人都是産品經理專欄作家。10年體驗設計經驗，崇尚理論指導實踐，實踐叠代理論，熱衷于學習、解構、建構、傳播交互設計、服務設計、行為設計等設計相關領域知識。

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

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

,

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!

查看全部