您當前位置:圖趣網(Tuquu) >> 網頁設計教程 >> 交互設計 >> 瀏覽設計教程

交互設計原理之7±2法則

 

在今天的內容開始之前,我們先來做一個小游戲——請讀一遍下面的一行隨機數字:
        71863421945284
        然后移開眼睛回憶一下,看看你還記得幾個。
        現在再讀一遍下面的隨機字母:
        HJMROSFLBTW
        然后再用上述相同的方法來測試一下自己的記憶。


        假如你的短時記憶像一般人那樣,你可能會回憶出5~9個單位,即7±2個,這個有趣的現象就是神奇的7±2效應。這個規(guī)律最早是在19世紀中葉,由愛爾蘭哲學家威廉漢密爾頓觀察到的。他發(fā)現,如果將一把子彈撒在地板上,人們很難一下子觀察到超過7顆子彈。1887年,雅各布斯通過實驗發(fā)現,對于無序的數字,被試能夠回憶出的最大數量約為7個。發(fā)現遺忘曲線的愛賓浩斯也發(fā)現,人在閱讀一次后,可記住約7個字母。這個神奇的“7”引起許多心理學家的研究興趣,從20世紀50年代起,心理學家用字母、音節(jié)、字詞等各種不同的材料進行過類似的實驗,所得結果都約是“7”。1956年,美國心理學家米勒(George A. Miller)教授發(fā)表了一篇重要的論文《神奇的數字7加減2:我們加工信息能力的某些限制》,明確提出短時記憶的容量為7±2,即一般為7并在5~9之間波動。這就是神奇的7±2效應
        但是實驗中采用的材料都是無序的、隨機的,如果是熟悉的字詞或數字,這樣短時記憶還只能容納“7”個嗎?例如“c-o-o-p-e-r-a-t-i-o-n”,這個字母序列已經有11個字母,如果學過英語的人聽到這個序列很快就能明白這是個詞,意思是“合作”,并能很好地回憶出來,這不是違背了短時記憶的“7±2”效應了嗎?不是的,這恰恰是神奇“7±2”存在的另一個奇特的現象。因為短時記憶中的信息單位“組塊”本身具有神奇的彈性,一個字母是一個組塊,一個由多個字母組成的字詞也是一個組塊,甚至可以通過一些方法把小一些的單位聯合成為熟悉的、較大的單位,而且對知識的熟悉程度還會對它產生影響。例如“認知心理學”5個字對于不懂心理學的人來說是5個組塊;對稍懂心理學的人來說是兩個組塊;而對專業(yè)心理學學生、心理學家來說這5個字就只有一個組塊。但不論人們儲存的組塊是什么,短時記憶的容量為7±2個組塊。

現在我們知道了什么是7±2法則,但是該如何將它用于我們的頁面設計中呢?我總結出了如下幾點:

一. 導航或選項卡盡量不要超過9個。

圖1

圖2

上圖中圖1是蘋果官網曾經的導航,是不是覺得有些眼花繚亂摸不到頭腦呢?圖2是蘋果官網現在的導航,是不是覺得清爽多了呢?用戶使用導航是要找到自己需要的內容,這種需求往往非常急切,請不要認為每個用戶都會像挖寶一樣孜孜不倦,如果還不能快速的找到自己想要看的東西,那么他們就會關掉瀏覽器跑掉了。簡化你的導航使它盡可能的少于九個會讓用戶對于網站的內容一目了然,更快捷也更加有效。

二. 如果導航或選項卡內容很多,可以用一個層級結構來展示各段及其子段,并注意其深廣度的平衡。

圖3

如圖3中的例子,導航是分為多個層級的。如果導航的內容很多放不下的話,我們就可以將它整合歸類來分層級收納,這一點并不難理解,但是深廣度又是什么呢?

在網站的信息架構中,有一種組織結構叫做樹形結構:網站首頁視為鏈接層級中第一級,與其有從屬關系的頁面視為鏈接層級中的第二級,一般稱其為二級頁面。通過二級頁面又可以繼續(xù)得到第三級頁面,依此類推可以得到一個完整的樹形鏈接結構。這樣一個完整的鏈接結構,我們稱它為樹形結構。

在整個樹形結構中,鏈接的層數被稱為網頁鏈接的【深度】(depth)。而在樹形結構里,最底層頁面包含的頁面總數被稱為網頁鏈接的【廣度】(breadth)

圖4

就像圖4中所展現的那樣。

一個網站的鏈接深度和廣度最好有一個合適的均衡關系,深度過大的網站不利于用戶快速獲取信息,廣度過大的網站則容易讓用戶在無數并列的超鏈接面前不知所措。在過深和過廣的分級方案上,用戶所需要的反應時間都比較長。因此我們在組織網站信息的時候,需要仔細平衡深度和廣度之間的關系。

三. 把大塊整段的信息分割成各個小段,并顯著標記每個信息段和子段,以便清晰的確認各自的內容。

圖5 

圖6

就像圖5和圖6中那樣。不論信息多少,都可以通過結構化將簡化為符合7±2法則的短信息組塊,這樣當用戶查看信息時可以更容易的將注意力放在他們所關心的信息上,能夠更快的找到他們要找的東西,更容易理解,更容易記憶。

這一期交互設計原理就到這里~你學會了嗎~:>

UED-Tips6

[教程作者:admin]
免責聲明:本站文章系圖趣網整理發(fā)布,如需轉載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/id1800.html
交互設計法則之接近法則與格式塔
交互設計原理之Hick定律
圖趣網微信
建議反饋
×