2023年如何理解并應用信息架構？這篇文章帶你系統(tǒng)了解

如何理解并應用信息架構？這篇文章帶你系統(tǒng)了解！前言

第一次熟悉「信息架構」，還是剛入行的時候。當時做B端產(chǎn)品，常常會討論產(chǎn)品的信息架構，利用思維導圖工具輸出一份關于功能的結構圖。

當時信息架構主要應用在兩個方面：

1）競品分析

信息架構基本是競品分析的必備環(huán)節(jié)。主要是將競品產(chǎn)品功能（側重導航系統(tǒng)），采納腦圖的形式排列出來（顆粒度有時粗有時細），勾畫出產(chǎn)品的功能體系，展現(xiàn)出信息組織結構。依據(jù)前輩的閱歷，將架構大致會分為「寬而淺」和「窄而深」兩種形式進行一通分析，得出一個比較主觀的結論。

2）界面設計層面

在實際的設計應用時，信息架構更偏向于導航菜單的組織結構。設計師需要將產(chǎn)品功能清單進行結構化梳理，曾經(jīng)嘗試過卡片分類法等，搭建起整個產(chǎn)品的導航菜單結構，并對菜單命名做出肯定的優(yōu)化建議。

總體來說，對信息架構的理解還是比較淺薄的。今日我們來系統(tǒng)地了解下信息架構的學問。

一、信息架構的定義

信息架構（informationarchitecture，縮寫為IA）是指對某一特定內容里的信息進行統(tǒng)籌、規(guī)劃、設計、支配等一系列有機處理的想法。

IA的主體對象是信息，由信息架構師來加以設計結構、打算組織方式以及歸類，好讓使用者與用戶簡單查找與管理的一項藝術與科學。

——百度百科

定義都是概括性極強的，讀起來會比較晦澀難懂。但是我們可以從中獲得一些關鍵信息。

1.對于產(chǎn)品

信息架構是產(chǎn)品信息的組織、歸類方式。需要能夠真實地反映出產(chǎn)品的核心價值、呈現(xiàn)出主線功能、特色功能，提升用戶對產(chǎn)品的認知。

2.對于用戶

信息架構要便利用戶理解，并能夠關心用戶順當?shù)卣业綄墓δ芡瓿刹僮?。在信息架構設計時，要充分考慮用戶的理解力量、操作習慣、目標內容使用頻率等因素，符合用戶認知從而提升用戶體驗。

二、信息架構與交互設計

在用戶體驗5要素中，信息架構歸屬于結構層，主要是面對信息型產(chǎn)品。功能型產(chǎn)品的結構層主要指的是交互設計。

交互設計和信息架構都強調?個重點：確定各個將要呈現(xiàn)給?戶的元素的“模式（patterns）”和“挨次（sequences）”。交互設計關注于將影響?戶執(zhí)?和完成任務的元素。信息架構則關注如何將信息表達給?戶的元素。

——《用戶體驗要素：以用戶為中心的產(chǎn)品設計》

兩種產(chǎn)品類型為什么會有交互設計和信息架構的區(qū)分呢？說一下我個人理解。

1.信息型產(chǎn)品

信息型產(chǎn)品就是我們常見的各類網(wǎng)站，例如門戶網(wǎng)站、品牌官網(wǎng)、知乎、今日頭條、或者騰訊視頻等內容類產(chǎn)品。這些產(chǎn)品主要是為用戶供應各類信息，任務類操作比較少。

網(wǎng)站最終的任務是賜予用戶足夠可用、有效的信息，確保用戶在產(chǎn)品中不會迷失或者無法找相應的信息入口，所以結構層的主要任務是構建符合用戶認知的信息架構，便于在框架層以此架構為基礎完成界面、導航設計。

2.功能型產(chǎn)品

功能型產(chǎn)品更多的是中后臺管理系統(tǒng)，目的是關心特定的用戶完成各種任務，包含了各種流程。在產(chǎn)品中用戶會有大量的操作，功能之間可能互為前置條件或者相互協(xié)同。

