互聯網產品的信息架構

什么是信息架構

信息架構的解釋是：對某一特定內容里的信息進行統籌、規劃、設計、安排等一系列有機處理的想法。

概念

信息架構拆開來就是“信息”和“架構”。信息是無序的，而架構是有序的；信息是零碎的，而架構是系統化的。我給信息架構的定義是：信息架構是將信息加工、歸納，整合成符合人們對事物的認知的系統化的結構。

其中，“符合人們對事物的認知”，這一點是信息架構是否容易被理解的大前提。比如圖書館將《昆曼-宏觀經濟學原理》這本書放到“社會學”，我相信很多人會找不到這本書，因為所放置的位置不符合讀者的認知，他是屬于“經濟學”的。

信息架構組成關系

信息

信息可以是一段文字、一段語音、一張圖片或者某一種實物，它是系統中最小的組成部分。

實體

實體是一系列的信息組成的，有一定相關性的、能夠表達出某種性質的信息組合。在哲學的概念中，其含義一般是指能夠獨立存在的、作為一切屬性的基礎和萬物本原的東西。這兩句話，一個是站在有科學理論支撐的角度，一個是傳統哲學唯物主義的角度提出的。兩者有個共性，都需要是有一定性質的，能獨立存在的。網頁是一個實體，手機電池也是一個實體，系統越大，實體就越大。

系統

系統是指一系列相互連接的實體所組成的，有一定運轉能力的整體。實體和實體之間鏈接起來，僅僅只是搭建了橋梁，但系統要運作起來，需要有信息的傳遞，也就是說，組成實體的信息，是可以在實體之間傳遞的。比如生態系統、電腦操作系統，都是屬于系統。

那反過來，什么不算系統呢？一屋子陌生人不能算是系統，一個沒有經過關系設計的數據庫不能算是系統，因為他們沒辦法運作起來達到某種作用。

                                          信息架構概念圖

信息架構與互聯網產品

信息對于互聯網產品來說，可以理解成組成頁面的元素，包括文字、圖標、表單等等，那么頁面就是一個個實體，由一個個頁面組成的產品就是系統。

也就是：頁面組成元素（文字、圖片）=信息；頁面=實體；頁面+頁面=系統。

當實體過多時，需要用相關性歸類法，將其整合成一個更大的實體，也就是我們互聯網產品常說的“模塊”，我姑且將頁面定義為“基礎實體”，將模塊定義為“組合實體”。

弄明白三者的關系，就可以開始嘗試設計一個互聯網產品的信息架構了。以下我們以設計一款打車軟件為例，設計其信息架構。

第一步，自上而下

通過自上而下的方法，構思出一款產品的組成模塊。產品經理不能一開始就進入細節設計，這樣會缺少宏觀考慮產品形態的思考過程，導致產品信息架構混亂。就像素描一樣，需要先畫輪廓，再逐步勾勒細節。

假設我們設計的這款打車軟件有“打車”、“我的信息”兩模塊（組合實體）。這兩個模塊基本已經能讓用戶知道其用途以及所包含的下一級頁面，因為足夠符合人們的認知。

第二步，窮盡實體

窮盡實體，是指將我們在模擬用戶場景、分析用戶行為的過程中，所能想到的需要用到的頁面，當然，這一步需要產品經理有一定的結構化思維和對業務的了解，否則很難想想出具體的頁面。假設用戶打車路徑如圖：

窮盡每一個節點所涉及到的頁面。

發起打車訂單：下單頁面、訂單頁面

司機接單：司機詳情頁面、司機路線圖頁

上車：訂單頁面（確認車輛）

到達目的地：無

結賬：訂單頁面

如果用戶需要開發票，在軟件上申請電子發票，所涉及到的用戶路徑如下：

窮盡每一個節點所涉及到的頁面。

查看歷史訂單：我的信息頁面、我的訂單列表頁面、訂單詳情頁

申請發票：申請發票頁面

收到發票：發票申請記錄頁面

第三步，實體關系

這一步將實體和實體的關系串起來，信息在實體之間如果存在交互，則可以連上一條線。如果沒有連線，只有實體的話，根本看不出架構所在。

沒有實體關系的架構

將實體之間的通過信息傳遞的方式，連接起來，效果如下：

有一定實體關系的架構

但總體感覺還沒有達到“系統”這一層級，還是有點散亂。那是因為頁面實體太多了，頁面實體還可以繼續組合，成為一個個小模塊，進一步對實體進行歸類整合。此時就涉及到自下往上的思路了，當我們通過這種方式歸類之后的信息架構，在理解上，更符合用戶的認知。

第四步，自下而上整合實體

將幾個有相關性的頁面，整合成小模塊之后，效果如下，這一步已經能夠看到信息架構的雛形了。

第五步，最小實體的信息設計

到這一步已經進入到精細化設計了，此時需要考慮更細節的用戶場景、心理活動、異常情況等諸多因素，將每一個實體的設計做到極致。以下單頁面為例，用戶下單之前需要定位、查找附近車輛數量、排隊情況、價格等等，將這些因素考慮完之后，提煉出需要在這個頁面上體現出來的信息可能包括：地圖、車輛、起步價、排隊人數和時長。

在精細化設計過程中，可能會將某些頁面實體進一步濃縮，減少實體個數。比如下單模塊的訂單頁面，我們是三個頁面實體，如果將司機路線圖和訂單整合成一個頁面，司機詳情信息整合成一個抽屜浮層，那就只剩下一個頁面實體了，而司機路線圖、司機詳情頁只是訂單頁面的組成元素而已。進一步減少頁面實體，如圖：

以上就是設計互聯網產品信息架構的思考過程，可能有人在模擬的過程中，會覺得前半段有些枯燥，后半段缺乏想象力，那我建議大家先多體驗各種互聯網產品、深度閱讀基本關于結構化思維的書籍，可能有所幫助。