通過減少認知超載,提升用戶體驗(上)

1 評論 10426 瀏覽 44 收藏 17 分鐘

“怎樣才能改善用戶體驗設(shè)計?這是關(guān)于用戶體驗研究恒久不變的話題。今天給大家推送的是關(guān)于運用認知心理學(xué)中的相關(guān)理論來提升用戶體驗的研究。希望對大家有幫助。 文章太長,會分成兩次推送,歡迎期待~

最好的用戶體驗設(shè)計應(yīng)該是用戶察覺不到的。在界面中,它的出現(xiàn)自然而平滑。但是在現(xiàn)實中,許多關(guān)鍵設(shè)計的初衷卻是為了引導(dǎo)、有趣和避免出現(xiàn)問題。

好的用戶體驗既能幫助用戶達成用戶所期望的目的,又能讓用戶的所有操作都是在無意識之下進行的。在瀏覽網(wǎng)頁時,用戶的注意力不應(yīng)該停留在界面和設(shè)計上,他們更應(yīng)該關(guān)注的是如何達成他們的目的。作為設(shè)計師,你的職責是事先清除障礙為他們提供一條更直接的路徑,幫助他們完成目標。

“通常,飛速行駛的貨車不可能輕松地停下來。因為它需要花費很多努力,運用更多的動能去改變運動狀態(tài)。與其強迫人們從他們的主任務(wù)上轉(zhuǎn)移注意力,不如直接帶他們?nèi)ニ麄兿肴サ牡胤?。?/p>

——Luke Wroblewski,谷歌產(chǎn)品總監(jiān)

換個思路來看。復(fù)雜和混亂的界面迫使用戶去尋找解決問題的方法,而通常情況下,這些方法并不是一目了然的。用戶會因為過多的選項、界面、導(dǎo)航等產(chǎn)生困惑,以至于他們在思考時感到不知所措。要知道,即便是很短暫的停頓,也足以讓用戶跳出網(wǎng)站,認清他們坐在電腦前這一現(xiàn)實。

這種過度的思考就被稱為認知超載,在這篇文章里,我們將為你解釋如何避免它的產(chǎn)生。那首先,我們需要明白,在我們的大腦中究竟是什么有被超載的風險。

圖片來源: Dierk Schaefer

認知超載的科學(xué)根源

認知負荷是指你的工作記憶可以處理的信息總量。當你的工作記憶接收到的信息超出了它能自如控制的范圍時,認知超載就產(chǎn)生了,它將會直接導(dǎo)致挫敗感并形成最終的決策。

但這究竟意味著什么?工作記憶到底是什么?針對這些我們又應(yīng)該怎樣進行設(shè)計呢?還是讓我們先來了解一下認知負荷理論的起源吧。

JOHN SWELLER和認知負荷理論

認知研究可以追溯到幾個世紀前,在上世紀80年代,澳大利亞教育心理學(xué)家John Sweller首次將這項研究應(yīng)用到教學(xué)設(shè)計中。Sweller試圖為每一種類型的學(xué)習者找出最適合他們的學(xué)習方法,讓他們可以記住他們學(xué)到的所有知識。換言之,怎樣的課程設(shè)計才是最佳的?

1988年,Sweller發(fā)表了論文“認知負荷理論,學(xué)習困難和教學(xué)設(shè)計”(“Cognitive Load Theory, LearningDifficulty, and Instructional Design),這將他的研究工作推上了一個新的高峰。而該篇論文在1994年被修改后再版。

他的研究中運用了數(shù)據(jù)組織結(jié)構(gòu)中的圖表數(shù)據(jù)庫,概述了有效和無效的教學(xué)方法,而他關(guān)于工作記憶負荷極限的研究則是設(shè)計師們試圖找到的最有用的內(nèi)容。

Sweller的研究在許多方面是擴展了George Miller的信息加工理論。George Miller是一位認知心理學(xué)家和語言學(xué)家,他在20世紀50年代測試出短期記憶的極限。Miller的研究在數(shù)字化設(shè)計,特別是分塊技術(shù)方面非常精辟,這將在本文后面討論。另外,Miller還創(chuàng)作了論文“神奇數(shù)字七,加或減二”(“The Magical Number Seven, Plus orMinus Two PDF),這個理論促使許多設(shè)計師將菜單項的數(shù)量限制在五和九之間—-盡管這項技術(shù)已經(jīng)在數(shù)字設(shè)計中不再被重視。

雖然這些理論最初只是被試用于教育領(lǐng)域,但其實它們也同樣適用于用戶體驗(UX)設(shè)計??梢哉f,同樣的技術(shù),它在增強記憶力和學(xué)習力的同時也減少了用戶的煩惱。

工作記憶