例如用戶在商品加購之前，需要完成登錄?；蛘吖芾韱T在增加用戶之前，需要提前設定系統(tǒng)用戶角色。所以對于功能型產(chǎn)品，除了確定信息架構，還要明確好功能之間的交互規(guī)律關系。

我認為在結構層中，交互設計和信息架構并不是肯定割裂的，功能型產(chǎn)品同樣需要制定信息架構，只不過信息架構相對固定，需要遵從用戶的業(yè)務場景、工作流程等，設計師不能依據(jù)自己的理解隨便更改。

另外隨著業(yè)務場景和功能的進展迭代，有些產(chǎn)品已經(jīng)不能通過簡潔信息型產(chǎn)品或者功能型產(chǎn)品進行劃分。例如電商網(wǎng)站，既要供應商品信息供用戶選購，還要供應購物車、下單、支付、物流、售后等一系列的環(huán)節(jié)，每個環(huán)節(jié)之間都是環(huán)環(huán)相扣。因此，在結構層需要信息架構和交互設計并重。

三、信息架構的構建方式

信息架構最核心的是確定產(chǎn)品信息的組織形式，我們可以采納以下兩種?式來建?分類體系：「自上而下」或「自下而上」。

1.自上而下

這種分類方法從“戰(zhàn)略層”（產(chǎn)品目標）動身去考慮內容分類。即依據(jù)產(chǎn)品目標與用戶需求直接進行結?構設計。最先從最廣泛的、可能滿意決策目標的內容與功能開頭進行分類，然后在按規(guī)律細分出次級分類，這樣的“主要分類”和“次級分類”就構成了“一個個空槽”，將想要的內容和功能按挨次一一填入即可。

我理解這樣的方式是從產(chǎn)品視角動身，依據(jù)功能清單，結合用戶場景，逐級建立起信息分類形成產(chǎn)品的信息架構，最終將功能/內容放入到信息架構中。

這種方法比較適合B端產(chǎn)品，產(chǎn)品功能和用戶業(yè)務場景比較明確，并且是緊密結合在一起的。比如財務報銷需要包括提單、審批、支付、消息、記錄等等環(huán)節(jié)。信息架構也要根據(jù)這些場景和流程進行歸類，便于用戶理解和找尋。

此外對于C端產(chǎn)品，某些用戶需求和場景并是不特殊明確，需要產(chǎn)品主動構建信息架構引導用戶需求，此時也需要自上而下建立信息架構。例如電商產(chǎn)品中引入短視頻，首頁的訂閱方式等，短視頻產(chǎn)品中的同城、愛好等功能。這些是基于用戶洞察，產(chǎn)品自上而下推動信息結構的優(yōu)化升級。

2.自下而上

這種分類方法是依據(jù)對“內容和功能需求的分析”?來的。先從已有的資料（或者當?站發(fā)布后將存在的資料）開頭，我們把這些資料統(tǒng)統(tǒng)放到最低級別的分類中，然后再將它們分別歸屬到較??級的類別，從?漸漸構建出能反映我們的產(chǎn)品?標和?戶需求的結構。

當產(chǎn)品已經(jīng)擁有了內容，但是并不明確如何進行歸類，才符合用戶的認知和需求。這是就可以采納自下而上的方法倒推，建立信息架構。對于信息量不大的產(chǎn)品，可以做幾版方案，找些用戶進行測試就可以得出結論。對于信息量會比較大的產(chǎn)品，可以采納卡片分類法，讓用戶參加其中，為信息架構設計供應參考依據(jù)。

我個人認為，在實際的應用中自上而下的創(chuàng)建方式居多，這種方式從產(chǎn)品和用戶兩個維度動身，可以搭建出比較平衡的一套信息架構。

四、信息架構的構成

在《信息架構——超越Web設計》一書中，將信息架構定義為：

——共享信息環(huán)境的結構化設計；——數(shù)字、物理和跨渠道生態(tài)系統(tǒng)中的組織、標簽、搜尋和導航系統(tǒng)的合成；

——創(chuàng)建信息產(chǎn)品和體驗的藝術及科學，以供應可用性、可尋性和可理解性；

——一種新興的實踐性科學群體，目的是把設計和建筑學的原理理導?入數(shù)字領域中。

