起點課堂會員權益
職業(yè)體系課特權
線下行業(yè)大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業(yè)技能直播
會員專屬社群
榮耀標識通過減少認知超載，提升用戶體驗（上）
“怎樣才能改善用戶體驗設計？這是關于用戶體驗研究恒久不變的話題。今天給大家推送的是關于運用認知心理學中的相關理論來提升用戶體驗的研究。希望對大家有幫助。 文章太長，會分成兩次推送，歡迎期待~
最好的用戶體驗設計應該是用戶察覺不到的。在界面中，它的出現自然而平滑。但是在現實中，許多關鍵設計的初衷卻是為了引導、有趣和避免出現問題。
好的用戶體驗既能幫助用戶達成用戶所期望的目的，又能讓用戶的所有操作都是在無意識之下進行的。在瀏覽網頁時，用戶的注意力不應該停留在界面和設計上，他們更應該關注的是如何達成他們的目的。作為設計師，你的職責是事先清除障礙為他們提供一條更直接的路徑，幫助他們完成目標。
“通常，飛速行駛的貨車不可能輕松地停下來。因為它需要花費很多努力，運用更多的動能去改變運動狀態(tài)。與其強迫人們從他們的主任務上轉移注意力，不如直接帶他們去他們想去的地方?！?/p>
——Luke Wroblewski，谷歌產品總監(jiān)
換個思路來看。復雜和混亂的界面迫使用戶去尋找解決問題的方法，而通常情況下，這些方法并不是一目了然的。用戶會因為過多的選項、界面、導航等產生困惑，以至于他們在思考時感到不知所措。要知道，即便是很短暫的停頓，也足以讓用戶跳出網站，認清他們坐在電腦前這一現實。
這種過度的思考就被稱為認知超載，在這篇文章里，我們將為你解釋如何避免它的產生。那首先，我們需要明白，在我們的大腦中究竟是什么有被超載的風險。
圖片來源： Dierk Schaefer
認知超載的科學根源
認知負荷是指你的工作記憶可以處理的信息總量。當你的工作記憶接收到的信息超出了它能自如控制的范圍時，認知超載就產生了，它將會直接導致挫敗感并形成最終的決策。
但這究竟意味著什么？工作記憶到底是什么？針對這些我們又應該怎樣進行設計呢？還是讓我們先來了解一下認知負荷理論的起源吧。
JOHN SWELLER和認知負荷理論
認知研究可以追溯到幾個世紀前，在上世紀80年代，澳大利亞教育心理學家John Sweller首次將這項研究應用到教學設計中。Sweller試圖為每一種類型的學習者找出最適合他們的學習方法，讓他們可以記住他們學到的所有知識。換言之，怎樣的課程設計才是最佳的？
1988年，Sweller發(fā)表了論文“認知負荷理論，學習困難和教學設計”（“Cognitive Load Theory, LearningDifficulty, and Instructional Design），這將他的研究工作推上了一個新的高峰。而該篇論文在1994年被修改后再版。
他的研究中運用了數據組織結構中的圖表數據庫，概述了有效和無效的教學方法，而他關于工作記憶負荷極限的研究則是設計師們試圖找到的最有用的內容。
Sweller的研究在許多方面是擴展了George Miller的信息加工理論。George Miller是一位認知心理學家和語言學家，他在20世紀50年代測試出短期記憶的極限。Miller的研究在數字化設計，特別是分塊技術方面非常精辟，這將在本文后面討論。另外，Miller還創(chuàng)作了論文“神奇數字七，加或減二”（“The Magical Number Seven, Plus orMinus Two PDF），這個理論促使許多設計師將菜單項的數量限制在五和九之間—-盡管這項技術已經在數字設計中不再被重視。
雖然這些理論最初只是被試用于教育領域，但其實它們也同樣適用于用戶體驗（UX）設計?？梢哉f，同樣的技術，它在增強記憶力和學習力的同時也減少了用戶的煩惱。
工作記憶
如果你每次打開冰箱，都必須回答一個像謎語一樣的問題，“什么東西小的時候四只腳走路，長大了以后兩只腳，而老了以后有三只腳？”這是一個老段子，對嗎？但是，根據認知負荷理論，使用這種讓人無奈的用戶體驗設計始終會讓用戶感到相同的挫敗感。
圖片來源：ErikaWittlieb
要真正理解認知負荷理論，你首先要理解什么是工作記憶。大腦在短時間內完成一個任務的過程即是工作記憶。工作記憶必須借助所有的外部刺激和短期記憶元素，如果需要的話，還會從長期記憶中提取信息。工作記憶相當于計算機內存，而長期記憶則相當于硬盤驅動器。
工作記憶和短時記憶通常會被替換使用，但它們卻稍有不同。工作記憶是處理信息的過程，而短期記憶更像是信息的便簽本，它雖然重要，但卻沒有長期記憶重要。
讓我們來看看這篇文章是如何解釋這種差異的。當你在閱讀時，你可能會遇到一個用藍色字體書寫的陌生概念。你的工作記憶需要知道這個用藍色字體書寫的概念是什么意思，以理解這篇文章的深層含義。你的長期記憶知道，藍色字體意味著一個鏈接，所以你的工作記憶知道要點擊鏈接獲取更多的信息。同時，你的短期記憶記住你在文章中的位置，所以當你從外部頁面返回時，你不會迷失位置—-但到了第二天早上，這個位置就會被遺忘。
圖片來源：Tim Gouw
在設計中的應用
Steve Krug是一位很有影響力的作家，他在網頁設計中極力推崇認知負荷理論。他的書《Don’t make me think》被許多設計師認為是影響重大的著作。書中記錄了許多寶貴的經驗，下面就列舉一些我們非常熟悉的：
- 每個頁面必須可以自我解釋，因為用戶很可能像從主頁進入你的網站一樣，從中途進入你的網站。
- 用戶想要的“滿意”，通常是第一個合理的或最容易的解決問題的方法，而不是最佳的。此外，作為習慣性生物，用戶會重復使用相同的方法解決問題，而不會刻意尋找一個更好的選擇.
- 當一個有著平均能力或經驗的人能夠使用系統來完成他們的目標時，就意味著系統的可用性是合格的。
- 大部分情況下，我們使用網絡是想節(jié)約時間。所以，用戶的行為通常會像鯊魚一樣，“一直移動，否則會死掉”。
- 后退按鈕是Web瀏覽器中最常用的功能。
- 即使返回主頁按鈕不常被用到，但是它的存在卻能給用戶以安全感。
除了Krug，許多人都闡述了認知負荷理論對設計的作用，包括尼爾森諾爾曼集團的可用性大師。
總之，用戶在瀏覽網站過程中哪怕是一瞬間的思考，也會對他們的工作記憶造成負擔。例如 “這個可以點擊嗎？“首頁按鈕在哪兒？”和“我怎么保存？”等等問題，都會不同程度破壞用戶體驗。
造成認知超載的最常見原因
很多設計變量都在偷偷的對用戶大腦征稅，而且在用戶的外部生活和環(huán)境中也有許多變量是你無法控制的。一個用戶可能會擔心第二天的工作演示，或者在他的窗外正好有很嘈雜的建筑—-這些事情都會損耗他們的工作記憶，無論你們的網站設計的多么簡單。
我們要清楚一點，每個用戶的工作記憶能力都不同。隨性的用戶比那些對每件小事都無比專注的用戶更能專注于你的網站。不經常上網的用戶必然比經驗豐富的網絡用戶思考的更多。
雖然我們不能量化所有的認知超載，但是我們可以避免大多數可能引發(fā)它的設計錯誤。下面，我們將網頁設計中發(fā)現的最常見的錯誤類型以及避免它們的最佳方法進行分類說明。
1. 不必要的操作
用戶的每一步操作都會增加他們的認知負荷。太多的不必要的操作會讓用戶的思考脫離問題本身或者讓他們抓狂。因為用戶的工作記憶是專注于完成特定的目標，不必要的操作將迫使用戶投入更多的精力，而這無疑需要用戶使用更多的工作記憶去完成任務。不得不說，這些不必要的步驟很考驗用戶的耐心。
速度和節(jié)奏是減少認知負荷的基本要素。用戶希望以輕快的、目的性很強的步驟來完成他們的任務，所以應該提前消除任何延遲。
圖片來源： Touch of Modern
用戶都知道他們在進入網頁之前需要提交他們的電子郵件地址，但Touch of Modern的首頁卻要求在注冊之前提交…所有東西！第一個強制性操作和后面各種不必要的選項會嚇跑相當大數量的潛在用戶。
解決方法：
下面這個方法可以幫助你有效的找到不必要的操作：列出用戶完成一項任務必須操作的步驟。例如發(fā)送電子郵件：
- 點擊電子郵件圖標。
- 點擊“發(fā)送到”輸入框。
- 輸入電子郵件地址。
- 點擊“主題”輸入框。
凡此種種，不一而足。
現在，重新查看這個操作清單并且尋找可刪減的步驟，想到什么了嗎？你可以通過將光標一開始就自動定位在“發(fā)送到”字段從而刪除步驟2。這將減少用戶的麻煩，雖然很微小。但你消除的每一步都是一場勝利。
圖片來源：Google
讓我們來看一下谷歌的主頁。光標一開始就停在搜索框中，于是所有的用戶需要做的就是開始輸入文字。這些微小的交互無疑提升了整體的用戶體驗，所以不要忽視它們。
2. 過度刺激
混亂，嘈雜和其它分散注意力的界面會讓用戶從他們手頭的任務上分心。這就好比，幾個人同時跟你說話你會很難集中精神一樣，在網頁上，當有太多的圖像、動畫、圖標、廣告、文本類型和明亮的顏色時，那簡直是一場搶奪你注意力的“大戰(zhàn)”。
記住，每個人的工作記憶在向前完成目標的過程中，會因為外界的刺激對每一步工作重新排序。每一次分心，尤其是視覺上的強烈刺激，都會耗費用戶的一部分注意力。
圖片來源：LINGsCARS
LINGsCARS可能是一個極端的例子，你可以看到每個元素都在激烈地競爭著，例如明亮的顏色和動畫，直擊感官。甚至于，在屏幕的兩個不同區(qū)域竟然有兩個動畫同步地刺激著用戶。
解決方法：
首先，去除一切不必要的東西。一般情況下，只保留必須存在的東西才是最佳的，可以減少加載時間也讓用戶體驗更加流暢。更重要的是，在美學如何影響網站的第一印象（PDF）的研究中發(fā)現，與視覺上復雜的網站相比，用戶更喜歡簡潔的網站。
你也可以為了頁面平衡讓你的內容多樣化。過多單一的表達方式（例如：文本或圖像）用戶同樣難以忍受。將視覺內容—-圖片，視頻，信息圖表等等—-合理的組合在一起，讓頁面更加和諧，也讓用戶更容易理解。
電影和電視網站IMDB無疑傾向于大量的視覺內容，但它依然使用了相當數量的文本內容來維持它的頁面平衡。
圖片來源：IMDb
在抽取出一個頁面上必須要展示的元素之后，你應該采用一種讓用戶瞬間能懂的方式組織這些元素。對稱或者創(chuàng)造性的不對稱布局顯示信息都可以很快的被理解，簡單的說，就是用一種方式，盡力的減少大腦的工作。這樣不僅是對稱和不對稱都能讓眼睛感覺很舒適，而這樣的結構也能讓界面交互更容易。
讓我們來看一下Groupon是怎樣布置頁面的吧。左中是文本類的垂直菜單，右中是一個有特色的凍酸奶交易文本描述，插在文本中間的照片和色塊的使用，分分鐘創(chuàng)造出一個讓人喜愛的沙漏結構。
圖片來源： Groupon
對稱不僅僅是指頁面的兩側要用相同的設計布局，它的含義可以引申為頁面視覺重心和視覺方向的平衡。從這個角度來看，不對稱的頁面也可以看起來很有組織性，比如下圖顯示的OTHR。
圖片來源： OTHR
將你的頁面內容精減到只包含簡單的和非競爭性的元素，這只是完成了預防過度刺激工作的一半。千萬記住，要用一個簡單直接的布局合理地呈現這些元素。
譯者：唐唐
來源：微信公眾號【INUX】
本文由 @INUX?授權發(fā)布于人人都是產品經理，未經作者許可，禁止轉載。
寫的很中肯，可惜篇幅有點長