本文作者依據(jù)實(shí)際工作的的所思所想，分享了自己對(duì)信息架構(gòu)的理解以及科學(xué)設(shè)計(jì)信息架構(gòu)的一些思考，希望能夠給你帶來(lái)一定的啟發(fā)。

最近和一些產(chǎn)品經(jīng)理朋友進(jìn)行了一些交流，主要的主題是信息架構(gòu)。交流過(guò)程中，我發(fā)現(xiàn)有些產(chǎn)品經(jīng)理認(rèn)為，設(shè)計(jì)信息架構(gòu)是在選擇原型展示的信息。在靠「想」在設(shè)計(jì)信息，沒(méi)有成體系化的方法。有些產(chǎn)品經(jīng)理，甚至在畫(huà)原型過(guò)程中，還在調(diào)整頁(yè)面的信息。很多時(shí)候都是以腦圖來(lái)描述信息架構(gòu)。

從大家的交流結(jié)果來(lái)看，大家都知道信息架構(gòu)的重要性。但是，在設(shè)計(jì)信息架構(gòu)時(shí)，大家反倒比較隨意，沒(méi)有什么定式的方法。所以，在本文中，我主要分享一下我對(duì)信息架構(gòu)的理解，以及我如何科學(xué)的設(shè)計(jì)信息架構(gòu)。

我一直認(rèn)為產(chǎn)品經(jīng)理的工作從來(lái)不是漫無(wú)邊際的自我「空想」，產(chǎn)品工作是通過(guò)實(shí)踐經(jīng)驗(yàn)，不斷進(jìn)化突破的方法體系。因此，本文的分享還有一個(gè)目的，就是希望通過(guò)分享，將信息架構(gòu)的方法進(jìn)行沉淀和優(yōu)化，形成我自己的信息架構(gòu)系統(tǒng)性方法。

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

信息架構(gòu)是信息通過(guò)設(shè)計(jì)、組織和架構(gòu)，被展現(xiàn)為各類(lèi)產(chǎn)品中的內(nèi)容的過(guò)程。對(duì)于互聯(lián)網(wǎng)產(chǎn)品，也是實(shí)現(xiàn)信息可視化的過(guò)程。將原始的數(shù)據(jù)建模信息，轉(zhuǎn)化為產(chǎn)品界面展示的各類(lèi)內(nèi)容元素。信息架構(gòu)的最終成果，不僅僅描述出信息結(jié)構(gòu)和呈現(xiàn)形式，而要在產(chǎn)品中形成一種信息呈現(xiàn)規(guī)則和秩序。

信息架構(gòu)的受眾，是產(chǎn)品的用戶。對(duì)于用戶，信息架構(gòu)的目的是快速準(zhǔn)確的獲取內(nèi)容。反過(guò)來(lái)，從信息架構(gòu)的設(shè)計(jì)者來(lái)分析，信息架構(gòu)的目的是把某些信息準(zhǔn)確快速的傳遞給用戶。這也是信息架構(gòu)的對(duì)立點(diǎn)，往往用戶期望獲取的信息，并不一定是我們既定希望傳遞的信息。

一條信息，可能是數(shù)據(jù)庫(kù)中的一條記錄，為什么不直接在頁(yè)面直接展示？還需要經(jīng)過(guò)精心的架構(gòu)？因?yàn)橥ㄟ^(guò)信息架構(gòu)這一過(guò)程，實(shí)現(xiàn)提升信息傳遞的效率；需要將信息處理成更易于理解的內(nèi)容；解決信息的過(guò)載或者爆炸等等問(wèn)題。歸根究底就是為確保信息傳遞的快速和準(zhǔn)確，需要通過(guò)精心的設(shè)計(jì)。

二、預(yù)備知識(shí)

在正式介紹我的信息架構(gòu)方法之前，還需要補(bǔ)充一些，我們應(yīng)該需要掌握的預(yù)備知識(shí)。這些知識(shí)涵蓋信息架構(gòu)的角色、場(chǎng)景、信息瀏覽方式、信息呈現(xiàn)的范式以及信息傳遞理論等。基于這些知識(shí)，我們才能避免設(shè)計(jì)「空想」性質(zhì)的信息架構(gòu)。

