文章從認知心理學角度下手，分析了在交互設計過程中時常會犯得幾種錯誤，一些平時稀松見慣的設計方式也都在這兒找到了比較理性的依據。設計是門科學，我們需要掌握一些方法論，以不變應萬變。

作者介紹了認知超載和工作記憶這兩個心理學概念在交互設計中的重要作用，并列舉了在設計過程中因為忽視了用戶的認知特點可能會犯得錯誤，并給出了相應的解決方案。因為原文里反復提到了上面兩個概念，所以我先簡單解釋一下二者的含義，也方便大家更好的理解文章的內容。

認知超載：

認知負荷指在工作記憶中腦力使用的總量。當外界信息量超出大腦接收處理的閾值時，就會出現認知超載的情況。通俗來說，人腦跟電腦一樣，處理信息的能力是有極限的，如果超過了一定數量，就會變慢，最后死機，這就是認知超載。

工作記憶：

工作記憶指的是一個容量有限的系統，運用聽覺、視覺系統來暫時保持和存儲外界信息，也叫短期記憶，是外界信息和長期記憶之間的接口。簡單來說，工作記憶是長期記憶的先遣小分隊。

搞清楚認知超載和工作記憶的概念后就可以正式進入正文了~~~

正文

所謂最好的用戶體驗就是能讓用戶毫無察覺，在界面上的操作如行云流水般順暢。用戶們越少去思考界面布局，他們就會越多得將關注點放在要完成的目標上。而作為設計師，你的工作就是幫助用戶全神貫注的完成任務而不被多余的因素打擾。

復雜的界面會迫使用戶去解決那些無足輕重的問題。用戶在填寫選項、界面和導航等地方感覺到困惑時就會中斷他們思考的過程，將他們的注意力從網絡情境拖拽回現實情境。這種過度的思考就被稱為認知超載。

認知負荷的科學根源：

1980年，澳大利亞教育心理學家John Sweller將認知負荷應用到了教學設計中。他旨在尋找對于各類學生來說最好的知識記憶方式。雖然這些理論最初是應用在教育領域的，但它們也同樣適用于交互設計中。接下來我會解釋這個技術如何用來減少用戶的煩惱。

設計中的應用：

著名作家Steve Krug就是將認知負荷理論最廣泛的運用到了網頁設計當中。他的書“Don’t Make Me Think”被許多設計師當做業界圣經。

在他書里提到的觀點中，以下我非常贊同的：

每一個頁面都要清晰明了，因為用戶從網站其他頁面進入網站的可能性和從首頁進入網站的可能性一樣大。

用戶很有可能放棄——也就是說，比起最好的解決方案，采取能夠最早解決問題的方案。

當一個具有一般互聯網經驗的用戶可以用這套系統來完成他們的目標之時，系統達到可用性就可以了。

用戶通常會采用一個心態：“要么快要么就去死”。

即便從未使用過，屏幕上一個可以看見的home鍵將會給用戶帶來安慰。

綜合來講，每當用戶瀏覽網站必須停下來進行思考時，即使一瞬間，他們的工作記憶也是超負荷的。問題類似于： “這個可以點么？” “Home鍵在哪兒” “我改怎么保存？”，這些都會毀了用戶的體驗。

認知過載的最主要的幾個原因

有很多設計元素都對用戶大腦施加了潛在的負荷，與此同時，外界環境中會有更多的因素超出設計師們的控制范圍。比方一個用戶瀏覽網站的同時會擔心第二天的工作報告，或者被窗戶外裝修的噪音所打擾——這些都會消耗他們的工作記憶。

同時，每個用戶因為個體差異，會有著不同的工作記憶能力。比起細心謹慎的用戶來說，不拘小節的用戶會比較容易地將精力集中在你的網站上，而不經常上網的用戶會比經常上網的用戶思考的要多。即便我們不能量化認知負荷，我們依舊可以歸納出那些經常在設計中出現的錯誤。下面，我將對最常見的幾種錯誤分類說明并給出解決方案。

1.多余的動作

用戶所進行的每一個步驟都會增加到他們的認知負荷中。過多不必要的動作會破壞用戶的思路，甚至有可能激怒他們。因為他們的工作記憶都集中在完成特定的目標上，多余的動作會迫使他們投入更多的精力，這就會增加工作記憶的負擔。最終就會耗盡用戶的耐性，掀桌子走人。

