4.拓展閱讀：網站信息架構

從信息流的角度來看，產品設計需完成“數據→信息→知識→智慧”這個傳遞鏈。信息正好處在數據和知識之間混亂的地帶，產品的每個功能通過內容來實現產品目標/滿足需求，所以我們需要將信息結構化，從而向用戶傳遞有意義的信息/知識，依據產品功能/內容范圍列出內容需求清單，然后將數據結構化為有意義的信息，將信息的生產、傳播、消費融入功能之中，最后設計出導航系統。

4.1 信息架構組成

網站的信息架構可以分為元素、關系和傳遞三部分。

①元素即信息單元是什么，由誰產生，如何更新，有哪些自有的和附加的屬性/元數據，它們如何描述信息，如何在信息存取過程中發揮作用。

②關系即產品骨架，數據如何產生、如何分類、如何組織、如何流動、如何發生關系。

③傳遞即產品是否成功傳遞信息，使用者在哪里通過什么方式獲得信息，界面對信息的描述、指示和引導是否充足有效。

4.2 信息架構要做的事

①設計結構——決定網站信息單元的粒度，以及信息單元的相對大小或粗糙程度。

②決定組織方式——將組件組合成有意義而且各有特色的類別，分為組織體系（內容條目之間共享的特性）和組織結構（內容條目和整體之間的關系類型）兩個問題。

③制定標簽——如何稱呼這些類別，并由標簽設計出導航系統。

4.2.1 設計結構

確定粒度：從戰略層的產品目標到表現層的信息表現，信息單元的粒度在逐漸變小，最后到達字段這一級別。

信息清單：數據庫的ERD方法，先確定實體清單，即《交互設計沉思錄》中所說的concept matrix；然后逐步細化找出信息節點/內容和元數據內的模式與關系；最后通過元數據和實體來建立字段清單和信息節點，并且理清各實體自然關系。

4.2.2 決定組織方式

1.組織方式

組織方式是以用戶為中心來組織元數據，將以實體為中心的信息結構改為以用戶為中心的信息結構，分為組織體系和組織結構。分類的標準、定義內容條目之間共享的特性會影響這些條目的邏輯分組方式，不同的層級、功能其分類依據可能會不一樣。

精確性組織體系：可以將信息分成定義明確、互斥的區域。常見的是按字母順序、按年表、按地理位置排序；以及從“如何描述這個物品”角度產生分面分類法，通常遵循MECE原則。

模糊性組織體系：依賴的是體系構建的質量，以及體系內個別條目擺放的位置。常見的類型有按主題、按任務和按用戶三種類型。按主題設計時需要定義好內容的范圍，注意涵蓋面的廣度；按任務設計時需將內容和應用程序組織成流程、功能或工作的集合；按用戶設計時，雖然用戶群可以界定得比較清楚，可以提供很好的個性化服務，但模糊性依然存在，對系統“猜測”的要求很高。

2.組織結構

組織結構用于定義內容條目和群組之間的關系類型。依據用戶場景、功能（內容）、用戶的心智模型來分解產品目標，使得產品分解后不同功能模塊之間區分度足夠高，讓用戶清楚什么場景使用哪些模塊；同時在每個功能模塊內，通過維度屬性來進行功能的分類，使得用戶的期望持續得到滿足，當功能維度屬性一樣的時候，用戶會感覺很流暢，不會感覺到有跳躍性。例如高級用戶打算進行一些復雜操作時，他對復雜是有預期的，當用戶只是進行常規行為時，如果突然要使用一個復雜操作，用戶使用產品流暢的狀態會被打破。內容上前后一致、緊密性強，功能上是前后在一個流程線上，例如同級（桌面導航）功能歸屬于同一個父節點。

架構組織的方法是從上到下地拆分或者從下到上地聚合。常見結構類型有：

①層級結構：自上而下的分類，類別互斥（在排他性和包容性之間取得平衡），平衡寬度（每一層選項數量）和深度（層級數）。

②數據庫模式：自下而上的做法，使用受控詞表的元數據為文件和其他信息對象打上標簽，就可以進行有力的搜索、瀏覽、過濾以及動態鏈接。

③中心輻射結構：核心、里層、外層，是一種特殊的層級化，一個節點只有一個子節點。

④矩陣結構：對應如SWOT分析類的多維度分析和節點連接。

⑤自然結構：對應漫游思維。

⑥線性結構：如路徑圖、時間線是線性結構的例子；超文本系統可用于情景式導航。

4.2.3 制定標簽

信息架構把一個結構應用到我們設定好的“內容需求清單”之中，導航設計是讓用戶看到那個結構的鏡頭。導航系統更多的是線索，用戶通過這些線索可以在結構中自由穿行。通用原則是盡量窄化范圍，開發一致的標簽系統而非標簽。一致性很重要，因為它代表的就是可預測性，當系統可預測時，就容易學習。影響一致性的因素有風格、版面形式（字體、字號、顏色、空白、分組方式等）、語法（動賓、問句）、粒度、理解性（沒有重要的遺漏）、用戶等。內容必須語義清晰，使用用戶熟悉的語言。主干路徑應該清晰：產品的主要功能架構是產品的骨骼，它應該盡量保持簡單明了，不可以輕易變更，否則會讓用戶無所適從。次要功能豐富主干，不可以喧賓奪主，應盡量隱藏起來，而不要放在一級頁面。

常用方法：①從已有內容中抽取（慢，費力）。②要求內容作者為內容建議標簽。③找用戶代言人或主題專家（SME）。④直接來自用戶（如卡片分類，對小群標簽如導航比較適用，自由列表）。⑤間接來自用戶（如jQuery日志分析、標簽分析）。

4.3 信息架構的好處

信息架構為內容提供了情境，告訴用戶位置所在；協助用戶移動到其他關系緊密的網頁；協助用戶以層級方式（結構和目錄）和情境方式（相關內容和功能）在網站內移動；讓用戶可以操控內容以便瀏覽（如篩選和排序）；讓用戶知道可以去哪里找到基本服務（如登錄和幫助）。

區域導航系統：嚴格的層級結構中可能只提供一個頁面的父節點、子節點，如果信息架構反映了用戶對整個網站內容結構的思路（這也是用戶心智模型，要幫助用戶理解網站內容），那么局部導航是非常合適的。

體現自然結構的導航：主要提供到兄弟節點“中間頁”，提供專遞，幾乎全部是鏈接，如知乎、微信個人頁面。（非常能滿足瀏覽式的用戶場景）

情境式導航系統：用鏈接統一連向相關內容，通常內嵌在文字內，一般用來鏈接網站中高度專業化的內容。“內聯導航”是嵌入頁面內容的一種導航，如頁面文字中的鏈接，如訂單中的快遞信息。

其他獨立于功能和信息的導航：友好導航、網站地圖、索引表，常常為非必要的特殊目的去設計網站地圖/目錄，提供搜索信息的幫助和搜索界面。