《信息架構——超越Web設計》

這就意味著信息架構不僅僅是我們看到的導航菜單，只不過由于導航菜單是信息架構的直觀表現(xiàn)形式，所以經(jīng)常被理解為“信息架構就是導航菜單”。

信息架構包含了4大系統(tǒng)：組織系統(tǒng)、標簽系統(tǒng)、導航系統(tǒng)、搜尋系統(tǒng)。

1.組織系統(tǒng)

組織系統(tǒng)是信息架構的根基，打算了信息架構的基礎規(guī)律，可以拆解為組織方案與組織結構兩個模塊。

1）組織方案

組織方案就是產(chǎn)品信息的分類規(guī)律，需要依據(jù)用戶、場景和業(yè)務規(guī)律進行組織和定義，在產(chǎn)品中信息的歸屬有不同維度和標準，大致可分為精確信息和模糊信息2類。

有些信息可以根據(jù)精確的維度進行劃分。例如首字母、時間、行政區(qū)、組織結構、文件類型等。精準的信息組織方式可以保證將信息分成定義明確且互斥的區(qū)域，簡單設計與維護。

但是一些信息缺少明確的劃分標準，屬于模糊信息。例如網(wǎng)站欄目的劃分、電影的分類等，更多的是根據(jù)業(yè)務和用戶認知習慣確定組織形式。

常見的模糊組織方案主要有以下幾種方式：

①主題組織方案

當我們無法根據(jù)精確分類時，可以根據(jù)用戶場景、業(yè)務規(guī)律歸納為符合用戶認知的主題（頻道），搭建信息架構的基礎分類。例如品牌官網(wǎng)的信息歸類方式。

②任務導向方案

任務導向的組織方案通常用在對操作要求較高的工具型產(chǎn)品中，信息架構的基礎分類是各種功能的集合。例如WPS工具欄就是根據(jù)任務導向分類的。

③特定受眾方案

特定受眾的組織方案即依據(jù)不同類型的訪問者呈現(xiàn)不同類型的信息。以受眾為導向的信息組織方案會把網(wǎng)站切分成更小、以受眾為主的小型網(wǎng)站，可以在網(wǎng)頁上呈現(xiàn)特定用戶感愛好的內容，避開網(wǎng)頁的雜亂。

例如Boss直聘中用戶可以擁有“牛人”和“Boss”兩種角色身份，信息內容、組織形式有著明顯的差別。

另外隨著老齡化人口比重越來越大，無障礙設計成為了產(chǎn)品設計的重要組成部分。無障礙設計并不僅僅是將字體變大，在產(chǎn)品內容、信息結構上也會有肯定的優(yōu)化調整，內容更加精簡、聚焦于產(chǎn)品核心功能。

總的來說，特定受眾方案應用還是比較少的。有的C端產(chǎn)品會依據(jù)用戶角色劃分為多個產(chǎn)品，例如滴滴出行有乘客端和司機端兩款產(chǎn)品。

而在B端產(chǎn)品中，角色劃分通常比較多，并且不同的角色間有著比較強的業(yè)務關聯(lián)。因此用戶會共用一個產(chǎn)品，通過角色權限區(qū)分不同的信息架構。

④混合方案

在一款產(chǎn)品中，單一的分類模式很難滿意全部場景的需要，信息架構應當依據(jù)實際狀況，敏捷地采納多種方式混合分類。

2）組織結構

組織結構指的信息架構內在的規(guī)律結構，分為以下四種組織方式：

①層級結構

在層級結構中，節(jié)點與其他相關節(jié)點之間存在父級/子級的關系。子節(jié)點代表著更狹義的概念，從屬于代表著更廣義類別的父節(jié)點。不是每個節(jié)點都有子節(jié)點，但是每個節(jié)點都有一個父節(jié)點，始終往上直到整個結構的父節(jié)點。

層級結構是信息架構中最常見的形式，信息多級逐層綻開。因此具有很強的拓展性和包涵性，可以承載簡單的信息量。并且節(jié)點之間是相互獨立的，內容的歸屬比較明確，構建的單個信息空間也比較清楚簡潔。

