記憶單元與設(shè)計的關(guān)系

在界面的信息設(shè)計中,有一條奇妙的數(shù)字準(zhǔn)則酗钞,或許是我們每個設(shè)計師都該注意的腹忽±蠢郏可日復(fù)一日,隨著信息多元化窘奏、產(chǎn)量化的演進(jìn)嘹锁,很多設(shè)計師便忽略了這條準(zhǔn)則。接下來着裹,您要配合我的步驟领猾,來展開對它的認(rèn)識。

第一步:
請瀏覽一遍下圖中的詞語骇扇,注意摔竿,只能瀏覽一遍,不用抄寫或者其他少孝,然后在這一遍的時間里嘗試把他們保存在你的大腦里继低。下圖中包含了20個詞語:

image

第二步:
拿起筆,或者電腦端的筆記本稍走,把你剛剛嘗試保存在大腦里的詞語寫出來袁翁,注意,不要回去偷偷再看一遍婿脸。大家可以把寫好的內(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)斷則斷,可能需要注意以下這幾個方面:

  1. 保證頁面中核心場景的信息流暢度礁叔。突出重點信息牍颈,給出路徑感,減少干擾琅关。
  2. 頁面上的信息應(yīng)該有組織煮岁,體現(xiàn)模塊性、區(qū)域感涣易。
  3. 注意這些模塊的排列順序画机。
  4. 模塊或模塊內(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)歷:

  1. 開始尋找他們的時候比較難定位凫乖,要看的仔細(xì)一些才能找到
  2. 用的時間長了确垫,是靠位置感來定位的,但是有時候仍然要再仔細(xì)過一下


    image

在近期的更新中帽芽,重新規(guī)劃了分組删掀,依然的,你可以隨心所欲的安排你鐘意的工具的位置导街,但是披泪,它做了分組,將類似功能的工具成組出現(xiàn)搬瑰,并在它們中間留出余地款票,從而模塊化的呈現(xiàn)在你面前,這時你的操作經(jīng)歷:

  1. “布爾運(yùn)算”大概在右上角泽论,眼睛直接瞅過去找到
  2. “輪廓”好像放在中間那一坨艾少,哦,找到了
image

所以翼悴,假如我們把一些看似雜亂無章的信息缚够,重新分組,然后排列抄瓦,是否會有助于人們的記憶潮瓶?我們再來做個實驗:老規(guī)矩,還是這20個詞語钙姊,請瀏覽一遍毯辅,然后關(guān)閉這篇文章,用筆或者電腦端筆記本寫出你記得的詞語煞额,不許偷偷回去看思恐!您可以再將結(jié)果偷偷抄送郵件給我:)

image

雖然,結(jié)果可能還是你只記住了那幾個膊毁,但是胀莹,如果你再看兩遍,就會發(fā)現(xiàn)容易記住更多:)

綜上所述:

  1. 4±1個記憶單元是指導(dǎo)我們組合排列信息的重要準(zhǔn)則

  2. 設(shè)計應(yīng)當(dāng)考慮用戶認(rèn)知相關(guān)的知識(可以參考認(rèn)知模型的文章《套路?不存在的》

  3. 可以掌握一些認(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

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市耘成,隨后出現(xiàn)的幾起案子诸迟,更是在濱河造成了極大的恐慌重斑,老刑警劉巖米奸,帶你破解...
    沈念sama閱讀 211,194評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件毙籽,死亡現(xiàn)場離奇詭異役首,居然都是意外死亡步绸,警方通過查閱死者的電腦和手機(jī)掺逼,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,058評論 2 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來瓤介,“玉大人吕喘,你說我怎么就攤上這事⌒躺#” “怎么了氯质?”我有些...
    開封第一講書人閱讀 156,780評論 0 346
  • 文/不壞的土叔 我叫張陵,是天一觀的道長漾月。 經(jīng)常有香客問我病梢,道長,這世上最難降的妖魔是什么梁肿? 我笑而不...
    開封第一講書人閱讀 56,388評論 1 283
  • 正文 為了忘掉前任蜓陌,我火速辦了婚禮,結(jié)果婚禮上吩蔑,老公的妹妹穿的比我還像新娘钮热。我一直安慰自己,他們只是感情好烛芬,可當(dāng)我...
    茶點故事閱讀 65,430評論 5 384
  • 文/花漫 我一把揭開白布隧期。 她就那樣靜靜地躺著,像睡著了一般赘娄。 火紅的嫁衣襯著肌膚如雪仆潮。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,764評論 1 290
  • 那天遣臼,我揣著相機(jī)與錄音性置,去河邊找鬼。 笑死揍堰,一個胖子當(dāng)著我的面吹牛鹏浅,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播屏歹,決...
    沈念sama閱讀 38,907評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼隐砸,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了蝙眶?” 一聲冷哼從身側(cè)響起季希,我...
    開封第一講書人閱讀 37,679評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后胖眷,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體武通,經(jīng)...
    沈念sama閱讀 44,122評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,459評論 2 325
  • 正文 我和宋清朗相戀三年珊搀,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片尾菇。...
    茶點故事閱讀 38,605評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡境析,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出派诬,到底是詐尸還是另有隱情劳淆,我是刑警寧澤,帶...
    沈念sama閱讀 34,270評論 4 329
  • 正文 年R本政府宣布默赂,位于F島的核電站沛鸵,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏缆八。R本人自食惡果不足惜曲掰,卻給世界環(huán)境...
    茶點故事閱讀 39,867評論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望奈辰。 院中可真熱鬧栏妖,春花似錦、人聲如沸奖恰。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,734評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽瑟啃。三九已至论泛,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間蛹屿,已是汗流浹背屁奏。 一陣腳步聲響...
    開封第一講書人閱讀 31,961評論 1 265
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留蜡峰,地道東北人了袁。 一個月前我還...
    沈念sama閱讀 46,297評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像湿颅,于是被迫代替她去往敵國和親载绿。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,472評論 2 348

推薦閱讀更多精彩內(nèi)容