淺談web信息架構(gòu)設(shè)計(jì)

摘 要：信息架構(gòu)的設(shè)計(jì)是網(wǎng)站開(kāi)發(fā)領(lǐng)域比較耗時(shí)、耗力的一個(gè)環(huán)節(jié)，良好的信息架構(gòu)不僅對(duì)網(wǎng)站的制作和運(yùn)營(yíng)異常重要，還能增加網(wǎng)站的可擴(kuò)展性，本文對(duì)網(wǎng)站信息架構(gòu)的設(shè)計(jì)與開(kāi)發(fā)的方法、原則及技巧進(jìn)行了詳細(xì)的討論。

關(guān)鍵詞：信息架構(gòu)；信息組織；網(wǎng)站結(jié)構(gòu)；線框圖

在網(wǎng)站的建設(shè)過(guò)程中，信息架構(gòu)的設(shè)計(jì)占了很大的比例，它描述了有關(guān)網(wǎng)站規(guī)劃、信息架構(gòu)等的基本信息，并且它將最終形成網(wǎng)站的總體設(shè)計(jì)與概念整體模型。每個(gè)網(wǎng)站都有其獨(dú)自的信息架構(gòu)，良好的信息架構(gòu)設(shè)計(jì)對(duì)于網(wǎng)站的成功運(yùn)營(yíng)非常重要，尤其是復(fù)雜的大型網(wǎng)站。本文圍繞信息架構(gòu)在網(wǎng)站建設(shè)中的設(shè)計(jì)、制作等方面進(jìn)行討論。

1 網(wǎng)站信息組織

信息是網(wǎng)站的所要展示的主要內(nèi)容和形式，設(shè)計(jì)信息架構(gòu)首先要設(shè)計(jì)出信息的基層結(jié)構(gòu)，如同蓋高樓一樣，必須有一個(gè)良好的基底結(jié)構(gòu)才能是高樓屹立于空，否則后期的視覺(jué)設(shè)計(jì)和交互性設(shè)計(jì)將無(wú)法彌補(bǔ)信息架構(gòu)設(shè)計(jì)的缺陷。

1.1 網(wǎng)站信息內(nèi)容的設(shè)計(jì)

對(duì)于網(wǎng)站內(nèi)容的設(shè)計(jì)我們主要分為兩個(gè)方面：一是對(duì)現(xiàn)有網(wǎng)站信息內(nèi)容的建設(shè)，二是對(duì)一個(gè)全新的網(wǎng)站的信息內(nèi)容的建設(shè)。

對(duì)現(xiàn)有網(wǎng)站信息內(nèi)容的建設(shè)主要采用列表的方式將其呈現(xiàn)在電子表格中，制作電子表格，將現(xiàn)有的信息項(xiàng)目以一定的格式存放在一張表格，列出的內(nèi)容在后面標(biāo)注哪些是需要保留、哪些需要修改及哪些需要放棄，并在表格后面列出需要添加的信息項(xiàng)目。

對(duì)于一個(gè)全新的網(wǎng)站來(lái)說(shuō)，信息內(nèi)容的建設(shè)是比較耗時(shí)的，它需要對(duì)前期搜集過(guò)來(lái)的需求分析進(jìn)行詳細(xì)的分析與討論，需要項(xiàng)目小組成員及網(wǎng)站建設(shè)方共同討論決定，并且需要項(xiàng)目小組成員進(jìn)行詳細(xì)的信息規(guī)劃。

1.2 對(duì)網(wǎng)站信息內(nèi)容進(jìn)行合理劃分

由于人們?cè)谏暇W(wǎng)的時(shí)候閱讀長(zhǎng)篇沒(méi)有進(jìn)行邏輯劃分的頁(yè)面時(shí)會(huì)出現(xiàn)疲勞、煩躁等現(xiàn)在，頁(yè)面的上絕大部分信息都是以簡(jiǎn)短的索引形式出現(xiàn)的。所以對(duì)長(zhǎng)的信息進(jìn)行合理的邏輯劃分以適應(yīng)顯示器的顯示是很重要的方法，同時(shí)還可以對(duì)信息分塊加鏈接，讓人們有選擇地去瀏覽頁(yè)面信息。

2 網(wǎng)站結(jié)構(gòu)與信息架構(gòu)的關(guān)系

2.1 導(dǎo)航菜單的設(shè)置