如果你每次打開冰箱,都必須回答一個像謎語一樣的問題,“什么東西小的時候四只腳走路,長大了以后兩只腳,而老了以后有三只腳?”這是一個老段子,對嗎?但是,根據(jù)認知負荷理論,使用這種讓人無奈的用戶體驗設(shè)計始終會讓用戶感到相同的挫敗感。

圖片來源:ErikaWittlieb

要真正理解認知負荷理論,你首先要理解什么是工作記憶。大腦在短時間內(nèi)完成一個任務(wù)的過程即是工作記憶。工作記憶必須借助所有的外部刺激和短期記憶元素,如果需要的話,還會從長期記憶中提取信息。工作記憶相當于計算機內(nèi)存,而長期記憶則相當于硬盤驅(qū)動器。

工作記憶和短時記憶通常會被替換使用,但它們卻稍有不同。工作記憶是處理信息的過程,而短期記憶更像是信息的便簽本,它雖然重要,但卻沒有長期記憶重要。

讓我們來看看這篇文章是如何解釋這種差異的。當你在閱讀時,你可能會遇到一個用藍色字體書寫的陌生概念。你的工作記憶需要知道這個用藍色字體書寫的概念是什么意思,以理解這篇文章的深層含義。你的長期記憶知道,藍色字體意味著一個鏈接,所以你的工作記憶知道要點擊鏈接獲取更多的信息。同時,你的短期記憶記住你在文章中的位置,所以當你從外部頁面返回時,你不會迷失位置—-但到了第二天早上,這個位置就會被遺忘。

圖片來源:Tim Gouw

在設(shè)計中的應(yīng)用

Steve Krug是一位很有影響力的作家,他在網(wǎng)頁設(shè)計中極力推崇認知負荷理論。他的書《Don’t make me think》被許多設(shè)計師認為是影響重大的著作。書中記錄了許多寶貴的經(jīng)驗,下面就列舉一些我們非常熟悉的:

  • 每個頁面必須可以自我解釋,因為用戶很可能像從主頁進入你的網(wǎng)站一樣,從中途進入你的網(wǎng)站。
  • 用戶想要的“滿意”,通常是第一個合理的或最容易的解決問題的方法,而不是最佳的。此外,作為習慣性生物,用戶會重復(fù)使用相同的方法解決問題,而不會刻意尋找一個更好的選擇.
  • 當一個有著平均能力或經(jīng)驗的人能夠使用系統(tǒng)來完成他們的目標時,就意味著系統(tǒng)的可用性是合格的。
  • 大部分情況下,我們使用網(wǎng)絡(luò)是想節(jié)約時間。所以,用戶的行為通常會像鯊魚一樣,“一直移動,否則會死掉”。
  • 后退按鈕是Web瀏覽器中最常用的功能。
  • 即使返回主頁按鈕不常被用到,但是它的存在卻能給用戶以安全感。

除了Krug,許多人都闡述了認知負荷理論對設(shè)計的作用,包括尼爾森諾爾曼集團的可用性大師。

總之,用戶在瀏覽網(wǎng)站過程中哪怕是一瞬間的思考,也會對他們的工作記憶造成負擔。例如 “這個可以點擊嗎?“首頁按鈕在哪兒?”和“我怎么保存?”等等問題,都會不同程度破壞用戶體驗。

造成認知超載的最常見原因

很多設(shè)計變量都在偷偷的對用戶大腦征稅,而且在用戶的外部生活和環(huán)境中也有許多變量是你無法控制的。一個用戶可能會擔心第二天的工作演示,或者在他的窗外正好有很嘈雜的建筑—-這些事情都會損耗他們的工作記憶,無論你們的網(wǎng)站設(shè)計的多么簡單。

我們要清楚一點,每個用戶的工作記憶能力都不同。隨性的用戶比那些對每件小事都無比專注的用戶更能專注于你的網(wǎng)站。不經(jīng)常上網(wǎng)的用戶必然比經(jīng)驗豐富的網(wǎng)絡(luò)用戶思考的更多。

雖然我們不能量化所有的認知超載,但是我們可以避免大多數(shù)可能引發(fā)它的設(shè)計錯誤。下面,我們將網(wǎng)頁設(shè)計中發(fā)現(xiàn)的最常見的錯誤類型以及避免它們的最佳方法進行分類說明。

1. 不必要的操作

用戶的每一步操作都會增加他們的認知負荷。太多的不必要的操作會讓用戶的思考脫離問題本身或者讓他們抓狂。因為用戶的工作記憶是專注于完成特定的目標,不必要的操作將迫使用戶投入更多的精力,而這無疑需要用戶使用更多的工作記憶去完成任務(wù)。不得不說,這些不必要的步驟很考驗用戶的耐心。

