認知負荷——設計師需要知道的重要法則

4 評論 5165 瀏覽 20 收藏 9 分鐘

編輯導語:產品若設計得不合理,則可能會增加用戶的認知負擔和操作負擔,導致用戶使用體驗下降,進一步造成用戶流失。此時,產品設計師需要降低用戶的認知負荷。本文作者就結合實際案例,對認知負荷法則做了解讀,一起來看一下。

我們都說好的設計不是引人注目的,而是自然而然幫助用戶完成任務,甚至用戶都沒發現。

這種自然而然感覺背后往往是對人類行為、心理模式的研究,在基于研究轉化到在設計上的結果。

接下來我們就從日常生活的案例,一起來辨析辨析設計師需要知道的重要法則。

認知負荷

認知負荷是指用戶看到界面后需理解、思考、回憶、計算過程中腦力消耗。大家常常聽到的“Don’t make me think”,指的就是不要讓用戶思考,不要增加額外的認知負荷。

不理解沒關系,我們來看一個生活中的小案例。

認知負荷——設計師需要知道的重要法則

想必大家家里應該有過這樣的遙控器,一個板上密密麻麻的按鈕,讓人摸不著頭腦,沒用都害怕,壓根不知道從何下手。就算知道怎么用,一開始也要花較長時間找到對應按鍵在哪里。

這么多按鍵,我們每一個功能都會使用么?用來用去無非就只有某幾個按鍵高頻使用。

而上圖左邊這樣的設計無視使用頻率,粗暴平鋪功能,恰恰給用戶施加了極大【負荷】,這樣的負荷嚴重反人類,因為人腦特性就不善于處理這么高的負荷,所以設計師的首要工作任務就是要降低用戶的【認知負荷】、【合理調節認知負荷】,讓用戶順利地完成任務。

降低、合理調節認知負荷的手段可采用:

  1. 減少選擇(多選擇反而不知道選什么,還不如二選一或只有一個選擇);
  2. 拆解復雜,循序漸進;
  3. 保持設計的一致性;
  4. 視覺層次分明,幫助用戶獲取信息。

1. 減少選擇

選擇越多反而不知道該選什么。當用戶有太多選擇時,他們往往會感到沮喪。就算一個產品擁有世界上所有的功能,如果因為界面內容過多選擇照樣會讓這個產品顯得無比不友好。

所以我們在設計時,還是要先貫徹交互設計的第一策略:合理刪除,先做減法,盡可能地消除一切干擾。

但如果因為業務訴求無法剔除,則可以考慮隱藏的方式,將多的部分統一放在一個隱藏菜單、浮層中,用戶觸發后再顯示。

認知負荷——設計師需要知道的重要法則

認知負荷——設計師需要知道的重要法則

2. 拆解復雜,循序漸進

增加步驟會導致每一步的轉化流失,所以大多不建議有多步驟的任務路徑。

但是實際業務中,不可避免需要用戶填寫、選擇的內容就是很多,且必須要有(B端更是常見),這時我們可以將其全部整理出來,根據步驟之間的親密性進行分組,將大任務拆分成多個子任務,每次只展示一小個模塊,這樣用戶就可以輕松地一次處理一小塊信息,提高處理效率。

認知負荷——設計師需要知道的重要法則

分步驟的選擇、填寫常見于一些報銷、保險理賠、醫療等信息填寫的表單中,由于填寫的內容多且復查,如果不分類,直接全篇幅展示在用戶面前,用戶可能還沒填寫就被嚇到了。

像下方這樣拆分成 2 個步驟,用戶可以輕松完成第一個步驟,進入第二個步驟的概率就會高很多,因為用戶已經付出了沉默成本~?

認知負荷——設計師需要知道的重要法則

3. 保持設計一致性

設計的統一性是保證體驗的基礎,因為可以盡可能降低用戶的認知負擔。

所以設計師在設計時應該使用用戶熟悉產品的視覺、交互的設計,這也就是為什么這么大廠都有自己的組件庫,為的就是保證產品在多次的迭代過程中都能保證設計的一致性,避免產品各個模塊在團隊協作過程中出現另類的頁面,導致用戶突然很不習慣。

認知負荷——設計師需要知道的重要法則

在視覺上需使用一致的配色方案,因為我們的眼睛對顏色敏感,在界面中使用相同的顏色,人們會更容易找到重點的部分,如微信規范中的色板:

認知負荷——設計師需要知道的重要法則

在icon中需使用熟悉的與現實生活中有映射的icon,不要產生歧義。

認知負荷——設計師需要知道的重要法則

4. 視覺層次分明,幫助用戶獲取信息

清晰的視覺層級能夠幫助用戶更好地獲取信息重點,從而幫助用戶減少認知負荷,視覺上諸如文字大小,按鈕大小等分布都需要根據重要程度進行層次的劃分。

認知負荷——設計師需要知道的重要法則

符合用戶日常習慣的視覺呈現方式也能夠極大程度上讓用戶獲取信息過程中更加順暢,并且能夠便于用戶記憶。

認知負荷——設計師需要知道的重要法則

符合用戶日常行為的交互方式既能讓用戶容易學,并且操作起來更加舒服,還能增加一些趣味性,畢竟誰能拒絕與生活中行為相似的交互方式呢~

認知負荷——設計師需要知道的重要法則

寫在最后

設計師在設計過程中,通過降低用戶的認知負荷實際上為了提高產品的易用性,降低用戶學習與操作成本,從而讓用戶能夠順暢使用產品完成自己的任務。認知負荷越小,可用性越高!

 

本文由 @小發的設計筆記 原創發布于人人都是產品經理,未經作者許可,禁止轉載。

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

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 越簡潔的產品頁面越受用戶喜歡,越復雜越容易被用戶拋棄。

    來自內蒙古 回復
  2. 減少用戶的認知負荷,有利于提高用戶對產品的黏著度。

    來自內蒙古 回復
  3. 簡潔明了有新意,看著簡單做起來難

    來自廣西 回復
  4. 設計真是門大工程,不僅僅要設計得好看,還要從用戶角度出發降低其認知負荷

    來自廣東 回復