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