為了使認知負荷最小化，速度和步驟是需要注意的基本事項。用戶希望在一種輕快活潑且有目的性的節奏中完成他們的任務，所以撇開一切拖后腿的廢物吧！

用戶希望知道在他們提交郵箱地址之前他們要進入的是什么網站，但Touch of Modern不告訴用戶任何信息卻要求他們在第一時間進行注冊！這個強制且多余的動作將會嚇跑許多潛在用戶。

解決方案：

這里有個找出多余步驟的方法：列出用戶必須要完成的每一步任務。舉個發郵件的栗子吧：

點擊“郵件”圖標

點擊到“發送給”的輸入框

填寫郵箱地址

點擊“主題”輸入框

等等吧啦吧啦吧…….

點擊“郵件”圖標 點擊到“發送給”的輸入框 填寫郵箱地址 點擊“主題”輸入框 等等吧啦吧啦吧…….現在，我們回頭來看這些步驟并找出多余的動作。第二步完全可以刪除，因為你可以讓光標自動停在“發送給”這一欄而不用讓用戶自己動手點擊。

這會為他們減去不必要的麻煩，雖然看起來微不足道，但你所刪減的每一步都是勝利。（這和最近非常流行的微交互設計概念有些不謀而合，微小而不引人注意，并為用戶提供平滑、自然的感覺。）

讓我們來看看谷歌的首頁。光標一開始就出現在搜索欄里面，所以用戶們需要做的就是打字。這些細小的交互行為可以為整體的體驗加分，所以不要忘記它們。

2.過度的刺激

凌亂冗雜的界面會分散用戶注意力，增加工作記憶的負荷從而會妨礙他們去實現目標。就像當很多人同時跟你講話時一樣，你會很難集中精力，當網頁上充斥著許多照片，動畫，圖標，廣告，字體和刺眼的亮色時，你同樣也很難集中注意力。每一種多余的元素，特別是視覺上的搶眼，都會分散用戶的注意力。

要記住的是：在用戶實現目標之前，工作記憶都需要將額外的刺激進行歸類處理，注意力的每一次分散，都會占用用戶的一份工作記憶。

LINGsCARS就是個極端的例子，你可以看到對比強烈的顏色和動效沖擊著人們的感官。在電腦屏幕上，即便處于兩個不同位置但卻同時進行的動效依舊會對用戶造成過度刺激，產生威脅。

解決方案：

首先，避免一切不必要的元素。我們僅需保留通常情況下必要的元素，來減少加載時間并簡化交互體驗。一項關于“美學是如何影響用戶對網站第一印象”的研究發現，比起視覺復雜的網站，用戶更傾向于視覺簡易的網站。

同樣，你也可以進行內容區分從而達到平衡的效果。過多的同質化內容（只有照片或只有文本）會讓用戶感到煩躁。所以，將視覺信息加以綜合——圖片，視頻，信息圖表綜合到一起從而達到頁面的和諧，使它便于用戶理解。

影視網站IMDb本可以在很大程度上輕松地只依靠圖片進行排版，但它反而運用同量的文字內容來平衡網站頁面。

當你總結出一個頁面的必要元素，將這些元素以便于用戶快速理解的方式組織起來。運用對稱式或非對稱式布局來展示信息以便于用戶更快速的理解，也就是說，讓大腦少費勁兒。對稱式布局或有趣的非對稱布局不僅能帶來視覺享受，而且它們的結構可以使界面易于交互。

下面來看看Groupon是如何將它的垂直菜單（中間偏左）和描述凍酸奶的文字（中間偏右）進行布局的吧。大圖居中被文字包圍著，這樣就打造了一個舒適自然的沙漏形狀。

對稱式并不僅僅是將相同的布局放在兩側，它是用來平衡視覺重量和視覺方向。從這點來講，非對稱性布局依舊可以表現的具有組織性，就像OTHR所做的那樣。

減少頁面多余的元素僅僅只勝利了一半，革命尚未成功，大家不要忘了，還要將這些元素以簡潔明了的布局方式呈現出來。