交互設(shè)計(jì)原理之7±2法則
在今天的內(nèi)容開始之前,我們先來(lái)做一個(gè)小游戲——請(qǐng)讀一遍下面的一行隨機(jī)數(shù)字:
71863421945284
然后移開眼睛回憶一下,看看你還記得幾個(gè)。
現(xiàn)在再讀一遍下面的隨機(jī)字母:
HJMROSFLBTW
然后再用上述相同的方法來(lái)測(cè)試一下自己的記憶。
假如你的短時(shí)記憶像一般人那樣,你可能會(huì)回憶出5~9個(gè)單位,即7±2個(gè),這個(gè)有趣的現(xiàn)象就是神奇的7±2效應(yīng)。這個(gè)規(guī)律最早是在19世紀(jì)中葉,由愛(ài)爾蘭哲學(xué)家威廉漢密爾頓觀察到的。他發(fā)現(xiàn),如果將一把子彈撒在地板上,人們很難一下子觀察到超過(guò)7顆子彈。1887年,雅各布斯通過(guò)實(shí)驗(yàn)發(fā)現(xiàn),對(duì)于無(wú)序的數(shù)字,被試能夠回憶出的最大數(shù)量約為7個(gè)。發(fā)現(xiàn)遺忘曲線的愛(ài)賓浩斯也發(fā)現(xiàn),人在閱讀一次后,可記住約7個(gè)字母。這個(gè)神奇的“7”引起許多心理學(xué)家的研究興趣,從20世紀(jì)50年代起,心理學(xué)家用字母、音節(jié)、字詞等各種不同的材料進(jìn)行過(guò)類似的實(shí)驗(yàn),所得結(jié)果都約是“7”。1956年,美國(guó)心理學(xué)家米勒(George A. Miller)教授發(fā)表了一篇重要的論文《神奇的數(shù)字7加減2:我們加工信息能力的某些限制》,明確提出短時(shí)記憶的容量為7±2,即一般為7并在5~9之間波動(dòng)。這就是神奇的7±2效應(yīng)。
但是實(shí)驗(yàn)中采用的材料都是無(wú)序的、隨機(jī)的,如果是熟悉的字詞或數(shù)字,這樣短時(shí)記憶還只能容納“7”個(gè)嗎?例如“c-o-o-p-e-r-a-t-i-o-n”,這個(gè)字母序列已經(jīng)有11個(gè)字母,如果學(xué)過(guò)英語(yǔ)的人聽(tīng)到這個(gè)序列很快就能明白這是個(gè)詞,意思是“合作”,并能很好地回憶出來(lái),這不是違背了短時(shí)記憶的“7±2”效應(yīng)了嗎?不是的,這恰恰是神奇“7±2”存在的另一個(gè)奇特的現(xiàn)象。因?yàn)槎虝r(shí)記憶中的信息單位“組塊”本身具有神奇的彈性,一個(gè)字母是一個(gè)組塊,一個(gè)由多個(gè)字母組成的字詞也是一個(gè)組塊,甚至可以通過(guò)一些方法把小一些的單位聯(lián)合成為熟悉的、較大的單位,而且對(duì)知識(shí)的熟悉程度還會(huì)對(duì)它產(chǎn)生影響。例如“認(rèn)知心理學(xué)”5個(gè)字對(duì)于不懂心理學(xué)的人來(lái)說(shuō)是5個(gè)組塊;對(duì)稍懂心理學(xué)的人來(lái)說(shuō)是兩個(gè)組塊;而對(duì)專業(yè)心理學(xué)學(xué)生、心理學(xué)家來(lái)說(shuō)這5個(gè)字就只有一個(gè)組塊。但不論人們儲(chǔ)存的組塊是什么,短時(shí)記憶的容量為7±2個(gè)組塊。
現(xiàn)在我們知道了什么是7±2法則,但是該如何將它用于我們的頁(yè)面設(shè)計(jì)中呢?我總結(jié)出了如下幾點(diǎn):
一. 導(dǎo)航或選項(xiàng)卡盡量不要超過(guò)9個(gè)。
圖1
圖2
上圖中圖1是蘋果官網(wǎng)曾經(jīng)的導(dǎo)航,是不是覺(jué)得有些眼花繚亂摸不到頭腦呢?圖2是蘋果官網(wǎng)現(xiàn)在的導(dǎo)航,是不是覺(jué)得清爽多了呢?用戶使用導(dǎo)航是要找到自己需要的內(nèi)容,這種需求往往非常急切,請(qǐng)不要認(rèn)為每個(gè)用戶都會(huì)像挖寶一樣孜孜不倦,如果還不能快速的找到自己想要看的東西,那么他們就會(huì)關(guān)掉瀏覽器跑掉了。簡(jiǎn)化你的導(dǎo)航使它盡可能的少于九個(gè)會(huì)讓用戶對(duì)于網(wǎng)站的內(nèi)容一目了然,更快捷也更加有效。
二. 如果導(dǎo)航或選項(xiàng)卡內(nèi)容很多,可以用一個(gè)層級(jí)結(jié)構(gòu)來(lái)展示各段及其子段,并注意其深廣度的平衡。
圖3
如圖3中的例子,導(dǎo)航是分為多個(gè)層級(jí)的。如果導(dǎo)航的內(nèi)容很多放不下的話,我們就可以將它整合歸類來(lái)分層級(jí)收納,這一點(diǎn)并不難理解,但是深廣度又是什么呢?
在網(wǎng)站的信息架構(gòu)中,有一種組織結(jié)構(gòu)叫做樹形結(jié)構(gòu):網(wǎng)站首頁(yè)視為鏈接層級(jí)中第一級(jí),與其有從屬關(guān)系的頁(yè)面視為鏈接層級(jí)中的第二級(jí),一般稱其為二級(jí)頁(yè)面。通過(guò)二級(jí)頁(yè)面又可以繼續(xù)得到第三級(jí)頁(yè)面,依此類推可以得到一個(gè)完整的樹形鏈接結(jié)構(gòu)。這樣一個(gè)完整的鏈接結(jié)構(gòu),我們稱它為樹形結(jié)構(gòu)。
在整個(gè)樹形結(jié)構(gòu)中,鏈接的層數(shù)被稱為網(wǎng)頁(yè)鏈接的【深度】(depth)。而在樹形結(jié)構(gòu)里,最底層頁(yè)面包含的頁(yè)面總數(shù)被稱為網(wǎng)頁(yè)鏈接的【廣度】(breadth)。
圖4
就像圖4中所展現(xiàn)的那樣。
一個(gè)網(wǎng)站的鏈接深度和廣度最好有一個(gè)合適的均衡關(guān)系,深度過(guò)大的網(wǎng)站不利于用戶快速獲取信息,廣度過(guò)大的網(wǎng)站則容易讓用戶在無(wú)數(shù)并列的超鏈接面前不知所措。在過(guò)深和過(guò)廣的分級(jí)方案上,用戶所需要的反應(yīng)時(shí)間都比較長(zhǎng)。因此我們?cè)诮M織網(wǎng)站信息的時(shí)候,需要仔細(xì)平衡深度和廣度之間的關(guān)系。
三. 把大塊整段的信息分割成各個(gè)小段,并顯著標(biāo)記每個(gè)信息段和子段,以便清晰的確認(rèn)各自的內(nèi)容。
圖6
就像圖5和圖6中那樣。不論信息多少,都可以通過(guò)結(jié)構(gòu)化將簡(jiǎn)化為符合7±2法則的短信息組塊,這樣當(dāng)用戶查看信息時(shí)可以更容易的將注意力放在他們所關(guān)心的信息上,能夠更快的找到他們要找的東西,更容易理解,更容易記憶。
這一期交互設(shè)計(jì)原理就到這里~你學(xué)會(huì)了嗎~:>
本文地址:http://irelandcustomcontracting.com/tutorial/id1800.html
您可能還喜歡
- 關(guān)于第三方注冊(cè)和本地注冊(cè)的選擇
- 8大網(wǎng)頁(yè)前端界面必備jQuery插件
- 掌上指路標(biāo) —– APP架構(gòu)與導(dǎo)航設(shè)計(jì)
- 時(shí)尚電商網(wǎng)站交互分析
- 軟件推薦為移動(dòng)設(shè)計(jì)而生-Justinmind
- TGideas實(shí)例:加載,不只是少一點(diǎn)點(diǎn)
- 網(wǎng)頁(yè)設(shè)計(jì)中引人入勝的引導(dǎo)頁(yè)設(shè)計(jì)
- 體驗(yàn)新版Apple AppStore ——App設(shè)計(jì)從
- 確認(rèn)按鈕在左邊,取消按鈕在右邊?
- 交互設(shè)計(jì)從登錄開始
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