淺談web信息架構設計

摘 要：信息架構的設計是網站開發領域比較耗時、耗力的一個環節，良好的信息架構不僅對網站的制作和運營異常重要，還能增加網站的可擴展性，本文對網站信息架構的設計與開發的方法、原則及技巧進行了詳細的討論。

關鍵詞：信息架構；信息組織；網站結構；線框圖

在網站的建設過程中，信息架構的設計占了很大的比例，它描述了有關網站規劃、信息架構等的基本信息，并且它將最終形成網站的總體設計與概念整體模型。每個網站都有其獨自的信息架構，良好的信息架構設計對于網站的成功運營非常重要，尤其是復雜的大型網站。本文圍繞信息架構在網站建設中的設計、制作等方面進行討論。

1 網站信息組織

信息是網站的所要展示的主要內容和形式，設計信息架構首先要設計出信息的基層結構，如同蓋高樓一樣，必須有一個良好的基底結構才能是高樓屹立于空，否則后期的視覺設計和交互性設計將無法彌補信息架構設計的缺陷。

1.1 網站信息內容的設計

對于網站內容的設計我們主要分為兩個方面：一是對現有網站信息內容的建設，二是對一個全新的網站的信息內容的建設。

對現有網站信息內容的建設主要采用列表的方式將其呈現在電子表格中，制作電子表格，將現有的信息項目以一定的格式存放在一張表格，列出的內容在后面標注哪些是需要保留、哪些需要修改及哪些需要放棄，并在表格后面列出需要添加的信息項目。

對于一個全新的網站來說，信息內容的建設是比較耗時的，它需要對前期搜集過來的需求分析進行詳細的分析與討論，需要項目小組成員及網站建設方共同討論決定，并且需要項目小組成員進行詳細的信息規劃。

1.2 對網站信息內容進行合理劃分

由于人們在上網的時候閱讀長篇沒有進行邏輯劃分的頁面時會出現疲勞、煩躁等現在，頁面的上絕大部分信息都是以簡短的索引形式出現的。所以對長的信息進行合理的邏輯劃分以適應顯示器的顯示是很重要的方法，同時還可以對信息分塊加鏈接，讓人們有選擇地去瀏覽頁面信息。

2 網站結構與信息架構的關系

2.1 導航菜單的設置

導航菜單的設置需要考慮主頁菜單（首頁菜單）與各子頁面內容之的平衡關系，以便于與各子頁面之間形成層級的菜單關系。對于菜單的層級設置既不能太深也不能太淺，太淺的菜單會使菜單導航在頁面顯示上過長，會使瀏覽者感覺導航冗長，太深的菜單會使菜單的瀏覽過于復雜，會使瀏覽者放棄瀏覽。所以必須設計一個功能強大、層次合理的菜單確保瀏覽者能快速訪問頁面信息。

2.2 使用網站搜索來導航

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

3 信息組織方式

在web信息架構設計里的主要方式有：線性模式、層級模式和網狀模式。

線性模式，是按照一定的規則按順序一個一個進行的信息組織模式，一般培訓機構或學習資料可以使用這樣模式。層級模式一般是有子類和父類之分的，父類信息可以包含多個子類信息，它是進行復雜信息設計的很好的方法，而且是比較好理解的一種方式。網狀模式其實是一種以超鏈接的形式表現的，它通過超鏈接關聯各個頁面信息，不過這種方式設計和不好的話會使整個網站顯示比較混亂，從而達不到很好的信息組織的要求。一般在真實的設計過程中最多采用的是多種方式相結合的混合設計。

4 展示信息架構

在展示信息架構設計里主要包含以下幾個方面的內容：網站規劃圖，網站目錄結構及網站線框圖設計等。

網站早期的規劃圖主要是要將頁面的導航信息細化圖表，然后再繼續細化到具體的文件、文件夾，如圖1所示：

網站的目錄結構其實是與規劃圖相對應的，網站的目錄結構應該反映出主要內容的劃分和結構，并且所有的文件命名都必須遵循約定的相關規則，良好的目錄結構可以反映出信息架構。

線框圖是用來創建網站頁面的“草圖”，它是頁面元素、信息、功能劃分的二維指南，是可以被UI設計師用來形成網頁頁面的平面框圖，它能給設計網站模板提供基本的布局和導航指南。在進行線框設計時要充分考慮國際慣例及瀏覽者的閱讀習慣，只有按照這樣的方式規劃頁面線框圖才能使設計出來的頁面符合人們的閱讀習慣，從而達到信息結構的優化。

[參考文獻]

[1]（美）林奇，（美）霍頓，著.李靜，等，譯.優秀網站設計：打造有吸引力的網站（原書第3版）[M].機械工業出版社.2012.