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

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

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

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

信息架構(gòu)是信息通過設(shè)計(jì)、組織和架構(gòu)花嘶，被展現(xiàn)為各類產(chǎn)品中的內(nèi)容的過程笋籽。對(duì)于互聯(lián)網(wǎng)產(chǎn)品，也是實(shí)現(xiàn)信息可視化的過程椭员。將原始的數(shù)據(jù)建模信息车海，轉(zhuǎn)化為產(chǎn)品界面展示的各類內(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)容凶赁。反過來咧栗，從信息架構(gòu)的設(shè)計(jì)者來分析，信息架構(gòu)的目的是把某些信息準(zhǔn)確快速的傳遞給用戶虱肄。這也是信息架構(gòu)的對(duì)立點(diǎn)致板，往往用戶期望獲取的信息，并不一定是我們既定希望傳遞的信息咏窿。

一條信息斟或，可能是數(shù)據(jù)庫(kù)中的一條記錄，為什么不直接在頁(yè)面直接展示集嵌？還需要經(jīng)過精心的架構(gòu)萝挤？因?yàn)橥ㄟ^信息架構(gòu)這一過程，實(shí)現(xiàn)提升信息傳遞的效率纸淮；需要將信息處理成更易于理解的內(nèi)容平斩；解決信息的過載或者爆炸等等問題。歸根究底就是為確保信息傳遞的快速和準(zhǔn)確咽块，需要通過精心的設(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)過時(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)航、樹形結(jié)構(gòu)适贸、標(biāo)簽等灸芳。當(dāng)然涝桅，也要學(xué)習(xí)這些規(guī)范適合使用在什么場(chǎng)景下，適合哪種類型的信息耗绿。比如苹支，在Web端呈現(xiàn)相同格式的多條數(shù)據(jù)時(shí)，可以使用列表展示误阻。同時(shí)，會(huì)搭配篩選晴埂、搜索究反、分頁(yè)等。通過這些呈現(xiàn)方式儒洛，信息能更容易被理解

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

5. 信息的傳遞

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

三小槐、核心方法

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

首先實(shí)現(xiàn)對(duì)信息進(jìn)行篩選和預(yù)處理荷辕，得到對(duì)用戶有價(jià)值凿跳，且易于用戶理解的元信息。

再則疮方，以單一的元信息為點(diǎn)控嗜，構(gòu)建信息面，最后以信息面構(gòu)建信息空間骡显。

最后疆栏，為各種信息選定信息的呈現(xiàn)方式。整個(gè)方法的核心是蟆盐，模擬自然空間承边，肉眼見到的自然信息的構(gòu)建形式。將各類平臺(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ā)照瘾，到信息的分組，再到信息面褪猛，最終要形成信息空間下的視覺呈現(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í)踐過程，歸納總結(jié)為更簡(jiǎn)單的設(shè)計(jì)乌妙、組織使兔、架構(gòu)，三大實(shí)踐步驟藤韵。設(shè)計(jì)就是選取信息點(diǎn)的過程虐沥，組織是構(gòu)建信息面的過程，架構(gòu)是構(gòu)建信息空間的過程。

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

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

在設(shè)計(jì)信息的過程，篩選信息带兜，構(gòu)建元信息绍哎，可以通過構(gòu)建敘述詞表和受控詞表。通過敘述詞表可以對(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ù)中的某些類型信息划纽，就需要轉(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ī)則和秩序可以適配到路呜，其它具備同類信息的面。比如织咧，訂單記錄的信息面和訂單詳情信息面胀葱，可以適配到各類記錄類型的信息。

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

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

完成信息的組織后淀散，形成的是多個(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)重的樹形娄柳，Map層級(jí)寓辱、圖的形式。

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

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

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

圖的結(jié)構(gòu)彻亲，相對(duì)較為復(fù)雜孕锄，類似數(shù)據(jù)結(jié)構(gòu)中圖的結(jié)構(gòu)。用圖來架構(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)方式后餐抢，我們可以將其整理出來现使。比如，每月工資收入的數(shù)據(jù)旷痕，以折線圖的形式呈現(xiàn)碳锈。

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

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