層級結構會存在廣度和深度的問題。在信息總量肯定的狀況下，可以分為「寬而淺」和「窄而深」2種不同的形式。

「寬而淺」的結構意味著父節(jié)點越多，子節(jié)點層級就會變少?！刚睢沟慕Y構意味著父節(jié)點比較少，子節(jié)點的層級就會變多。

信息架構增加廣度，意味著信息的入口增多，用戶不太簡單辨別目標點的歸屬，就會增加查找和記憶成本。最上層的信息入口，我們一般會遵循7±2原則，Web端產(chǎn)品掌握在7個以內，移動端產(chǎn)品掌握在5個以內。

子節(jié)點層級一般為3層，最多不超過5層。過深的層級會造成信息難以查找，同時用戶到達目標點的路徑會變長，操作成本也會相應的增加。

②矩陣結構

矩陣結構允許用戶在節(jié)點與節(jié)點之間沿著兩個或更多的“維度”移動。由于每一個用戶的需求都可以和矩陣中的一個“軸”聯(lián)系在一起，因此矩陣結構通常能關心那些“帶著不同需求而來”的用戶，使他們能在相同內容中查找各自想要的東西。

矩陣式結構是一種多維度結構，可以讓用戶在相同的內容中根據(jù)個人需求找尋自己所需的信息，最典型的就是產(chǎn)品首頁信息。作為產(chǎn)品內容聚合、分發(fā)的頁面，可以滿意用戶的不同需求。目前不少C端產(chǎn)品都采納的是「主題+推舉」的模式，通過算法實現(xiàn)產(chǎn)品內容與用戶需求的高度匹配。

B端首頁則是依靠「角色+場景」構建起產(chǎn)品的矩陣結構，實現(xiàn)功能的快捷直達，以及重要信息的清楚展現(xiàn)。

另外矩陣式結構還體現(xiàn)在鏈路關系上，沒有層級和中心的概念，更加強調信息之間的互聯(lián)互通。通過這種連接關系甚至可以將跨領域、跨層級的信息關聯(lián)起來。

比較典型的就是電商App，通過商品詳情頁可以到達店鋪、到達同類推舉產(chǎn)品、到達客服、到達購物車、到達活動頁面，甚至是搭配商品等等。這種結構具有很強的自由度和敏捷性，既可以避開用戶行為進入「死胡同」，又可以通過多重的信息連接，豐富產(chǎn)品的運營場景，帶給用戶更多的可能。

當然這種結構的前提是信息必需是關系緊密的功能場景，否則信息會消失錯亂，并增加用戶的認知負擔。

③自然結構

自然結構不會遵循任何全都的模式。節(jié)點是逐一被連接起來的，同時這種結構沒有太劇烈的分類概念。自然結構對于探究一系列關系不明確或始終在演化的主題是很合適的。但是自然結構沒有給用戶供應一個清楚的指示，從而讓用戶能感覺他們在結構中的哪個部分。

自然結構具有隨機性和不確定性，隨著算法的提升，這種結構應用越來越廣泛。最常見的就是各種推舉信息流，電商平臺、音視頻、資訊平臺等產(chǎn)品都主打推舉頻道，透過投喂的方式，吸引沒有明確需求的用戶，給他們更多的選擇。

不過自然結構的隨機性意味著用戶無法建立固定的信息架構認知，所以自然結構不會單獨存在，只是對信息架構的補充。另外在B端產(chǎn)品中，用戶通常具有明確的任務和目標，所以自然結構并不適用于B端產(chǎn)品。

④線性結構

線性結構來自于你最熟識的線下媒體。連貫的語言流程是最基本的信息結構類型，而且處理它的裝置早已被深深地植入我們的大腦中了。書、文章、音像和錄像全部都被設計成一種線性的體驗。

線性結構是比較單一的信息結構，信息有先后挨次要求，逐層向下遞進，并且沒有交叉。這種組織形式打算了線形結構主要用在簡潔產(chǎn)品或者產(chǎn)品信息構架的末端場景中。

