在網(wǎng)站設(shè)計(jì)界面信息中,頁面功能,不同分類依據(jù)也不同,從組織方式的維度出發(fā),網(wǎng)站信息結(jié)構(gòu)可大致分為層次結(jié)構(gòu)、矩陣結(jié)構(gòu)、線性結(jié)構(gòu)和自然結(jié)構(gòu)四種類型。
1.層次結(jié)構(gòu)
層次結(jié)構(gòu)也叫樹形結(jié)構(gòu)(見圖1),是最常見的網(wǎng)站信息結(jié)構(gòu)模式。它通過樹狀圖的方式對一個(gè)事物的結(jié)構(gòu)進(jìn)行逐層分解,一般是從父級向子集深挖,有時(shí)也可能是自下而上或者是雙向的。具體從哪個(gè)角度來組織網(wǎng)站結(jié)構(gòu)的深度與寬度則需要根據(jù)網(wǎng)站的設(shè)計(jì)目標(biāo)及定位來判斷。
圖1 層次結(jié)構(gòu)
比如京東網(wǎng)的商品組織方式(見圖2)就使用了層級結(jié)構(gòu)。在首頁左側(cè)的全局導(dǎo)航中就將眾多商品清晰地劃分為三個(gè)層級菜單。其中,一級菜單將全部商品分為15大類,當(dāng)鼠標(biāo)光標(biāo)懸停在某一大類上時(shí),一級菜單右側(cè)就會(huì)出現(xiàn)其對應(yīng)的二級菜單及三級菜單。這樣一來,用戶不用逐個(gè)瀏覽網(wǎng)頁也能輕松理解京東網(wǎng)龐大的商品類型。
圖2 京東網(wǎng)的商品組織方式
2.矩陣結(jié)構(gòu)
矩陣結(jié)構(gòu)(見圖3)是一種提供多種導(dǎo)航方式來協(xié)肋用戶到達(dá)目標(biāo)頁面的結(jié)構(gòu)模式,矩陣中的“節(jié)點(diǎn)”是指頁面,“軸”則是指用戶到達(dá)目標(biāo)頁面的方式。該矩陣結(jié)構(gòu)的特點(diǎn)就是允許用戶在節(jié)點(diǎn)與節(jié)點(diǎn)之間沿著兩個(gè)或更多的“維度”移動(dòng),通常能幫助那些“帶著不同需求而來”的用戶,使他們能在一個(gè)頁面中尋找各自想要的東西。此結(jié)構(gòu)常用于系統(tǒng)管理網(wǎng)站和電子商務(wù)網(wǎng)站。
圖3 矩陣結(jié)構(gòu)
矩陣結(jié)構(gòu)中需要特別注意的是“維度”的依據(jù),也就是維度的分類標(biāo)準(zhǔn)是否是用戶真正需要的。如去哪兒網(wǎng)的酒店團(tuán)購頁面(見圖4)就較好地應(yīng)用了矩陣結(jié)構(gòu),頁面中提供了位置、分類、價(jià)格、服務(wù)的熱門篩選條件方便用戶查找符合要求的酒店,用戶還可以同時(shí)勾選多個(gè)條件進(jìn)行精確搜索。
圖4 去哪兒網(wǎng)的酒店團(tuán)購頁面
3.線性結(jié)構(gòu)
線性結(jié)構(gòu)(見圖5)是以操作時(shí)間為軸的結(jié)構(gòu)模式,當(dāng)設(shè)定好起點(diǎn)和終點(diǎn)后,中間所能發(fā)生的所有事情都被設(shè)計(jì)成一種線性的體驗(yàn)。雖然它無法為用戶提供每個(gè)流程中的細(xì)節(jié),但能顯示你正處于關(guān)鍵線路的哪個(gè)節(jié)點(diǎn)上。因此,此結(jié)構(gòu)比較適用于用戶注冊引導(dǎo)頁,單個(gè)專題活動(dòng)頁中的小規(guī)模信息結(jié)構(gòu)中。如南方航空公司官網(wǎng)上辦理乘機(jī)手續(xù)的頁面(見圖6)就是采用的線性結(jié)構(gòu)一步步引導(dǎo)用戶操作。
圖5 線性結(jié)構(gòu)
圖6 南方航空公司官網(wǎng)上辦理乘機(jī)手續(xù)的頁面
4.自然結(jié)構(gòu)
自然結(jié)構(gòu)(見圖7)是不遵循任何一致的結(jié)構(gòu)模式,它的節(jié)點(diǎn)是逐一被連接起來的,并沒有太強(qiáng)烈的分類概念。由于此結(jié)構(gòu)沒有給用戶提供一個(gè)清晰的指示,因此它很適合那些鼓勵(lì)用戶自由探險(xiǎn)或是一直在演變的主題。如淘寶網(wǎng)中猜你喜歡的欄目(見圖8)就是典型的自然結(jié)構(gòu),它是根據(jù)用戶瀏覽網(wǎng)頁的歷史記錄,經(jīng)過大數(shù)據(jù)計(jì)算、分析而隨機(jī)推薦商品。但對于用戶下次使用網(wǎng)站時(shí)還需要依靠與本次同樣的路徑、去找到同樣的內(nèi)容,那么就要盡量避免使用這種自然結(jié)構(gòu)。
圖7 自然結(jié)構(gòu)

圖8 淘寶網(wǎng)中猜你喜歡的欄目
以上四種結(jié)構(gòu)單一存在的形式并不多,大多數(shù)網(wǎng)站都是需要根據(jù)頁面功能類型進(jìn)行多種結(jié)構(gòu)的組合。如可以針對基礎(chǔ)內(nèi)容創(chuàng)建網(wǎng)站的層級結(jié)構(gòu),然后利用矩陣結(jié)構(gòu)將具體信息與某部分集成。