本文開頭，并不太建議以腦圖來展示信息結(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)多組同類信息的設(shè)計(jì)夭问。

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

比如下方EXCEL，以訂單頁(yè)面為例陕见。元信息以表格的格子秘血，表示在表格中。同組信息评甜，以相同的邊框顏色來區(qū)分直撤，進(jìn)行分門別類。而不同的Sheet就表示不同的信息面蜕着。信息面的關(guān)聯(lián)關(guān)系谋竖，以表格超鏈接(圖中藍(lán)色加下劃線的文字)來體現(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)信息路徑深度耗式。不過胁住，瀏覽信息架構(gòu)全貌的場(chǎng)景應(yīng)該很少。畢竟直接瀏覽整個(gè)產(chǎn)品的信息刊咳，這些信息要素還是過于繁雜了彪见。至于信息路徑深度，如果夠熟悉Excel的話娱挨，可以通過宏編程來解決余指。

六、一些思考

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

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

未來的信息架構(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)嗅虏。

在這里，筆者希望各位同行都明確一個(gè)觀點(diǎn)：在這個(gè)動(dòng)不動(dòng)就用AI說事的時(shí)代上沐，可量化的工作總有一天被人工智能代替皮服，淪為“線框仔”的交互設(shè)計(jì)師，終將被行業(yè)淘汰参咙。

所以拿到需求之后龄广，針對(duì)需求搭建思維框架，遠(yuǎn)遠(yuǎn)勝于上手畫原型圖蕴侧。原型圖只是思維的展現(xiàn)方式择同，只要能將思維明確地表現(xiàn)出來，甚至可以用手繪代替戈盈。在日常工作中奠衔，思考和原型圖的精力分配大致是7:3，而杰出的設(shè)計(jì)師塘娶，這個(gè)比例甚至可以達(dá)到8:2归斤。

如果我們將產(chǎn)品設(shè)計(jì)中各個(gè)環(huán)節(jié)按照權(quán)重大小進(jìn)行排列的話，那么從大到小可以排列為：信息架構(gòu)設(shè)計(jì)刁岸、功能結(jié)構(gòu)設(shè)計(jì)脏里、交互設(shè)計(jì)、視覺設(shè)計(jì)虹曙。所以這一章需要解決的恰恰是如何設(shè)計(jì)信息架構(gòu)迫横，而不是上手線框圖。

一酝碳、用戶體驗(yàn)五要素

在開始了解信息架構(gòu)前矾踱，先來回顧一個(gè)大名鼎鼎的模型吧——用戶體驗(yàn)五要素。

筆者更喜歡將其稱為產(chǎn)品設(shè)計(jì)五要素疏哗，這是因?yàn)樗粌H讓我們對(duì)產(chǎn)品有了初步的整體認(rèn)識(shí)呛讲，在后續(xù)工作中還能對(duì)細(xì)節(jié)進(jìn)行分解。在交互設(shè)計(jì)師的眼中返奉，也許最先看到贝搁、優(yōu)先著力的是局部設(shè)計(jì)，比如結(jié)構(gòu)層和框架層芽偏。

當(dāng)你既能把握好整體布局雷逆，又能優(yōu)化局部體驗(yàn)時(shí)，設(shè)計(jì)作品可以將點(diǎn)污尉、線膀哲、面連成一體由零到整再化整為零往产，那么你才是一位可以從用戶體驗(yàn)的角度掌控產(chǎn)品的優(yōu)秀交互設(shè)計(jì)師。

二等太、信息來源

既然是信息架構(gòu)設(shè)計(jì)捂齐，巧婦難為無米之炊，那么米（信息）是從哪里來呢缩抡？

1.戰(zhàn)略層-產(chǎn)品信息的方向