速度和節(jié)奏是減少認知負荷的基本要素。用戶希望以輕快的、目的性很強的步驟來完成他們的任務(wù),所以應(yīng)該提前消除任何延遲。

圖片來源: Touch of Modern

用戶都知道他們在進入網(wǎng)頁之前需要提交他們的電子郵件地址,但Touch of Modern的首頁卻要求在注冊之前提交…所有東西!第一個強制性操作和后面各種不必要的選項會嚇跑相當大數(shù)量的潛在用戶。

解決方法:

下面這個方法可以幫助你有效的找到不必要的操作:列出用戶完成一項任務(wù)必須操作的步驟。例如發(fā)送電子郵件:

  • 點擊電子郵件圖標。
  • 點擊“發(fā)送到”輸入框。
  • 輸入電子郵件地址。
  • 點擊“主題”輸入框。

凡此種種,不一而足。

現(xiàn)在,重新查看這個操作清單并且尋找可刪減的步驟,想到什么了嗎?你可以通過將光標一開始就自動定位在“發(fā)送到”字段從而刪除步驟2。這將減少用戶的麻煩,雖然很微小。但你消除的每一步都是一場勝利。

圖片來源:Google

讓我們來看一下谷歌的主頁。光標一開始就停在搜索框中,于是所有的用戶需要做的就是開始輸入文字。這些微小的交互無疑提升了整體的用戶體驗,所以不要忽視它們。

2. 過度刺激

混亂,嘈雜和其它分散注意力的界面會讓用戶從他們手頭的任務(wù)上分心。這就好比,幾個人同時跟你說話你會很難集中精神一樣,在網(wǎng)頁上,當有太多的圖像、動畫、圖標、廣告、文本類型和明亮的顏色時,那簡直是一場搶奪你注意力的“大戰(zhàn)”。

記住,每個人的工作記憶在向前完成目標的過程中,會因為外界的刺激對每一步工作重新排序。每一次分心,尤其是視覺上的強烈刺激,都會耗費用戶的一部分注意力。

圖片來源:LINGsCARS

LINGsCARS可能是一個極端的例子,你可以看到每個元素都在激烈地競爭著,例如明亮的顏色和動畫,直擊感官。甚至于,在屏幕的兩個不同區(qū)域竟然有兩個動畫同步地刺激著用戶。

解決方法:

首先,去除一切不必要的東西。一般情況下,只保留必須存在的東西才是最佳的,可以減少加載時間也讓用戶體驗更加流暢。更重要的是,在美學(xué)如何影響網(wǎng)站的第一印象(PDF)的研究中發(fā)現(xiàn),與視覺上復(fù)雜的網(wǎng)站相比,用戶更喜歡簡潔的網(wǎng)站。

你也可以為了頁面平衡讓你的內(nèi)容多樣化。過多單一的表達方式(例如:文本或圖像)用戶同樣難以忍受。將視覺內(nèi)容—-圖片,視頻,信息圖表等等—-合理的組合在一起,讓頁面更加和諧,也讓用戶更容易理解。

電影和電視網(wǎng)站IMDB無疑傾向于大量的視覺內(nèi)容,但它依然使用了相當數(shù)量的文本內(nèi)容來維持它的頁面平衡。

圖片來源:IMDb

在抽取出一個頁面上必須要展示的元素之后,你應(yīng)該采用一種讓用戶瞬間能懂的方式組織這些元素。對稱或者創(chuàng)造性的不對稱布局顯示信息都可以很快的被理解,簡單的說,就是用一種方式,盡力的減少大腦的工作。這樣不僅是對稱和不對稱都能讓眼睛感覺很舒適,而這樣的結(jié)構(gòu)也能讓界面交互更容易。

讓我們來看一下Groupon是怎樣布置頁面的吧。左中是文本類的垂直菜單,右中是一個有特色的凍酸奶交易文本描述,插在文本中間的照片和色塊的使用,分分鐘創(chuàng)造出一個讓人喜愛的沙漏結(jié)構(gòu)。

圖片來源: Groupon

對稱不僅僅是指頁面的兩側(cè)要用相同的設(shè)計布局,它的含義可以引申為頁面視覺重心和視覺方向的平衡。從這個角度來看,不對稱的頁面也可以看起來很有組織性,比如下圖顯示的OTHR。

圖片來源: OTHR

將你的頁面內(nèi)容精減到只包含簡單的和非競爭性的元素,這只是完成了預(yù)防過度刺激工作的一半。千萬記住,要用一個簡單直接的布局合理地呈現(xiàn)這些元素。

原文地址

 

譯者:唐唐

來源:微信公眾號【INUX】

本文由 @INUX?授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 寫的很中肯,可惜篇幅有點長

    回復(fù)