例如在微信讀書中，打開書籍后用戶只能一頁頁翻看，不會與其他書籍有交叉關聯(lián)。在OA，電子郵箱等產(chǎn)品中，每一個流程，每一封郵件都是線性的、相互獨立的，信息之間不會增加不必要的關聯(lián)。

2.標簽系統(tǒng)

標簽系統(tǒng)指的是整個產(chǎn)品信息節(jié)點的命名體系，靜態(tài)展現(xiàn)了產(chǎn)品信息架構的詳細內容，包含文字和圖片（圖標）2種信息。標簽系統(tǒng)需要符合用戶的認知習慣，削減用戶的學習成本。在日常設計工作中，標簽系統(tǒng)需要留意以下3個方面：

1）標簽內容的精確?????性

標簽定義時，需要精確?????地表達信息的內容項。舉兩個例子：

在C端領域為了提高用戶的點擊率，常常會遇到一些信息融合累加的設計形式。例如宣揚用語是“立享300元福利”，用戶點開一看，或許只是10張優(yōu)待券。這種設計利用了用戶“貪廉價”的心理，已經(jīng)成為了行業(yè)商定俗成的表達形式，倒也可以接受。

不過之前有個營銷彈窗的案例，用戶點擊后跳轉到活動頁面，然后逐個領券。彈窗中按鈕有兩種方案，A方案是“快樂收下”，B方案是“馬上領取”。

雖然后臺有歷史數(shù)據(jù)顯示，“快樂收下”的文案用戶點擊率比較高，并不意味著這個文案可以用在全部場景下。“快樂收下”意味著完成領取并入賬，“馬上領取”則是需要連續(xù)操作才能完成領取，兩者適用于不同的場景。

標簽系統(tǒng)首先要考慮表達的精確?????性，要符合用戶的心智模型以及所代表的行為模式。

2）優(yōu)先選用行業(yè)通用的術語或圖標

尼爾森十大可用性原則中要求「貼近用戶真實環(huán)境」。在標簽定義的時候，盡量使用目標用戶的語言。尤其在B端產(chǎn)品中，不少名詞對設計師而言比較生疏。但是對專業(yè)領域的用戶，這些都是日常工作術語，早已達成了共識。假如做出轉變，反而會增加用戶認知成本。

所以設計師要克服自己的認知缺陷。一方面要了解業(yè)務、通過用戶調研，建立更符合用戶認知的標簽系統(tǒng)，另一方面也可以參考競品來學習和應用信息標簽。

為了保證新、老用戶的快速了解系統(tǒng)，最大程度地降低學習成本，可以在標簽旁邊添加解釋進一步說明。例如英文縮寫術語、簡單引起歧義的指標、不易理解的標簽等等。

對于圖標，有些是各個產(chǎn)品通用的形式，用戶很容理解。例如「設置」、「刪除」、「關心」等。還有相當大一部分圖標很難精確?????表達出內在信息，就需要增加文字信息，幫助信息表達。

3）標簽信息簡潔高效

標簽系統(tǒng)既要完整表達信息，也要留意信息的簡潔高效。

例如下圖中菜單命名，大量重復的信息增加了信息識別的難度，并且名稱字數(shù)沒有掌握導致內容截斷，也會增加用戶的操作成本。

3.導航系統(tǒng)

導航系統(tǒng)是信息架構的動態(tài)交互規(guī)律。一方面能夠告知用戶當前所處于的位置，頁面信息的層級歸屬，讓用戶不會在產(chǎn)品中迷失方向。另一方面導航系統(tǒng)實現(xiàn)了信息的動態(tài)聯(lián)接，用戶可以依靠導航系統(tǒng)在不同的層級結構中「閃轉騰挪」，高效操作。

導航系統(tǒng)分為4大類：全局導航、局部導航、情景式導航、幫助導航。

1）全局導航

全局導航是面對整個產(chǎn)品的導航形式，通常位于系統(tǒng)的整體框架中，實現(xiàn)在全部頁面中可見、可操作。所以全局導航也只是對產(chǎn)品的核心、關鍵功能和部分即時功能開放。

例如信息框架中的一、二級的信息，或者消息、用戶管理這類即時、強管理的內容。

2）局部導航