筆者戲稱這一層稱為“老板層”奠宜，因?yàn)橥ǔ＿@一層的決策者是老板，而非產(chǎn)品經(jīng)理瞻想，于是會(huì)出現(xiàn)以下趣味場(chǎng)景：（以筆者所在的互聯(lián)網(wǎng)金融行業(yè)為例）老板突發(fā)奇想压真、大手一揮決定公司未來要賣基金，產(chǎn)品經(jīng)理有了新的工作內(nèi)容——做基金產(chǎn)品蘑险。這時(shí)候滴肿，產(chǎn)品經(jīng)理開始琢磨了，老板想要的到底是個(gè)啥佃迄？我需要得到老板準(zhǔn)確的需求呀泼差！所以一個(gè)合格的產(chǎn)品經(jīng)理，要從老板嘴里套出兩個(gè)基本要素：

用戶能從這個(gè)產(chǎn)品獲得什么呵俏？

公司能從這個(gè)產(chǎn)品獲得什么堆缘？

這里需要插一句，當(dāng)時(shí)的背景是這樣的：公司的理財(cái)產(chǎn)品缺少債權(quán)普碎，大量用戶無法將手中的錢進(jìn)行投資吼肥、也無法獲得收益，因此產(chǎn)品的用戶流失率很高麻车。

如果公司新上線的基金產(chǎn)品運(yùn)作得當(dāng)?shù)脑捵褐澹脩舨坏梢詼p小資金站崗風(fēng)險(xiǎn)，還能獲取適當(dāng)收益动猬。同時(shí)啤斗，對(duì)于公司而言，產(chǎn)品線擴(kuò)展赁咙，豐富業(yè)務(wù)領(lǐng)域钮莲，可拉攏用戶投資獲得利潤(rùn)，還增加了公司在行業(yè)的影響力序目，差異化的服務(wù)使公司在行業(yè)競(jìng)爭(zhēng)中更具優(yōu)勢(shì)。

明確了這兩個(gè)問題伯襟，也就完成了戰(zhàn)略層的最基本任務(wù)猿涨。所有產(chǎn)品的出發(fā)點(diǎn)都須基于這兩點(diǎn)：即用戶痛點(diǎn)和解決方案，二者的契合度高低決定產(chǎn)品是否成功姆怪。

2.范圍層-產(chǎn)品信息的產(chǎn)生

有了產(chǎn)品方向叛赚，接下來就會(huì)涉及到這個(gè)產(chǎn)品會(huì)完成什么功能澡绩，提供什么信息，所以我們將范圍層比作兩個(gè)筐：一個(gè)功能筐俺附，另一個(gè)是信息筐肥卡。二者之間互相交叉，并沒有明顯的界線事镣。

（1）功能筐

筆者將功能筐分為兩部分步鉴，常規(guī)功能，如注冊(cè)和登錄等璃哟，和體驗(yàn)友好型功能氛琢，比如篩選、排序随闪。需要強(qiáng)調(diào)的一點(diǎn)阳似，產(chǎn)品經(jīng)理的需求文檔可能不會(huì)關(guān)注到體驗(yàn)友好型功能，很多情況下是交互設(shè)計(jì)師通過競(jìng)品分析铐伴、用戶調(diào)研撮奏、甚至是場(chǎng)景腦補(bǔ)出來的。

（2）信息筐

信息筐則來自于三部分：

首先当宴，從功能來的信息畜吊，比如登錄會(huì)涉及手機(jī)號(hào)和密碼等信息。

其次即供，本身存在的信息定拟，例如幫助信息。

以及體驗(yàn)友好型信息逗嫡，同樣是來自于交互設(shè)計(jì)師的設(shè)計(jì)青自。

拿筆者做的基金產(chǎn)品舉例，功能筐包括下載驱证、注冊(cè)等功能延窜。信息筐包含基金名稱、基金代碼抹锄、凈值逆瑞，漲跌幅等一系列繁多且無序的信息，如下圖伙单。此時(shí)就需要設(shè)計(jì)一種結(jié)構(gòu)讓信息元更易查看获高、且更高效有序。