1. 為用戶設(shè)計(jì)

任何信息架構(gòu)都是面向用戶的，滿足用戶快速準(zhǔn)確獲取信息的需求。用戶需要什么信息，我們希望為用戶提供什么信息，是我們首先需要清楚的。

2. 為場(chǎng)景而設(shè)計(jì)

任何信息架構(gòu)的核心場(chǎng)景，都是用戶查找和閱讀信息。在核心場(chǎng)景下又細(xì)分出一系列的細(xì)分場(chǎng)景，比如查找可以是搜索、篩選等。之外，也要清楚信息架構(gòu)時(shí)，所面對(duì)的現(xiàn)實(shí)場(chǎng)景。比如，環(huán)境、平臺(tái)、規(guī)范等等。

3. 信息瀏覽的方式

在進(jìn)行信息架構(gòu)式，我們也應(yīng)該了解用戶在不同環(huán)節(jié)下獲取信息的方式。按客觀規(guī)律，我們周邊用戶從任何大部分平面介質(zhì)中獲取信息，都是從左到右，從上到下。這是經(jīng)過(guò)時(shí)間歷練，一個(gè)特定范圍內(nèi)用戶默契形成的習(xí)慣。當(dāng)然，平臺(tái)或者介質(zhì)不同，信息瀏覽的方式也不同。

4. 被廣泛接受的信息呈現(xiàn)方式

我們要了解，在我們?cè)O(shè)計(jì)信息架構(gòu)的環(huán)境中，有哪些已經(jīng)形成規(guī)范的信息呈現(xiàn)方式。比如，在Web互聯(lián)網(wǎng)產(chǎn)品平臺(tái)中，表格、控件、導(dǎo)航、樹(shù)形結(jié)構(gòu)、標(biāo)簽等。當(dāng)然，也要學(xué)習(xí)這些規(guī)范適合使用在什么場(chǎng)景下，適合哪種類(lèi)型的信息。比如，在Web端呈現(xiàn)相同格式的多條數(shù)據(jù)時(shí)，可以使用列表展示。同時(shí)，會(huì)搭配篩選、搜索、分頁(yè)等。通過(guò)這些呈現(xiàn)方式，信息能更容易被理解

大多數(shù)場(chǎng)景下，不要輕易的顛覆已經(jīng)在用戶群體中，形成習(xí)慣的信息呈現(xiàn)方式。

5. 信息的傳遞

信息在傳遞給用戶的時(shí)候中會(huì)逐級(jí)遞減，幾何遞減。在信息架構(gòu)中，體現(xiàn)為距離信息視覺(jué)中心的距離和信息的層級(jí)。所以，信息傳遞的路徑越短越好。

三、核心方法

我的信息架構(gòu)的方法的核心分為三大部分。

• 首先實(shí)現(xiàn)對(duì)信息進(jìn)行篩選和預(yù)處理，得到對(duì)用戶有價(jià)值，且易于用戶理解的元信息。
• 再則，以單一的元信息為點(diǎn)，構(gòu)建信息面，最后以信息面構(gòu)建信息空間。
• 最后，為各種信息選定信息的呈現(xiàn)方式。整個(gè)方法的核心是，模擬自然空間，肉眼見(jiàn)到的自然信息的構(gòu)建形式。將各類(lèi)平臺(tái)的平面的點(diǎn)信息和面信息的呈現(xiàn)形式，抽象成三維的自然信息結(jié)構(gòu)。

信息篩選主要是，根據(jù)用戶的需求和場(chǎng)景，從我們的原始數(shù)據(jù)中選擇出需要呈現(xiàn)給用戶的信息。信息預(yù)處理，主要對(duì)信息進(jìn)行分組和轉(zhuǎn)義。使信息轉(zhuǎn)化為可直觀理解的內(nèi)容。

