在界面的信息設(shè)計中,有一條奇妙的數(shù)字準(zhǔn)則酗钞,或許是我們每個設(shè)計師都該注意的腹忽±蠢郏可日復(fù)一日,隨著信息多元化窘奏、產(chǎn)量化的演進(jìn)嘹锁,很多設(shè)計師便忽略了這條準(zhǔn)則。接下來着裹,您要配合我的步驟领猾,來展開對它的認(rèn)識。
第一步:
請瀏覽一遍下圖中的詞語骇扇,注意摔竿,只能瀏覽一遍,不用抄寫或者其他少孝,然后在這一遍的時間里嘗試把他們保存在你的大腦里继低。下圖中包含了20個詞語:
第二步:
拿起筆,或者電腦端的筆記本稍走,把你剛剛嘗試保存在大腦里的詞語寫出來袁翁,注意,不要回去偷偷再看一遍婿脸。大家可以把寫好的內(nèi)容偷偷回郵件給我看看:)
第三步:
能力所及粱胜,寫好以后,回頭去核對一下您寫對了幾個:)
是不是只有寥寥無幾的幾個詞語狐树?是不是也發(fā)現(xiàn)一點規(guī)律焙压?有一些人,會對排列靠前和靠后的幾個詞語記憶力較強(qiáng)一些抑钟?排列靠中間的詞語就不會有很大的印象涯曲。
7±2與4±1
1956年,在心理學(xué)界味赃,有一篇文章被高度引用——《The Magical Number Seven, Plus or Minus Two》掀抹,即7±2的理論。它是說人類在一個短時記憶(short-term memory)里能記下的最大單元數(shù)量為7±2個心俗。這個理論的提出者是George A. Miller。這篇文章太火了蓉驹,以致至今為止城榛,有一大部分的設(shè)計師還在引用Miller的研究結(jié)果,體現(xiàn)在界面設(shè)計中的導(dǎo)航欄的數(shù)量态兴、信息模塊的數(shù)量都是5~9個狠持。這在心理學(xué)界確實是一個不簡單的進(jìn)步。
2000年瞻润,Nelson Cowan在論文《The magical number 4 in short-term memory: A reconsideration of mental storage capacity》進(jìn)一步論述了一個觀點喘垂,即這個數(shù)字并不是7±2甜刻,而是4±1。Cowan指出正勒,人類的短時記憶存在能力極限(capacity limit )得院,這個極限在Miller的時代,因為基于一個粗略的估計和不夠精準(zhǔn)的測試設(shè)備章贞,所以得出的結(jié)果不夠精確祥绞。Cowan用實驗數(shù)據(jù)的方法告訴人們4±1才是最接近人類短時記憶的能力極限。
The Chunk
無論是7±2還是4±1鸭限,它們都是指人類記憶最小儲存單元(chunk)的數(shù)量蜕径。在人機(jī)界面設(shè)計中,這個單元就是一個信息字段败京。人類發(fā)展到今天兜喻,通過認(rèn)知能力去識別每臺顯示屏上的字段內(nèi)容,一個認(rèn)知的最小單元就是chunk赡麦,通過把這些chunks組合起來朴皆,才能獲取內(nèi)容。但是隧甚,如果一塊信息內(nèi)容包含的chunks過多车荔,就會帶來認(rèn)知負(fù)荷,這個不超出負(fù)荷的極限值就是4±1(個人更認(rèn)同Cowan的結(jié)論)戚扳,也就是3到5個忧便。
那么,會有同學(xué)提出帽借,難道不是信息量越大越好嗎珠增?管他什么4±1還是7±2,難道不是多多益善砍艾,且接收且淵博嗎蒂教?注意,這里指的是一個場景下的認(rèn)知負(fù)荷脆荷。比如你打開一個網(wǎng)站的頁面凝垛,如果信息量過大(超過4±1的量級),就會導(dǎo)致一個問題:影響或干擾我們完成目標(biāo)任務(wù)蜓谋。面對東一塊西一塊的各種按鈕或者鏈接梦皮,你迷失方向,很難識別自己的目標(biāo)信息桃焕,或者需要更復(fù)雜的搜尋剑肯,也或者會突然忘記自己要干什么,因為人是靠動機(jī)行動的观堂,動機(jī)是不連續(xù)的让网、跳躍的(具體見文章《為什么可用性測試很重要呀忧?》),超級容易的溃睹,你就被一些信息帶走了而账。
所以,記憶的最小儲存單元(chunk)是信息組織和排列中很重要的元素丸凭,它的極限數(shù)量值也應(yīng)該是我們在設(shè)計的時候要遵循的準(zhǔn)則福扬。尤其是針對一些初次使用的用戶,這點更為重要惜犀,因為這些新手用戶腦海中完全沒有把這些信息轉(zhuǎn)化為長期記憶铛碑,并且一點也不熟悉。
設(shè)計關(guān)聯(lián)點
在實際的設(shè)計中虽界,就需要我們注意這些認(rèn)知心理學(xué)的知識汽烦,恰當(dāng)?shù)陌才判畔?shù)量,并排列組合莉御。有些不重要的信息能砍則砍撇吞,當(dāng)斷則斷,可能需要注意以下這幾個方面:
- 保證頁面中核心場景的信息流暢度礁叔。突出重點信息牍颈,給出路徑感,減少干擾琅关。
- 頁面上的信息應(yīng)該有組織煮岁,體現(xiàn)模塊性、區(qū)域感涣易。
- 注意這些模塊的排列順序画机。
- 模塊或模塊內(nèi)的信息數(shù)量控制在4±1個為佳。
尤其在To B系統(tǒng)的設(shè)計中新症,這些點尤為重要步氏,這些都是影響用戶操作重要任務(wù)和操作效率的關(guān)鍵點。更嚴(yán)謹(jǐn)一點來說徒爹,在軍用荚醒、安全等環(huán)境的設(shè)計系統(tǒng)中,這些點的考慮可能重要到了關(guān)乎人的生命安全隆嗅。因此腌且,設(shè)計并不僅僅是簡單的排列組合出炫酷的圖圖,還要考慮用戶的認(rèn)知負(fù)擔(dān)榛瓮,減少出錯。
舉例來說:
比如我們常用的sketch巫击。早期的設(shè)計中禀晓,其實并沒有注意tool bar的分組精续,你可以隨心所欲的在bar上放置一些你覺得好用的工具,也可以自由的調(diào)整他們的順序粹懒,但是重付,回憶一下,是否有這樣的經(jīng)歷:
- 開始尋找他們的時候比較難定位凫乖,要看的仔細(xì)一些才能找到
-
用的時間長了确垫,是靠位置感來定位的,但是有時候仍然要再仔細(xì)過一下
在近期的更新中帽芽,重新規(guī)劃了分組删掀,依然的,你可以隨心所欲的安排你鐘意的工具的位置导街,但是披泪,它做了分組,將類似功能的工具成組出現(xiàn)搬瑰,并在它們中間留出余地款票,從而模塊化的呈現(xiàn)在你面前,這時你的操作經(jīng)歷:
- “布爾運(yùn)算”大概在右上角泽论,眼睛直接瞅過去找到
- “輪廓”好像放在中間那一坨艾少,哦,找到了
所以翼悴,假如我們把一些看似雜亂無章的信息缚够,重新分組,然后排列抄瓦,是否會有助于人們的記憶潮瓶?我們再來做個實驗:老規(guī)矩,還是這20個詞語钙姊,請瀏覽一遍毯辅,然后關(guān)閉這篇文章,用筆或者電腦端筆記本寫出你記得的詞語煞额,不許偷偷回去看思恐!您可以再將結(jié)果偷偷抄送郵件給我:)
雖然,結(jié)果可能還是你只記住了那幾個膊毁,但是胀莹,如果你再看兩遍,就會發(fā)現(xiàn)容易記住更多:)
綜上所述:
4±1個記憶單元是指導(dǎo)我們組合排列信息的重要準(zhǔn)則
設(shè)計應(yīng)當(dāng)考慮用戶認(rèn)知相關(guān)的知識(可以參考認(rèn)知模型的文章《套路?不存在的》)
可以掌握一些認(rèn)知心理學(xué)方面的知識來幫助我們更好的設(shè)計:)
參考: 《The Most Important Rule in UX Design that Everyone Breaks》——Jeff Davidson
《The Magical Number Seven, Plus or Minus Two》——George A. Miller
《The magical number 4 in short-term memory: A reconsideration of mental storage capacity》——Nelson Cowan