既然是信息架構(gòu)信息架構(gòu)設(shè)計(jì)主要研究“信息的呈現(xiàn)”吻育，即用戶認(rèn)知信息念秧。不同的信息組合和選擇，對(duì)應(yīng)不同的理解成本布疼。如何讓展現(xiàn)給用戶的信息更加合理且有意義摊趾，就是信息架構(gòu)的意義币狠。同時(shí)信息架構(gòu)的設(shè)計(jì)還會(huì)向下呼應(yīng)戰(zhàn)略層的策略：

滿足用戶需求。讓用戶可以在一定的“信息規(guī)劃”下更易找到想要的“東西”。

滿足產(chǎn)品目標(biāo)。通過“信息架構(gòu)設(shè)計(jì)”教育殉农、說服、通知用戶使用產(chǎn)品止吐，以到達(dá)盈利的目標(biāo)。

3.信息架構(gòu)設(shè)計(jì)流程

有了米之后铸董，那煮飯的完整流程是什么呢祟印？擁有完整信息元后，主要分為信息處理和信息檢索兩個(gè)部分粟害。具體步驟是決定信息元之間的關(guān)系分類（組織系統(tǒng)）蕴忆，制定合理的類別標(biāo)簽（標(biāo)簽系統(tǒng)）。

通過邏輯順序組合成有意義的路徑（導(dǎo)航系統(tǒng)）悲幅，最后給核心信息設(shè)計(jì)快捷查找的方式（搜索系統(tǒng)）套鹅。

三、組織系統(tǒng)（Organization Systems）

組織系統(tǒng)是信息架構(gòu)的核心汰具，尋找信息元之間的關(guān)聯(lián)卓鹿，并進(jìn)行分類。分類涉及到分類依據(jù)留荔、分類方式吟孙、分類結(jié)果。

1.分類依據(jù)

組織體系（Organization Schemes）即分類的依據(jù)聚蝶，分為精確性組織體系（Exact Organization Schemes）和模糊性組織體系（Ambiguous Organization Schemes）杰妓。具體的分類依據(jù)有很多，比如地理位置碘勉、時(shí)間是精確性組織體系巷挥，主題、用戶群验靡、任務(wù)是模糊性組織體系倍宾。

在基金項(xiàng)目中是操作和按照主題分類的，細(xì)化為登錄注冊(cè)胜嗓、基金主題高职、個(gè)人信息主題、安全主題等等辞州。

2.分類方式

分類的方式又叫組織方式怔锌，共分為三種。

（1）自下而上（Top-Down）

通常應(yīng)用于ToC類的產(chǎn)品。在實(shí)際的設(shè)計(jì)中产禾，可以采用卡片分類法（Card Sorting），即將所有的信息元用一張張卡片寫下來牵啦，讓“目標(biāo)用戶”參與到信息分類中并且給出分類的依據(jù)亚情，以此作為產(chǎn)品設(shè)計(jì)師梳理信息架構(gòu)時(shí)的參考。

基金項(xiàng)目的主組織方式就是采用的自下而上哈雏，如下圖楞件，將所有的信息元按照組織體系分類后，會(huì)形成很多父類節(jié)點(diǎn)裳瘪，父類節(jié)點(diǎn)間也存在著某種關(guān)聯(lián)土浸，進(jìn)而形成新的父類節(jié)點(diǎn)。依此類推彭羹，最終會(huì)匯集到頂級(jí)節(jié)點(diǎn)黄伊，即戰(zhàn)略層的決策。

（2）自上而下（Bottom-Up）

通常應(yīng)用于ToB的產(chǎn)品派殷。最先從最廣泛的还最、可能滿足決策目標(biāo)的內(nèi)容與功能開始進(jìn)行分類，然后在按邏輯細(xì)分出次級(jí)分類毡惜，這樣的“主要分類”和“次級(jí)分類”就構(gòu)成了“一個(gè)個(gè)空槽”拓轻，再設(shè)想各種內(nèi)容和功能按順序一一填入。