導(dǎo)航菜單的設(shè)置需要考慮主頁(yè)菜單（首頁(yè)菜單）與各子頁(yè)面內(nèi)容之的平衡關(guān)系，以便于與各子頁(yè)面之間形成層級(jí)的菜單關(guān)系。對(duì)于菜單的層級(jí)設(shè)置既不能太深也不能太淺，太淺的菜單會(huì)使菜單導(dǎo)航在頁(yè)面顯示上過(guò)長(zhǎng)，會(huì)使瀏覽者感覺(jué)導(dǎo)航冗長(zhǎng)，太深的菜單會(huì)使菜單的瀏覽過(guò)于復(fù)雜，會(huì)使瀏覽者放棄瀏覽。所以必須設(shè)計(jì)一個(gè)功能強(qiáng)大、層次合理的菜單確保瀏覽者能快速訪問(wèn)頁(yè)面信息。

2.2 使用網(wǎng)站搜索來(lái)導(dǎo)航

網(wǎng)站內(nèi)容頁(yè)面比較多時(shí)，就要考慮增加搜索功能以便瀏覽者能夠快速找到所需信息。特別是在大型網(wǎng)站，內(nèi)容頁(yè)面可能有成千上萬(wàn)個(gè)，這樣就形成了頁(yè)面內(nèi)容的“長(zhǎng)尾”現(xiàn)象，即大部分信息處于網(wǎng)站底部很少有人訪問(wèn)，這些信息就組成了信息內(nèi)容的“長(zhǎng)尾”，那么找到這些信息也是比較困難的事情，這種情況下我們使用web搜索去查找處于“長(zhǎng)尾”現(xiàn)象里的內(nèi)容是很方便的。

3 信息組織方式

在web信息架構(gòu)設(shè)計(jì)里的主要方式有：線性模式、層級(jí)模式和網(wǎng)狀模式。

線性模式，是按照一定的規(guī)則按順序一個(gè)一個(gè)進(jìn)行的信息組織模式，一般培訓(xùn)機(jī)構(gòu)或?qū)W習(xí)資料可以使用這樣模式。層級(jí)模式一般是有子類(lèi)和父類(lèi)之分的，父類(lèi)信息可以包含多個(gè)子類(lèi)信息，它是進(jìn)行復(fù)雜信息設(shè)計(jì)的很好的方法，而且是比較好理解的一種方式。網(wǎng)狀模式其實(shí)是一種以超鏈接的形式表現(xiàn)的，它通過(guò)超鏈接關(guān)聯(lián)各個(gè)頁(yè)面信息，不過(guò)這種方式設(shè)計(jì)和不好的話會(huì)使整個(gè)網(wǎng)站顯示比較混亂，從而達(dá)不到很好的信息組織的要求。一般在真實(shí)的設(shè)計(jì)過(guò)程中最多采用的是多種方式相結(jié)合的混合設(shè)計(jì)。

4 展示信息架構(gòu)

在展示信息架構(gòu)設(shè)計(jì)里主要包含以下幾個(gè)方面的內(nèi)容：網(wǎng)站規(guī)劃圖，網(wǎng)站目錄結(jié)構(gòu)及網(wǎng)站線框圖設(shè)計(jì)等。

網(wǎng)站早期的規(guī)劃圖主要是要將頁(yè)面的導(dǎo)航信息細(xì)化圖表，然后再繼續(xù)細(xì)化到具體的文件、文件夾，如圖1所示：

網(wǎng)站的目錄結(jié)構(gòu)其實(shí)是與規(guī)劃圖相對(duì)應(yīng)的，網(wǎng)站的目錄結(jié)構(gòu)應(yīng)該反映出主要內(nèi)容的劃分和結(jié)構(gòu)，并且所有的文件命名都必須遵循約定的相關(guān)規(guī)則，良好的目錄結(jié)構(gòu)可以反映出信息架構(gòu)。

線框圖是用來(lái)創(chuàng)建網(wǎng)站頁(yè)面的“草圖”，它是頁(yè)面元素、信息、功能劃分的二維指南，是可以被UI設(shè)計(jì)師用來(lái)形成網(wǎng)頁(yè)頁(yè)面的平面框圖，它能給設(shè)計(jì)網(wǎng)站模板提供基本的布局和導(dǎo)航指南。在進(jìn)行線框設(shè)計(jì)時(shí)要充分考慮國(guó)際慣例及瀏覽者的閱讀習(xí)慣，只有按照這樣的方式規(guī)劃頁(yè)面線框圖才能使設(shè)計(jì)出來(lái)的頁(yè)面符合人們的閱讀習(xí)慣，從而達(dá)到信息結(jié)構(gòu)的優(yōu)化。

[參考文獻(xiàn)]

[1]（美）林奇，（美）霍頓，著.李靜，等，譯.優(yōu)秀網(wǎng)站設(shè)計(jì)：打造有吸引力的網(wǎng)站（原書(shū)第3版）[M].機(jī)械工業(yè)出版社.2012.