而信息樹的設(shè)計(jì)在網(wǎng)站上的體現(xiàn)主要是導(dǎo)航的設(shè)計(jì),首先我們來看看信息樹的寬度和深度的關(guān)系:
- 較大的寬度,使得信息樹變淺,可以將信息明確顯示在界面上,用戶可以減少點(diǎn)擊次數(shù),但容易使一級(jí)導(dǎo)航承載的信息過多,用戶不容易發(fā)現(xiàn)重點(diǎn)及內(nèi)在組織關(guān)系;
- 較大的深度,使得信息樹變窄,界面顯得有重點(diǎn)、組織關(guān)系清晰,但由于用戶不能通過一級(jí)導(dǎo)航獲得所有組織關(guān)系,點(diǎn)擊和尋找的難度加大。
因此,信息樹的寬度和深度是相互制約的關(guān)系的,如何讓信息樹在這兩者關(guān)系中保持平衡,并盡量使信息結(jié)構(gòu)窄而淺,是信息架構(gòu)中的基本原則之一。
接下來我們來看亞馬遜(amazon.com)導(dǎo)航的變遷史(資料及圖片整理來自LukeW’s Functioning Form):
在1998年,亞馬遜網(wǎng)站只有兩個(gè)一級(jí)大類:書籍和音樂。即使增加了一些分類,比如音像和禮物,水平的 Tab 式導(dǎo)航也能夠擴(kuò)展的非常平滑,并且通過顏色的不同,很容易區(qū)分產(chǎn)品。
在1999年到2000年的時(shí)候,亞馬遜還在不斷增加新的分類,并使其信息樹不斷變寬。店鋪、玩具與游戲、電器和電子賀卡這些新的產(chǎn)品分類的增加,一直把 Tab 導(dǎo)航標(biāo)簽做成兩排。
2001年亞馬遜嘗試著把所有的商品分類Tab 去掉,僅保留商店目錄和特色商店 (Store Directory/Featured Stores)。這次重新設(shè)計(jì),用商品目錄替代了日益增長的分類,特色商店并提供了一個(gè)比較方便的途徑讓用戶可以訪問常用(或熱門)的分類。可見信息樹變淺了,但深度卻加深了,用戶無法一眼從導(dǎo)航或者更多的信息。
今天的amazon,對(duì)所有的商品分類進(jìn)行了重新組織,如將Movies,Music,Games三種具有相似屬性的商品分類劃分為一類,在此基礎(chǔ)上新增了一層2級(jí)導(dǎo)航,可見改版后的amazon導(dǎo)航信息樹寬度和深度更加合理,平衡的信息結(jié)構(gòu),具有更清晰的邏輯、且用戶可以從導(dǎo)航中獲得幫助。
本文鏈接:http://www.95time.cn/design/doc/2010/7748.asp
出處:騰訊Webteam
責(zé)任編輯:bluehearts
上一頁 信息構(gòu)架的若干原則 [5] 下一頁
|