自上而下組織后的層級(jí)多是從戰(zhàn)略層出發(fā)经伙，與戰(zhàn)略目標(biāo)緊密相連扶叉，與目標(biāo)用戶看著并不那么關(guān)聯(lián)緊密，所以很多To B產(chǎn)品都需要向用戶宣導(dǎo)帕膜。而自下而上恰恰相反枣氧，先有基于用戶需求的內(nèi)容和功能，再逐層往上分類組織泳叠，所以To C產(chǎn)品通常學(xué)習(xí)成本更低作瞄。

（3）超文本（Hypertext）

超文本是一種非線性的方式，通常不作為一種主組織方式危纫，只作為彌補(bǔ)自下而上和自上而下兩種方式不足的一種輔助方式宗挥，用來建立非同類或非同級(jí)信息元之間的關(guān)聯(lián)，為組織結(jié)構(gòu)的多樣性創(chuàng)造可能种蝶，并提供更高的靈活性契耿。

基金項(xiàng)目中對(duì)于綁卡、實(shí)名等操作都采用了超文本的組織方式螃征，比如添加超文本方式后的組織系統(tǒng)搪桂。

添加超文本方式后的組織系統(tǒng)

3.分類結(jié)果

采用一種或多種分類方式，會(huì)輸出對(duì)應(yīng)的分類結(jié)果，包括以下幾種類型：

（1）層級(jí)結(jié)構(gòu)（Hierarchical Structure）

這種結(jié)構(gòu)是最常用的結(jié)構(gòu)踢械，幾乎所有產(chǎn)品的主結(jié)構(gòu)都是層級(jí)結(jié)構(gòu)酗电。層級(jí)結(jié)構(gòu)可以視作是一種父子級(jí)關(guān)系，一個(gè)父級(jí)可以有幾個(gè)子級(jí)内列，子級(jí)還有它的子級(jí)撵术，直至包含了所有信息。而構(gòu)成層級(jí)結(jié)構(gòu)的方式也就是從上而下和從下而上為主话瞧。

基金項(xiàng)目的主結(jié)構(gòu)很顯然就是層級(jí)結(jié)構(gòu)嫩与。

（2）自然結(jié)構(gòu)（Organic Structures）

得益于超文本方式，很多信息元可以從多個(gè)路徑獲得交排，所以自然結(jié)構(gòu)沒有太強(qiáng)烈的分類概念划滋。

其通常被應(yīng)用于探索行為，比如訪問視頻A和C后埃篓，系統(tǒng)都同樣推薦了視頻B处坪，那么對(duì)于視頻B，就會(huì)有至少兩種探索路徑：一種來自視頻A架专，一種來自視頻C稻薇。

很顯然，自然結(jié)構(gòu)不適合作為主組織結(jié)構(gòu)胶征。如果任何信息元都以探索的方式獲得塞椎，那么對(duì)于任務(wù)型用戶來說，查詢的成本會(huì)大大增加睛低，相應(yīng)的用戶體驗(yàn)也會(huì)很差案狠，所以自然結(jié)構(gòu)多作為輔助結(jié)構(gòu)出現(xiàn)。

從組織系統(tǒng)看钱雷，基金項(xiàng)目還有部分采用自然結(jié)構(gòu)骂铁，比如實(shí)名的路徑就有兩種。

（3）矩形結(jié)構(gòu)（Matrix Structures）

矩形結(jié)構(gòu)同樣來自于超文本方式罩抗，它的信息元的來源路徑有多種拉庵。但是與自然結(jié)構(gòu)不同的是，矩形結(jié)構(gòu)更具規(guī)律套蒂，每一條來源路徑有固定的操作钞支，而非自然結(jié)構(gòu)那樣不可控。

有個(gè)經(jīng)典的例子操刀，如果某些用戶想通過顏色來找到某個(gè)產(chǎn)品烁挟，而另一些用戶希望通過尺寸搜尋，若使用矩陣結(jié)構(gòu)就可以同時(shí)兼容這兩種不同的用戶需求骨坑。

