摘 要:信息架構的設計是網(wǎng)站開發(fā)領域比較耗時、耗力的一個環(huán)節(jié),良好的信息架構不僅對網(wǎng)站的制作和運營異常重要,還能增加網(wǎng)站的可擴展性,本文對網(wǎng)站信息架構的設計與開發(fā)的方法、原則及技巧進行了詳細的討論。
關鍵詞:信息架構;信息組織;網(wǎng)站結(jié)構;線框圖
在網(wǎng)站的建設過程中,信息架構的設計占了很大的比例,它描述了有關網(wǎng)站規(guī)劃、信息架構等的基本信息,并且它將最終形成網(wǎng)站的總體設計與概念整體模型。每個網(wǎng)站都有其獨自的信息架構,良好的信息架構設計對于網(wǎng)站的成功運營非常重要,尤其是復雜的大型網(wǎng)站。本文圍繞信息架構在網(wǎng)站建設中的設計、制作等方面進行討論。
1 網(wǎng)站信息組織
信息是網(wǎng)站的所要展示的主要內(nèi)容和形式,設計信息架構首先要設計出信息的基層結(jié)構,如同蓋高樓一樣,必須有一個良好的基底結(jié)構才能是高樓屹立于空,否則后期的視覺設計和交互性設計將無法彌補信息架構設計的缺陷。
1.1 網(wǎng)站信息內(nèi)容的設計
對于網(wǎng)站內(nèi)容的設計我們主要分為兩個方面:一是對現(xiàn)有網(wǎng)站信息內(nèi)容的建設,二是對一個全新的網(wǎng)站的信息內(nèi)容的建設。
對現(xiàn)有網(wǎng)站信息內(nèi)容的建設主要采用列表的方式將其呈現(xiàn)在電子表格中,制作電子表格,將現(xiàn)有的信息項目以一定的格式存放在一張表格,列出的內(nèi)容在后面標注哪些是需要保留、哪些需要修改及哪些需要放棄,并在表格后面列出需要添加的信息項目。
對于一個全新的網(wǎng)站來說,信息內(nèi)容的建設是比較耗時的,它需要對前期搜集過來的需求分析進行詳細的分析與討論,需要項目小組成員及網(wǎng)站建設方共同討論決定,并且需要項目小組成員進行詳細的信息規(guī)劃。
1.2 對網(wǎng)站信息內(nèi)容進行合理劃分
由于人們在上網(wǎng)的時候閱讀長篇沒有進行邏輯劃分的頁面時會出現(xiàn)疲勞、煩躁等現(xiàn)在,頁面的上絕大部分信息都是以簡短的索引形式出現(xiàn)的。所以對長的信息進行合理的邏輯劃分以適應顯示器的顯示是很重要的方法,同時還可以對信息分塊加鏈接,讓人們有選擇地去瀏覽頁面信息。
2 網(wǎng)站結(jié)構與信息架構的關系
2.1 導航菜單的設置
導航菜單的設置需要考慮主頁菜單(首頁菜單)與各子頁面內(nèi)容之的平衡關系,以便于與各子頁面之間形成層級的菜單關系。對于菜單的層級設置既不能太深也不能太淺,太淺的菜單會使菜單導航在頁面顯示上過長,會使瀏覽者感覺導航冗長,太深的菜單會使菜單的瀏覽過于復雜,會使瀏覽者放棄瀏覽。所以必須設計一個功能強大、層次合理的菜單確保瀏覽者能快速訪問頁面信息。
2.2 使用網(wǎng)站搜索來導航
網(wǎng)站內(nèi)容頁面比較多時,就要考慮增加搜索功能以便瀏覽者能夠快速找到所需信息。特別是在大型網(wǎng)站,內(nèi)容頁面可能有成千上萬個,這樣就形成了頁面內(nèi)容的“長尾”現(xiàn)象,即大部分信息處于網(wǎng)站底部很少有人訪問,這些信息就組成了信息內(nèi)容的“長尾”,那么找到這些信息也是比較困難的事情,這種情況下我們使用web搜索去查找處于“長尾”現(xiàn)象里的內(nèi)容是很方便的。
3 信息組織方式
在web信息架構設計里的主要方式有:線性模式、層級模式和網(wǎng)狀模式。
線性模式,是按照一定的規(guī)則按順序一個一個進行的信息組織模式,一般培訓機構或?qū)W習資料可以使用這樣模式。層級模式一般是有子類和父類之分的,父類信息可以包含多個子類信息,它是進行復雜信息設計的很好的方法,而且是比較好理解的一種方式。網(wǎng)狀模式其實是一種以超鏈接的形式表現(xiàn)的,它通過超鏈接關聯(lián)各個頁面信息,不過這種方式設計和不好的話會使整個網(wǎng)站顯示比較混亂,從而達不到很好的信息組織的要求。一般在真實的設計過程中最多采用的是多種方式相結(jié)合的混合設計。
4 展示信息架構
在展示信息架構設計里主要包含以下幾個方面的內(nèi)容:網(wǎng)站規(guī)劃圖,網(wǎng)站目錄結(jié)構及網(wǎng)站線框圖設計等。
網(wǎng)站早期的規(guī)劃圖主要是要將頁面的導航信息細化圖表,然后再繼續(xù)細化到具體的文件、文件夾,如圖1所示:
網(wǎng)站的目錄結(jié)構其實是與規(guī)劃圖相對應的,網(wǎng)站的目錄結(jié)構應該反映出主要內(nèi)容的劃分和結(jié)構,并且所有的文件命名都必須遵循約定的相關規(guī)則,良好的目錄結(jié)構可以反映出信息架構。
線框圖是用來創(chuàng)建網(wǎng)站頁面的“草圖”,它是頁面元素、信息、功能劃分的二維指南,是可以被UI設計師用來形成網(wǎng)頁頁面的平面框圖,它能給設計網(wǎng)站模板提供基本的布局和導航指南。在進行線框設計時要充分考慮國際慣例及瀏覽者的閱讀習慣,只有按照這樣的方式規(guī)劃頁面線框圖才能使設計出來的頁面符合人們的閱讀習慣,從而達到信息結(jié)構的優(yōu)化。
[參考文獻]
[1](美)林奇,(美)霍頓,著.李靜,等,譯.優(yōu)秀網(wǎng)站設計:打造有吸引力的網(wǎng)站(原書第3版)[M].機械工業(yè)出版社.2012.