局部導航是全局導航的補充，對于簡單的產(chǎn)品，局部導航特別有必要，避開全局導航變得臃腫簡單，有利于信息逐級有序地綻開。

3）情景式導航

情景式導航又稱為上下文導航，指的是依據(jù)當前場景或者內容產(chǎn)生的信息鏈接關系。例如文章內的超鏈接，或者是標題信息等，點擊可以跳轉新的網(wǎng)頁、下載文件或指定某個對象等。情景導航中可以承載產(chǎn)品外部的內容鏈接，不必完全是本產(chǎn)品中的內容。

4）幫助導航

幫助導航包括網(wǎng)站地圖，網(wǎng)站索引，網(wǎng)站指南等幫助類型的導航。

4.搜尋系統(tǒng)

搜尋系統(tǒng)解決的是大容量、高密度信息的定位問題。大到全產(chǎn)品范圍內的搜尋，小到當前列表搜尋，基本成了產(chǎn)品中的必備功能。即使有些產(chǎn)品中搜尋功能，用戶的使用頻率不高，也是需要配備的，便利用戶的不時之需。

「搜尋」系統(tǒng)對外呈現(xiàn)或許是一個帶著圖標的輸入框，甚至只是一個圖標。但是操作則是一個多種狀態(tài)的融合的交互過程，包括了輸入前、輸入中、搜尋結果展現(xiàn)等內容。系統(tǒng)比較簡單，大家可以去找一些特地的文章學習，也可以看一下我之前的文章《關于搜尋設計中3個原則，你知道嗎？》。

5.小結

以上就是信息架構的4大組成系統(tǒng)。信息架構的最終目標是為了讓用戶能夠更快速地獵取信息。在實際應用過程中，可以依據(jù)產(chǎn)品類型，用戶群體做出內容取舍。

值得留意的是，信息架構最重要的標準，不是“整個過程一共需要多少步驟”，而是“用戶是否認為每一個步驟都是合理的”，以及“當前的步驟是否自然地連續(xù)了上一個步驟中的任務”。

五、信息架構的影響因素

信息架構是為產(chǎn)品和用戶服務的。因此信息架構的影響因素主要是來自于這兩個方面。

1.產(chǎn)品視角

1）產(chǎn)品目標及定位

同類型產(chǎn)品的目標、定位、用戶群體并不是完全相同的，在各自的細分領域形成了各自的差異化優(yōu)勢。這些都會直接和間接地影響產(chǎn)品的信息架構。

例如國內3大電商平臺的主導航基本全都，但也不是完全相同，大家可以體會和思索下其中的差別。

2）產(chǎn)品類型

上面不少案例提及了B端和C端產(chǎn)品，由于產(chǎn)品類型、適配終端、產(chǎn)品目標等方面的影響，信息架構有著比較明顯的差異。同樣都是C端產(chǎn)品，購物類產(chǎn)品重搜尋與推舉，金融證券類產(chǎn)品則是重功能導向，界面看似全都的，但是信息架構中組織系統(tǒng)、搜尋系統(tǒng)背后的規(guī)律也存在較大差異。

3）產(chǎn)品簡單度

簡潔產(chǎn)品的信息架構也會比較簡潔，或許線性的組織結構就可以搭建起核心業(yè)務的信息架構，例如郵箱。

簡單產(chǎn)品的信息架構會運用多種組織結構方式，相關的標簽系統(tǒng)、導航系統(tǒng)、搜尋系統(tǒng)都會加強。例如云類產(chǎn)品的標簽系統(tǒng)，既要考慮整體的全都性，又要明確各個產(chǎn)品間的差別。搜尋功能也不僅限于產(chǎn)品功能，還會拓展到活動優(yōu)待、關心文檔等內容，讓用戶搜尋得更徹底。

2.用戶視角

1）用戶需求

產(chǎn)品不能一味的只考慮自己的產(chǎn)品目標，還要考慮用戶的接受程度。就好比舞臺上高雅的古典歌劇，只顧展現(xiàn)自己的專業(yè)力量，而底下觀眾根本聽不懂唱的內容，必定無法引起觀眾愛好。

假如不重視