（4）線性結(jié)構(gòu)（Sequential Structures）

線性結(jié)構(gòu)非常好理解撼嗓，平時(shí)我們看的h5頁(yè)面基本上都是線性結(jié)構(gòu)，用戶不能進(jìn)行跳轉(zhuǎn)，只能一步一步按順序找到所要的信息元且警。

基金項(xiàng)目中粉捻，評(píng)測(cè)部分采用的就是線性結(jié)構(gòu)，用戶需要一步一步完成評(píng)測(cè)斑芜，無法跳轉(zhuǎn)杀迹。

四、標(biāo)簽系統(tǒng)（Labeling Systems）

確立了組織系統(tǒng)押搪，父類節(jié)點(diǎn)又該如何命名？怎樣按照用戶容易接受的方式命名浅碾？這就是接下來標(biāo)簽系統(tǒng)要解決的問題大州。

互聯(lián)網(wǎng)經(jīng)過幾十年發(fā)展，很多標(biāo)簽已經(jīng)形成固定模板垂谢，比如“首頁(yè)”厦画、“搜索”、“登錄”滥朱、“注冊(cè)”根暑、“關(guān)于我們”等等，這些都成為了用戶心理模型的一部分徙邻，按照慣例命名是標(biāo)簽系統(tǒng)的首要原則排嫌。

除此之外，為了確保標(biāo)簽?zāi)軌蚋弑磉_(dá)力缰犁，在設(shè)計(jì)標(biāo)簽的時(shí)候淳地，需要注意以下幾點(diǎn)：

1.盡量使用用戶語(yǔ)言

非用戶語(yǔ)言通常會(huì)出現(xiàn)在一些專業(yè)性很強(qiáng)的產(chǎn)品上。筆者所做的基金類產(chǎn)品中有很多專業(yè)術(shù)語(yǔ)帅容，對(duì)于非專業(yè)人士來說很難理解颇象，所以在設(shè)計(jì)標(biāo)簽系統(tǒng)的時(shí)候，盡量使用用戶易理解的表述并徘。

當(dāng)遇到無法替代的專業(yè)詞匯時(shí)遣钳，比如認(rèn)購(gòu)和申購(gòu)，那就需要做好注釋麦乞，不能讓用戶因?yàn)闃?biāo)簽的問題而茫然蕴茴。

2.保持一致性

標(biāo)簽的一致性代表著可預(yù)測(cè)性。對(duì)于同樣的標(biāo)簽姐直，用戶會(huì)產(chǎn)生相同的認(rèn)知荐开，用戶學(xué)習(xí)成本大大降低的同時(shí)，也能快速理解其背后對(duì)應(yīng)的操作或信息简肴。

五晃听、導(dǎo)航系統(tǒng)（Navigation Systems）

在信息架構(gòu)的概念里，導(dǎo)航就像大海里的燈塔，可以照亮來時(shí)的路能扒，也可以指引前往的方向佣渴，所以導(dǎo)航系統(tǒng)是指從頂端節(jié)點(diǎn)到某個(gè)信息的路徑。

需要注意的是結(jié)構(gòu)層的導(dǎo)航系統(tǒng)和框架層的導(dǎo)航設(shè)計(jì)不完全相同：結(jié)構(gòu)層導(dǎo)航系統(tǒng)還局限在組織結(jié)構(gòu)的層面初斑；而框架層導(dǎo)航設(shè)計(jì)是可視化設(shè)計(jì)辛润，即界面設(shè)計(jì)，主要表現(xiàn)為標(biāo)簽和頁(yè)面的跳轉(zhuǎn)见秤。結(jié)構(gòu)層導(dǎo)航系統(tǒng)可以視為框架層導(dǎo)航設(shè)計(jì)的跳轉(zhuǎn)路徑砂竖；但在框架層的導(dǎo)航設(shè)計(jì)時(shí)，仍然會(huì)根據(jù)實(shí)際頁(yè)面情況反向優(yōu)化結(jié)構(gòu)層導(dǎo)航系統(tǒng)鹃答。

