互聯(lián)網(wǎng)產(chǎn)品的信息架構(gòu)

什么是信息架構(gòu)

信息架構(gòu)的解釋是：對某一特定內(nèi)容里的信息進(jìn)行統(tǒng)籌、規(guī)劃、設(shè)計(jì)、安排等一系列有機(jī)處理的想法。

概念

信息架構(gòu)拆開來就是“信息”和“架構(gòu)”。信息是無序的，而架構(gòu)是有序的；信息是零碎的，而架構(gòu)是系統(tǒng)化的。我給信息架構(gòu)的定義是：信息架構(gòu)是將信息加工、歸納，整合成符合人們對事物的認(rèn)知的系統(tǒng)化的結(jié)構(gòu)。

其中，“符合人們對事物的認(rèn)知”，這一點(diǎn)是信息架構(gòu)是否容易被理解的大前提。比如圖書館將《昆曼-宏觀經(jīng)濟(jì)學(xué)原理》這本書放到“社會學(xué)”，我相信很多人會找不到這本書，因?yàn)樗胖玫奈恢貌环献x者的認(rèn)知，他是屬于“經(jīng)濟(jì)學(xué)”的。

信息架構(gòu)組成關(guān)系

信息

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

實(shí)體

實(shí)體是一系列的信息組成的，有一定相關(guān)性的、能夠表達(dá)出某種性質(zhì)的信息組合。在哲學(xué)的概念中，其含義一般是指能夠獨(dú)立存在的、作為一切屬性的基礎(chǔ)和萬物本原的東西。這兩句話，一個(gè)是站在有科學(xué)理論支撐的角度，一個(gè)是傳統(tǒng)哲學(xué)唯物主義的角度提出的。兩者有個(gè)共性，都需要是有一定性質(zhì)的，能獨(dú)立存在的。網(wǎng)頁是一個(gè)實(shí)體，手機(jī)電池也是一個(gè)實(shí)體，系統(tǒng)越大，實(shí)體就越大。

系統(tǒng)

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

那反過來，什么不算系統(tǒng)呢？一屋子陌生人不能算是系統(tǒng)，一個(gè)沒有經(jīng)過關(guān)系設(shè)計(jì)的數(shù)據(jù)庫不能算是系統(tǒng)，因?yàn)樗麄儧]辦法運(yùn)作起來達(dá)到某種作用。

                                          信息架構(gòu)概念圖

信息架構(gòu)與互聯(lián)網(wǎng)產(chǎn)品

信息對于互聯(lián)網(wǎng)產(chǎn)品來說，可以理解成組成頁面的元素，包括文字、圖標(biāo)、表單等等，那么頁面就是一個(gè)個(gè)實(shí)體，由一個(gè)個(gè)頁面組成的產(chǎn)品就是系統(tǒng)。

也就是：頁面組成元素（文字、圖片）=信息；頁面=實(shí)體；頁面+頁面=系統(tǒng)。

當(dāng)實(shí)體過多時(shí)，需要用相關(guān)性歸類法，將其整合成一個(gè)更大的實(shí)體，也就是我們互聯(lián)網(wǎng)產(chǎn)品常說的“模塊”，我姑且將頁面定義為“基礎(chǔ)實(shí)體”，將模塊定義為“組合實(shí)體”。

弄明白三者的關(guān)系，就可以開始嘗試設(shè)計(jì)一個(gè)互聯(lián)網(wǎng)產(chǎn)品的信息架構(gòu)了。以下我們以設(shè)計(jì)一款打車軟件為例，設(shè)計(jì)其信息架構(gòu)。

第一步，自上而下

通過自上而下的方法，構(gòu)思出一款產(chǎn)品的組成模塊。產(chǎn)品經(jīng)理不能一開始就進(jìn)入細(xì)節(jié)設(shè)計(jì)，這樣會缺少宏觀考慮產(chǎn)品形態(tài)的思考過程，導(dǎo)致產(chǎn)品信息架構(gòu)混亂。就像素描一樣，需要先畫輪廓，再逐步勾勒細(xì)節(jié)。

假設(shè)我們設(shè)計(jì)的這款打車軟件有“打車”、“我的信息”兩模塊（組合實(shí)體）。這兩個(gè)模塊基本已經(jīng)能讓用戶知道其用途以及所包含的下一級頁面，因?yàn)樽銐蚍先藗兊恼J(rèn)知。

第二步，窮盡實(shí)體

窮盡實(shí)體，是指將我們在模擬用戶場景、分析用戶行為的過程中，所能想到的需要用到的頁面，當(dāng)然，這一步需要產(chǎn)品經(jīng)理有一定的結(jié)構(gòu)化思維和對業(yè)務(wù)的了解，否則很難想想出具體的頁面。假設(shè)用戶打車路徑如圖：

窮盡每一個(gè)節(jié)點(diǎn)所涉及到的頁面。

發(fā)起打車訂單：下單頁面、訂單頁面

司機(jī)接單：司機(jī)詳情頁面、司機(jī)路線圖頁

上車：訂單頁面（確認(rèn)車輛）

到達(dá)目的地：無

結(jié)賬：訂單頁面

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

窮盡每一個(gè)節(jié)點(diǎn)所涉及到的頁面。

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

申請發(fā)票：申請發(fā)票頁面

收到發(fā)票：發(fā)票申請記錄頁面

第三步，實(shí)體關(guān)系

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

沒有實(shí)體關(guān)系的架構(gòu)

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

有一定實(shí)體關(guān)系的架構(gòu)

但總體感覺還沒有達(dá)到“系統(tǒng)”這一層級，還是有點(diǎn)散亂。那是因?yàn)轫撁鎸?shí)體太多了，頁面實(shí)體還可以繼續(xù)組合，成為一個(gè)個(gè)小模塊，進(jìn)一步對實(shí)體進(jìn)行歸類整合。此時(shí)就涉及到自下往上的思路了，當(dāng)我們通過這種方式歸類之后的信息架構(gòu)，在理解上，更符合用戶的認(rèn)知。

第四步，自下而上整合實(shí)體

將幾個(gè)有相關(guān)性的頁面，整合成小模塊之后，效果如下，這一步已經(jīng)能夠看到信息架構(gòu)的雛形了。

第五步，最小實(shí)體的信息設(shè)計(jì)

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

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

以上就是設(shè)計(jì)互聯(lián)網(wǎng)產(chǎn)品信息架構(gòu)的思考過程，可能有人在模擬的過程中，會覺得前半段有些枯燥，后半段缺乏想象力，那我建議大家先多體驗(yàn)各種互聯(lián)網(wǎng)產(chǎn)品、深度閱讀基本關(guān)于結(jié)構(gòu)化思維的書籍，可能有所幫助。