【Web】常見的10種網站信息架構形式-Information Architecture Patterns

在這個速度尤為重要的時代,很多時候我們不需要解決每一個問題都從頭開始,站在前人的肩膀上,充分利用現在地資源和驚艷,往往可以更高效地解決問題。這篇裡面就摘錄了10種在information architecture 裡面總結的常見的一些信息架構形式以及它們的使用情景。當然,這些形式們並不是互相排斥的,在現實生活中,它們往往同時被使用,相輔相成。

1. 層級關係 Hierarchy

常見的層級關係有:

? 泛層級: 在頂層有很多內容;層級不多

? 深層級:在頂層內容不多,但是分了很多層次,可以一直向下延伸很多層級

? 嚴格層級關係:每一個項目只能有一個,且只能出現在一個位置

? 多元層級關係:每個項目可以同時出現在多個位置

適合使用情景:

1. 簡單的,沒有很多複雜內容的小型網站。這類網站的形式往往由:主頁+幾個內容頁 組成

2. 內容豐富且內容的形式不固定、複雜程度各異的一些大型網站

例子:

2. 資料庫 Database

這裡的資料庫並不是指我們常見的用於電腦存儲的概念,而是指一種常見的信息架構形式。在這種信息架構形式中, 各個頁面的內容各不相同,分別獨立,不像層級關係那樣有明顯的主次從屬關係,但是它們都遵循一致的形式/格式。

舉個例子,很多電商網站就是這樣,各個商品頁面之間分別獨立,卻遵從統一的格式。比如他們都會有:一段商品介紹,加入購物車,相似產品推薦……等等。

適合使用情景:

這種信息架構形式的使用範圍很廣泛,例如常見的音樂、視頻網站,電商網站、個人作品集網站、博客……總的來說,凡是遇到不同頁面遵循相同格式、需要給用戶提供很多不同頁面入口的情況,使用這種信息架構形式都是很有幫助的。

3. Metadata 元數據

同樣這裡也並不是一個technical的概念,而是一種信息架構的形式,它有三種不同的類型:

Intrinsic: what the object actually is

Administrative: How it used descriptive

Descriptive: Description of the item

用常見的博客類網站舉例子,屬於metadata 的項目包含:

博文 (intrinsic)、作者 (administrative)、發表日期 (administrative)、URL(administrative)、狀態:已發表/草稿(administrative)、類別(descriptive)、標籤tag(descriptive)... 使用metadata來整理網站的信息,可以用來幫助生成所需要的特定內容的列表或者選擇想要看到或者隱藏哪些信息。

4. Hypertext 超文本

超鏈接作為一種信息架構的形式十分微妙,因為它的存在本身就顯得anti-structure。在這種信息架構的形式里,不同內容信息之間僅靠彼此之間的關係鏈接,並不存在層級形式或者資料庫形式那樣更高一級的架構。

這種形式最常見於wiki類型的網站,比如維基百科、百度百科……,不同頁面之間靠千絲萬縷互相關聯的文內鏈接相關聯著。除此以外,很多時候當你最開始並不知道具體會有哪些、多少內容或者並不能明確知道什麼架構方式合適的時候,從超鏈接開始建立自然的聯繫,之後當內容更加穩固之後,再重新整理也是一個選擇。

5. Linear線性

在線性的關係里,人們必須遵照一定的順序來瀏覽內容。這種形式常用於指引或者其他指導說明性的內容。除非按照順序來一步步瀏覽理解非常重要,輕易不要使用這種形式。

6. Combined Pattern

除了單一的形式,使用更多的是將各種不同的信息架構形式都是混合在一起使用的,從而達到想要的目的。最常見的一種組合就是層級關係+資料庫的形式了(Hierarchy + Database pattern)

這種組合適用於各種不同大小複雜程度的網站。它允許你為一些最基本的內容建立起層級關係(hierarchy),同時使用資料庫(database)來整合各種細碎的信息和內容。使用這種結構的一個最主要的挑戰就是決定到底哪些信息你需要把他們變成在database中的有標準格式的內容(structured content)

7. Catalog

還有一種常見的架構形式就是目錄形式(catalog)。事實上這也算是一種資料庫形式(database pattern),但是為什麼單獨把它拎出來說呢~是因為在電商網站中,目錄形式實在是太常見了。大部分的電商網站都應用的是這種形式。

8. Hub & Spoke

hub & spoke 其實就是淺一些的層級關係。在層級關係中,用戶會沿著你鋪好的線一點點走向更加詳細的內容,而在hub & spoke中,用戶會沿著深入一層,然後再退回最開始的地方(hub),然後再去查看另外的細節內容。舉個例子,LinkedIn的profile page就充當了hub這樣的角色。

9. Subsites

當使用次級網站(subsites)的時候,很多時候最好保證各個站點之間使用一個統一連貫相承的頁面布局和導航,這樣可以讓用戶意識到這些次級網站都隸屬於一個更大的網站品牌; 當然,也有很多時候,次級網站採用了非常不用的導航方式和頁面布局從而互相區分開來並且更好地服務於它所面向的用戶,但是它們之間也會通過一些其它的方式展現出之間的聯繫。

這個形式特別適用於有很多旗下品牌的大型公司/組織。同時也適用於:當你發現所有的內容無法只用一種的方式展現出來去最好地服務用戶的時候。

10. Focused Entry Points

根據用戶不同的需求或者不同的經驗,有時候你會發現完全沒有辦法找到一個方式來梳理內容使它們滿足所有用戶的需求。這種狀況下,就可以嘗試採用 Focused Entry Points這個架構形式。這種形式其實就是在一個主要的架構形式(例如:層級關係)之上,給特定內容之間為一定的用戶群體設置新的聯結,從而讓他們可以更方便地找到所需的信息。


推薦閱讀:

網頁ui設計注意事項
設計技巧之網頁中的字間距
網頁不會布局?5種你不可不知的WEB布局方式
網頁界面設計的五大原則

TAG:網頁設計 | 用戶體驗設計 |