結(jié)合框架層的導(dǎo)航設(shè)計(jì)乎澄，可以將導(dǎo)航系統(tǒng)分為兩部分：

1.嵌入式導(dǎo)航系統(tǒng)

包括全站、區(qū)域和情景式導(dǎo)航：

全站導(dǎo)航：即無論用戶走到哪里都可以看到的導(dǎo)航標(biāo)簽测摔，也是最高級(jí)父類節(jié)是查看所有信息的路徑起點(diǎn)置济。

區(qū)域?qū)Ш剑?/b>是用戶在某次級(jí)父類節(jié)點(diǎn)下瀏覽的子類導(dǎo)航，其影響的只是該次級(jí)父類節(jié)點(diǎn)一下的信查看路徑锋八。

情景式導(dǎo)航：即超文本的鏈接浙于，是嵌入在信息元的導(dǎo)航。

在基金項(xiàng)目中挟纱，設(shè)計(jì)師運(yùn)用了這幾種導(dǎo)航羞酗，使得整個(gè)產(chǎn)品的靈活性更高。每一個(gè)頂層的父類都可以作為全站導(dǎo)航的一個(gè)標(biāo)簽紊服，分別跳轉(zhuǎn)進(jìn)入父類的子類信息整慎。在個(gè)人信息的部分，需要設(shè)計(jì)一個(gè)區(qū)域?qū)Ш轿唬瑢⒖傎Y產(chǎn)裤园、已買基金、交易明細(xì)和個(gè)人信息設(shè)置分別作為導(dǎo)航標(biāo)簽放置在個(gè)人信息中剂府。

2.輔助性導(dǎo)航系統(tǒng)

包括網(wǎng)站地圖拧揽、索引、指南：

網(wǎng)站地圖：通常包含最高級(jí)父類節(jié)點(diǎn)和頂端的幾層次級(jí)父類節(jié)點(diǎn)腺占，提供更寬廣的感知視角淤袜。

網(wǎng)站索引：索引就像用戶直接在信息筐里檢索，跳過組織結(jié)構(gòu)的概念衰伯，全部是平鋪的信息元铡羡，用戶通過信息元的關(guān)鍵詞檢索信息。

網(wǎng)站指南：通常是為新用戶介紹信息和功能的工具意鲸，包括演示烦周、教程等等尽爆，總之都是為用戶提供一種瀏覽的路徑。

六读慎、搜索系統(tǒng)（Search Systems）

筆者始終認(rèn)為漱贱，假設(shè)導(dǎo)航系統(tǒng)足夠強(qiáng)大，用戶通過導(dǎo)航指示的路徑可以找到任何需要的信息夭委，那么搜索將毫無意義幅狮，然而現(xiàn)實(shí)中這種情況是極理想化的。所以與導(dǎo)航系統(tǒng)一樣株灸，搜索系統(tǒng)也是尋找信息的一種方式崇摄。

對(duì)于搜索系統(tǒng)，需要強(qiáng)調(diào)兩點(diǎn)：

1.是否真的需要搜索系統(tǒng)慌烧？

可以基于兩點(diǎn)去判斷是否需要設(shè)置搜索系統(tǒng)：

當(dāng)信息的分類非常多逐抑、或某幾類信息的信息員過多時(shí)，可以考慮設(shè)計(jì)搜索系統(tǒng)杏死，幫助用戶快速找到相應(yīng)的信息。

如果組織結(jié)構(gòu)比較深的時(shí)候捆交，為了減少用戶的操作負(fù)擔(dān)淑翼，也可以設(shè)置搜索系統(tǒng)，以便用戶快速找到信息品追。

2.搜索的內(nèi)容是什么玄括？

搜索的內(nèi)容應(yīng)該是核心信息，是產(chǎn)品主要想表達(dá)的信息肉瓦，也是用戶經(jīng)常查看的信息遭京。