每一個(gè)點(diǎn)就是元數(shù)據(jù)，元數(shù)據(jù)間也存在親疏關(guān)系。在同一個(gè)面中，親近的元數(shù)據(jù)，應(yīng)該匯集在一起，可以形成一列、一行或者一塊。相似的一組元數(shù)據(jù)，應(yīng)該呈現(xiàn)規(guī)則的排布。每一個(gè)面就是一個(gè)信息層級(jí)。以最重要的信息作為一個(gè)面，然后向深處一次拓展信息面。最終這些面，形成一個(gè)三維的信息空間。

設(shè)計(jì)信息的呈現(xiàn)時(shí)，從元信息出發(fā)，到信息的分組，再到信息面，最終要形成信息空間下的視覺(jué)呈現(xiàn)規(guī)范。

三維的信息空間加上整理出的信息呈現(xiàn)形式，就是我們?cè)O(shè)計(jì)出的信息架構(gòu)。

四、方法實(shí)踐

剛討論的方法，因?yàn)橄胍獙⒃摲椒ú粌H僅應(yīng)用到互聯(lián)網(wǎng)產(chǎn)品的信息架構(gòu)中。所以，可能比較抽象，不太好理解。所以，我們可以將上文的三部分理論的實(shí)踐過(guò)程，歸納總結(jié)為更簡(jiǎn)單的設(shè)計(jì)、組織、架構(gòu)，三大實(shí)踐步驟。設(shè)計(jì)就是選取信息點(diǎn)的過(guò)程，組織是構(gòu)建信息面的過(guò)程，架構(gòu)是構(gòu)建信息空間的過(guò)程。

1. 設(shè)計(jì)

首先，信息架構(gòu)的原始數(shù)據(jù)，是在信息建模后的，具有一定表征意義的數(shù)據(jù)。信息架構(gòu)與信息建模有很多相似之處。只是，信息建模是以數(shù)據(jù)來(lái)抽象表示某些事物，而信息架構(gòu)則是設(shè)計(jì)這些數(shù)據(jù)的呈現(xiàn)結(jié)構(gòu)和形式。

在設(shè)計(jì)信息的過(guò)程，篩選信息，構(gòu)建元信息，可以通過(guò)構(gòu)建敘述詞表和受控詞表。通過(guò)敘述詞表可以對(duì)信息進(jìn)行分組，構(gòu)建信息的親疏關(guān)系。受控詞表可以改善信息內(nèi)容，提升信息的觸達(dá)效率。受控詞表是一份等價(jià)術(shù)語(yǔ)清單，敘詞表的重要目標(biāo)是同義詞管理，把許多同義詞或異形術(shù)語(yǔ)對(duì)應(yīng)到某個(gè)優(yōu)選術(shù)語(yǔ)或概念上。

具體的敘述詞表和受控詞表的建立形式，比較復(fù)雜，需要單獨(dú)學(xué)習(xí)。當(dāng)然，構(gòu)建敘述詞表和受控詞表，只是一種篩選信息，構(gòu)建元信息的方法。我們也可以使用一些其它方法。

在構(gòu)建元信息時(shí)，還要對(duì)信息進(jìn)行轉(zhuǎn)義。轉(zhuǎn)義主要是將某些用戶很難理解的數(shù)據(jù)，轉(zhuǎn)換用戶容易理解的文字、圖形等信息。比如，存儲(chǔ)在數(shù)據(jù)庫(kù)中的某些類(lèi)型信息，就需要轉(zhuǎn)義為文字描述。

2. 組織

在組織信息時(shí)，根據(jù)序數(shù)詞表和受控詞表，將元信息呈現(xiàn)在不同的面中，在每個(gè)面中，確定信息的呈現(xiàn)位置。在設(shè)計(jì)信息位置時(shí)，要根據(jù)平臺(tái)對(duì)應(yīng)的信息瀏覽方式。以Web網(wǎng)頁(yè)為例，在頁(yè)面信息很少時(shí)，正中間的信息最重要。信息元素較多時(shí)，左上角信息更重要，向左和下遞減。

在組織信息時(shí)，對(duì)于匯聚在面上，不同的信息，要形成規(guī)則和秩序。規(guī)則和秩序可以適配到，其它具備同類(lèi)信息的面。比如，訂單記錄的信息面和訂單詳情信息面，可以適配到各類(lèi)記錄類(lèi)型的信息。

