編輯導(dǎo)語：產(chǎn)品若設(shè)計(jì)得不合理，則可能會(huì)增加用戶的認(rèn)知負(fù)擔(dān)和操作負(fù)擔(dān)，導(dǎo)致用戶使用體驗(yàn)下降，進(jìn)一步造成用戶流失。此時(shí)，產(chǎn)品設(shè)計(jì)師需要降低用戶的認(rèn)知負(fù)荷。本文作者就結(jié)合實(shí)際案例，對(duì)認(rèn)知負(fù)荷法則做了解讀，一起來看一下。

我們都說好的設(shè)計(jì)不是引人注目的，而是自然而然幫助用戶完成任務(wù)，甚至用戶都沒發(fā)現(xiàn)。

這種自然而然感覺背后往往是對(duì)人類行為、心理模式的研究，在基于研究轉(zhuǎn)化到在設(shè)計(jì)上的結(jié)果。

接下來我們就從日常生活的案例，一起來辨析辨析設(shè)計(jì)師需要知道的重要法則。

認(rèn)知負(fù)荷

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

不理解沒關(guān)系，我們來看一個(gè)生活中的小案例。

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

這么多按鍵，我們每一個(gè)功能都會(huì)使用么？用來用去無非就只有某幾個(gè)按鍵高頻使用。

而上圖左邊這樣的設(shè)計(jì)無視使用頻率，粗暴平鋪功能，恰恰給用戶施加了極大【負(fù)荷】，這樣的負(fù)荷嚴(yán)重反人類，因?yàn)槿四X特性就不善于處理這么高的負(fù)荷，所以設(shè)計(jì)師的首要工作任務(wù)就是要降低用戶的【認(rèn)知負(fù)荷】、【合理調(diào)節(jié)認(rèn)知負(fù)荷】，讓用戶順利地完成任務(wù)。

降低、合理調(diào)節(jié)認(rèn)知負(fù)荷的手段可采用：

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

1. 減少選擇

選擇越多反而不知道該選什么。當(dāng)用戶有太多選擇時(shí)，他們往往會(huì)感到沮喪。就算一個(gè)產(chǎn)品擁有世界上所有的功能，如果因?yàn)榻缑鎯?nèi)容過多選擇照樣會(huì)讓這個(gè)產(chǎn)品顯得無比不友好。

所以我們?cè)谠O(shè)計(jì)時(shí)，還是要先貫徹交互設(shè)計(jì)的第一策略：合理刪除，先做減法，盡可能地消除一切干擾。

但如果因?yàn)闃I(yè)務(wù)訴求無法剔除，則可以考慮隱藏的方式，將多的部分統(tǒng)一放在一個(gè)隱藏菜單、浮層中，用戶觸發(fā)后再顯示。

2. 拆解復(fù)雜，循序漸進(jìn)

增加步驟會(huì)導(dǎo)致每一步的轉(zhuǎn)化流失，所以大多不建議有多步驟的任務(wù)路徑。

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

分步驟的選擇、填寫常見于一些報(bào)銷、保險(xiǎn)理賠、醫(yī)療等信息填寫的表單中，由于填寫的內(nèi)容多且復(fù)查，如果不分類，直接全篇幅展示在用戶面前，用戶可能還沒填寫就被嚇到了。

像下方這樣拆分成 2 個(gè)步驟，用戶可以輕松完成第一個(gè)步驟，進(jìn)入第二個(gè)步驟的概率就會(huì)高很多，因?yàn)橛脩粢呀?jīng)付出了沉默成本~?

3. 保持設(shè)計(jì)一致性

設(shè)計(jì)的統(tǒng)一性是保證體驗(yàn)的基礎(chǔ)，因?yàn)榭梢员M可能降低用戶的認(rèn)知負(fù)擔(dān)。

所以設(shè)計(jì)師在設(shè)計(jì)時(shí)應(yīng)該使用用戶熟悉產(chǎn)品的視覺、交互的設(shè)計(jì)，這也就是為什么這么大廠都有自己的組件庫，為的就是保證產(chǎn)品在多次的迭代過程中都能保證設(shè)計(jì)的一致性，避免產(chǎn)品各個(gè)模塊在團(tuán)隊(duì)協(xié)作過程中出現(xiàn)另類的頁面，導(dǎo)致用戶突然很不習(xí)慣。

在視覺上需使用一致的配色方案，因?yàn)槲覀兊难劬?duì)顏色敏感，在界面中使用相同的顏色，人們會(huì)更容易找到重點(diǎn)的部分，如微信規(guī)范中的色板：

在icon中需使用熟悉的與現(xiàn)實(shí)生活中有映射的icon，不要產(chǎn)生歧義。

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

清晰的視覺層級(jí)能夠幫助用戶更好地獲取信息重點(diǎn)，從而幫助用戶減少認(rèn)知負(fù)荷，視覺上諸如文字大小，按鈕大小等分布都需要根據(jù)重要程度進(jìn)行層次的劃分。

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

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

寫在最后

設(shè)計(jì)師在設(shè)計(jì)過程中，通過降低用戶的認(rèn)知負(fù)荷實(shí)際上為了提高產(chǎn)品的易用性，降低用戶學(xué)習(xí)與操作成本，從而讓用戶能夠順暢使用產(chǎn)品完成自己的任務(wù)。認(rèn)知負(fù)荷越小，可用性越高！

本文由 @小發(fā)的設(shè)計(jì)筆記 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于CC0協(xié)議。