在基金項(xiàng)目中，由于涉及到數(shù)百只基金泞莉，所以將基金名稱和基金代碼作為搜索內(nèi)容哪雕，用戶可以直接通過搜索系統(tǒng)直達(dá)基金信息。

在了解信息架構(gòu)的四大組件后鲫趁，我們發(fā)現(xiàn)可以將其分為兩部分：

一部分是信息本身的處理斯嚎，即將信息本身按照某種方式組織結(jié)構(gòu)，然后給各節(jié)點(diǎn)命名挨厚；

另一部分是對(duì)信息的檢索堡僻，用戶通過導(dǎo)航或搜索可以找到信息元。

顯然最核心的部分是組織結(jié)構(gòu)疫剃，其優(yōu)劣會(huì)影響標(biāo)簽是否易理解钉疫，以及導(dǎo)航路徑是否簡(jiǎn)短高效，以及檢索的效率巢价。因此在設(shè)計(jì)信息架構(gòu)的時(shí)候牲阁，要將關(guān)注度更多放在組織系統(tǒng)固阁。

同時(shí)在設(shè)計(jì)組織系統(tǒng)的時(shí)候，要考慮實(shí)際使用場(chǎng)景咨油，不同場(chǎng)景下用戶的需求不同您炉，對(duì)應(yīng)的解決方案自然也有所區(qū)別，比如一個(gè)瀏覽型的用戶役电，使用自然結(jié)構(gòu)很合理赚爵，但如果是任務(wù)型用戶，就要嘗試層級(jí)結(jié)構(gòu)法瑟。除此之外冀膝，在設(shè)計(jì)信息架構(gòu)的時(shí)候還需要遵循以下幾點(diǎn)原則：

與“產(chǎn)品目標(biāo)”和“用戶需求”相對(duì)應(yīng)；

具有一定的延展性霎挟，添加信息元盡量不破壞原有的組織結(jié)構(gòu)窝剖；

保證分類依據(jù)的一致性赐纱、相關(guān)性和獨(dú)立性疙描，避免信息元分類模糊起胰；

有效平衡信息架構(gòu)的“廣度”和“深度”效五，避免寬而淺和窄而深的組織結(jié)構(gòu)畏妖；

使用“用戶語(yǔ)言”，同時(shí)避免“語(yǔ)義歧義或不解”谱仪。

七疯攒、產(chǎn)出信息架構(gòu)圖

在設(shè)計(jì)信息架構(gòu)的同時(shí)列荔，我們會(huì)發(fā)現(xiàn)有些組件會(huì)和用戶直接交互，比如搜索系統(tǒng)砂吞，而一些組件則躲在幕后蜻直，例如組織系統(tǒng)，用戶可能無法感知其存在呼巷。所以對(duì)于那些無法感知的部分王悍，我們需要將通過可視化的方式表現(xiàn)出來，給框架層的界面設(shè)計(jì)做鋪墊集惋。

在設(shè)計(jì)組織結(jié)構(gòu)時(shí)芋膘，我們已經(jīng)有了一個(gè)層級(jí)結(jié)構(gòu)圖臂拓，而信息架構(gòu)圖就是以此作為基礎(chǔ)胶惰。從頂級(jí)節(jié)點(diǎn)到每一個(gè)信息元的路徑即為導(dǎo)航路徑孵滞，最上層的父級(jí)節(jié)點(diǎn)可以作為導(dǎo)航標(biāo)簽的參考中捆，同時(shí)在圖中標(biāo)出可應(yīng)用于搜索的信息元，如圖6.6泄伪。

此時(shí)最基本的信息結(jié)構(gòu)圖就完成了匿级，在接下來框架層設(shè)計(jì)時(shí)蟋滴，頁(yè)面實(shí)際情況可能會(huì)反向影響結(jié)構(gòu)層，所以信息架構(gòu)圖會(huì)有一定程度的迭代優(yōu)化津函，最終可以產(chǎn)出基于頁(yè)面的信息架構(gòu)圖肖粮。