在設(shè)計(jì)信息面時(shí)，還要考慮根據(jù)場(chǎng)景和平臺(tái)，拓展出來(lái)的元信息。比如，在訂單信息面，需要關(guān)聯(lián)訂單狀態(tài)篩選的信息組。

單個(gè)信息面的元數(shù)據(jù)太多，會(huì)降低用戶的信息獲取效率。所以，在組織信息面時(shí)，需要合理控制信息面的元信息數(shù)量，降低信息面的元信息類(lèi)型。

完成信息的組織后，形成的是多個(gè)信息面。

3. 架構(gòu)

完成信息面的設(shè)計(jì)之后，需要設(shè)計(jì)所有信息面間的關(guān)聯(lián)關(guān)系，形成信息空間。在架構(gòu)時(shí)，首先要確定關(guān)聯(lián)的面。也以訂單相關(guān)的信息為例，可以分析出三個(gè)相關(guān)的面，訂單列表信息、訂單詳情信息、訂單編輯信息。這個(gè)三個(gè)信息就構(gòu)成了一個(gè)小空間，列表信息是第一層，訂單詳情信息和訂單編輯信息都是第二層。

在架構(gòu)信息面時(shí)，參考常規(guī)的范例和經(jīng)驗(yàn)。常用的信息面架構(gòu)形式，主要有線性層級(jí)，有權(quán)重的樹(shù)形，Map層級(jí)、圖的形式。

線性層級(jí)是多個(gè)信息面依次相連。比如訂單列表信息面進(jìn)入詳情信息面，詳情信息面又能進(jìn)入支付信息面。

權(quán)重的樹(shù)形結(jié)構(gòu)時(shí)，信息面像樹(shù)形一樣連接，但父信息面不同，信息面的權(quán)重也不同。比如訂單詳情信息面中，又存在支付信息面、商品詳情信息面等。

Map層級(jí)，類(lèi)似Key-Value的形式。一般用作，通過(guò)元數(shù)據(jù)快速查找其關(guān)聯(lián)的信息面。例如，通過(guò)訂單號(hào)，直達(dá)訂單詳情。

圖的結(jié)構(gòu)，相對(duì)較為復(fù)雜，類(lèi)似數(shù)據(jù)結(jié)構(gòu)中圖的結(jié)構(gòu)。用圖來(lái)架構(gòu)信息面，核心是實(shí)現(xiàn)信息面間的任意鏈接。使用圖的結(jié)構(gòu)時(shí)，要重點(diǎn)注意信息瀏覽的回溯。

在設(shè)計(jì)信息架構(gòu)時(shí)，其實(shí)也能發(fā)現(xiàn)，任何用戶瀏覽信息，都是線性的。在我們的幾種范式結(jié)構(gòu)中，瀏覽信息也是按線性在進(jìn)行。因此，在架構(gòu)時(shí)，我們要盡量降低信息面的層級(jí)和信息深度。

設(shè)計(jì)好信息呈現(xiàn)方式后，我們可以將其整理出來(lái)。比如，每月工資收入的數(shù)據(jù)，以折線圖的形式呈現(xiàn)。

產(chǎn)品經(jīng)理設(shè)計(jì)的web產(chǎn)品的信息架構(gòu)后，只需要簡(jiǎn)單的工作就能畫(huà)出對(duì)應(yīng)原型。

五、信息結(jié)構(gòu)輸出

本文開(kāi)頭，并不太建議以腦圖來(lái)展示信息結(jié)構(gòu)的設(shè)計(jì)，這是什么原因？主要因?yàn)槟X圖適合發(fā)散性的信息。特別是對(duì)于互聯(lián)網(wǎng)產(chǎn)品，信息面間是交叉關(guān)聯(lián)關(guān)系。如果用腦圖，需要任意連接多個(gè)不同節(jié)點(diǎn)的數(shù)據(jù)，這會(huì)使整個(gè)腦圖看起非常凌亂。而且腦圖不能體現(xiàn)，元信息在信息面上的分布。更不能體現(xiàn)多組同類(lèi)信息的設(shè)計(jì)。

那以什么方法輸出信息結(jié)構(gòu)的文檔更好那？我實(shí)踐下來(lái)，比較習(xí)慣使用EXCEL。

比如下方EXCEL，以訂單頁(yè)面為例。元信息以表格的格子，表示在表格中。同組信息，以相同的邊框顏色來(lái)區(qū)分，進(jìn)行分門(mén)別類(lèi)。而不同的Sheet就表示不同的信息面。信息面的關(guān)聯(lián)關(guān)系，以表格超鏈接(圖中藍(lán)色加下劃線的文字)來(lái)體現(xiàn)，點(diǎn)擊還可以跳轉(zhuǎn)。

使用EXCEL做信息架構(gòu)文檔，可以解決腦圖所存在的一些缺陷。同時(shí)，又具備可以直觀體現(xiàn)信息分布，模擬用戶信息瀏覽路徑的有優(yōu)點(diǎn)。得益于Excel的強(qiáng)大功能，在輸出信息架構(gòu)時(shí)，能實(shí)現(xiàn)很多有價(jià)值的效果。

當(dāng)然，用Excel展現(xiàn)信息架構(gòu)的設(shè)計(jì)，也有兩個(gè)缺陷。一是不能一覽信息架構(gòu)全貌，再則不能直觀體現(xiàn)信息路徑深度。不過(guò)，瀏覽信息架構(gòu)全貌的場(chǎng)景應(yīng)該很少。畢竟直接瀏覽整個(gè)產(chǎn)品的信息，這些信息要素還是過(guò)于繁雜了。至于信息路徑深度，如果夠熟悉Excel的話，可以通過(guò)宏編程來(lái)解決。

六、一些思考

優(yōu)秀的信息架構(gòu)，都具有拓展性、一致性和易讀性。但在信息架構(gòu)的過(guò)程中，我們經(jīng)常需要在三者間權(quán)衡和妥協(xié)。

信息架構(gòu)在很多場(chǎng)景和行業(yè)中都是相通的。我的方法也經(jīng)常用到產(chǎn)品詳情頁(yè)、產(chǎn)品宣傳冊(cè)等產(chǎn)品材料的設(shè)計(jì)中。

未來(lái)的信息架構(gòu)應(yīng)該具備啟發(fā)性。它能根據(jù)用戶的信息獲取習(xí)慣、當(dāng)前產(chǎn)品的信息要點(diǎn)等條件，自動(dòng)設(shè)計(jì)、組織和架構(gòu)信息，并適配對(duì)應(yīng)的內(nèi)容。甚至于能學(xué)習(xí)用戶案例，改進(jìn)信息架構(gòu)。自動(dòng)補(bǔ)全和智能推薦，就是當(dāng)前的啟發(fā)性信息架構(gòu)的典型例子。伴隨著AI技術(shù)的發(fā)展，啟發(fā)性的信息架構(gòu)技術(shù)并不遙遠(yuǎn)。

點(diǎn)-面-空間的信息架構(gòu)設(shè)計(jì)方法，是我個(gè)人的經(jīng)驗(yàn)，可能不太完善。這個(gè)方法也是我個(gè)人設(shè)計(jì)信息架構(gòu)的思路的體現(xiàn)。大家可以作為避免「空想」設(shè)計(jì)的參考。當(dāng)然，我的方法還要在各種業(yè)務(wù)場(chǎng)景、產(chǎn)品設(shè)計(jì)中，不斷優(yōu)化和調(diào)整。

#專欄作家#

產(chǎn)品小思考，微信公眾號(hào)：產(chǎn)品小思考，人人都是產(chǎn)品經(jīng)理專欄作家。擅長(zhǎng)行業(yè)業(yè)務(wù)分析，設(shè)計(jì)行業(yè)方案，設(shè)計(jì)B端產(chǎn)品架構(gòu)。主要關(guān)注醫(yī)美、醫(yī)療行業(yè)，涉及HIS、CRM和各類(lèi)業(yè)務(wù)系統(tǒng)產(chǎn)品。

本文由 @產(chǎn)品小思考 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自Unsplash，基于CC0協(xié)議