信息架構(gòu)指的是app或網(wǎng)站當(dāng)中全部信息的組成結(jié)構(gòu)。經(jīng)過認(rèn)真梳理的信息架構(gòu)可以使產(chǎn)品更加易于理解和導(dǎo)航。這有些類似于作家在動筆之前首先擬出故事的大綱，或是建筑師需要以精準(zhǔn)的藍圖作為一切工作的基礎(chǔ)。

本篇文章是關(guān)于信息架構(gòu)的碎碎念，一篇有些像茶的小文，而不那么像冰咖啡。

下面進入譯文：

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

簡單來講，信息架構(gòu)指的是app或網(wǎng)站當(dāng)中全部信息的組成結(jié)構(gòu)。經(jīng)過認(rèn)真梳理的信息架構(gòu)可以使產(chǎn)品更加易于理解和導(dǎo)航。這有些類似于作家在動筆之前首先擬出故事的大綱，或是建筑師需要以精準(zhǔn)的藍圖作為一切工作的基礎(chǔ)。

本質(zhì)上講，任何數(shù)字化產(chǎn)品，包括網(wǎng)站、app等等，都是信息的集合。信息架構(gòu)設(shè)計通常需要解決兩方面的問題，一是怎樣使信息更易理解與瀏覽，二是如何確保擴展性，使其在未來能夠承載更為復(fù)雜的信息與功能。

擁有良好信息架構(gòu)的產(chǎn)品在結(jié)構(gòu)上非常堅固。這與建筑是相同的道理 – 從地基和支柱入手，基礎(chǔ)便會穩(wěn)固；基于穩(wěn)固的基礎(chǔ)一步步擴大建筑規(guī)模，一切都將有條不紊的從容進行。

以Spotify為例，通過對UI進行解構(gòu)，我們可以了解其表面之下的基礎(chǔ)信息架構(gòu)：

信息的抽象結(jié)構(gòu)

要實現(xiàn)結(jié)構(gòu)清晰、重點突出的界面設(shè)計方案，你必須首先梳理出結(jié)構(gòu)清晰、重點突出的信息架構(gòu)。作為產(chǎn)品設(shè)計師，我們需要在這里承擔(dān)思考與分析的責(zé)任，否則這一重?fù)?dān)勢必會落到用戶身上。

在思考信息架構(gòu)時，出現(xiàn)在我們頭腦中的應(yīng)該是一系列抽象的信息單元，包括名詞與動詞等等，而非具體的像素、組件或頁面。這樣，你很快便會發(fā)現(xiàn)，任何產(chǎn)品無法只是信息的集合；而用戶怎樣理解和使用產(chǎn)品，最終將取決于我們以怎樣的方式將這些信息進行整合。

這就像在造句 – 各種名詞、動詞的組合方式?jīng)Q定著最終能夠傳達出怎樣的信息。

產(chǎn)品也是如此。一個app可以抽象成若干名詞與動詞的組合，包括“事物”以及“我能對這個事物執(zhí)行的行為”。其中的名詞非常重要，app的信息世界正是由它們組成的。在產(chǎn)品當(dāng)中，一些典型的名詞通常包括：

• 歌曲
• 路徑
• 用戶
• 照片
• 餐廳
• 賬款
• 友人

而動詞則是人們以這些名詞為對象所執(zhí)行的行為，包括：

• 播放歌曲
• 創(chuàng)建路徑
• 新建用戶
• 分享照片
• 點評餐廳
• 發(fā)送賬款
• 添加友人

大體上講，app界面當(dāng)中存在著這樣一種比例關(guān)系 – 絕大多數(shù)的界面元素（約80%）用于呈現(xiàn)“名詞”；一小部分用于呈現(xiàn)“動詞”，即用戶可以對那些名詞進行的操作。

信息架構(gòu)的普遍適用性

經(jīng)年累月，我們發(fā)現(xiàn)良好的信息架構(gòu)通常具有普遍適用性，其中一些原則與模式更是被眾多不同類型的產(chǎn)品所采納。最具典型性的，譬如app的頂級導(dǎo)航需要呈現(xiàn)出產(chǎn)品最重要的功能模塊。仍以Spotify為例，這些模塊包括“Home”、“Browse”、“Search”、“Radio”和“Your Library”。在你的app當(dāng)中，哪些模塊是最為重要的？試著列出來，并盡量約束在3到5個之內(nèi)。

我們還意識到，無論產(chǎn)品類型及信息的本質(zhì)屬性是否相同，信息架構(gòu)總會呈現(xiàn)出相似的架構(gòu)。譬如我們都知道一種最為常見的模式，當(dāng)我們沿著信息架構(gòu)深入導(dǎo)航時，我們總會傾向于從寬泛的“信息面”逐步定位到特定的“信息點”。這種探索信息架構(gòu)的行為通常被稱為“鉆取”（drilling down）。

UI雖在進化，但底層信息架構(gòu)并未發(fā)生很大變化

共通模式

在設(shè)計過足夠多的app、網(wǎng)站或其他數(shù)碼產(chǎn)品之后，我們會發(fā)現(xiàn)各層信息之間的結(jié)構(gòu)其實具有很強的相似性，有時只是信息層級的標(biāo)題發(fā)生了變化。有經(jīng)驗的設(shè)計師知道怎樣從這些久經(jīng)驗證的結(jié)構(gòu)模式出發(fā)來設(shè)計產(chǎn)品。本質(zhì)上講，這些結(jié)構(gòu)是一種形而上的抽象存在，并非以其中所包含的實際信息為依托。

音樂

照片

“Things”

萬變不離其宗

于是，我們可以將這樣的抽象結(jié)構(gòu)作為容器，將信息“灌入”其中，然后在表現(xiàn)層面上進行訂制處理，使其能夠呈現(xiàn)出特定產(chǎn)品的信息獨特性。譬如對于照片app來說，信息會以可視化的圖片格式作為最主要的呈現(xiàn)形式；而對于金融類產(chǎn)品來說，則以數(shù)字格式的內(nèi)容為主。

打造清晰、穩(wěn)固的信息架構(gòu)

Tip 1：明確哪些是最為重要的（以及哪些不是）

不要擔(dān)心降低一部分信息的重要度，因為只有這樣才能將重要信息的優(yōu)先級提到最高?！皩Ρ取笔菢?gòu)造清晰度的重要途徑，盡可能移除無關(guān)緊要的信息，或至少將其優(yōu)先度將至最低。

Tip 2：從分類結(jié)組的角度思考

思考哪些信息在邏輯上適于歸屬一處，譬如將所有與用戶相關(guān)的信息歸納于“個人資料”這個概念當(dāng)中，而不是讓它們散落在信息架構(gòu)的其他分支當(dāng)中。

Tip 3：適時檢視與迭代

隨著產(chǎn)品規(guī)模與復(fù)雜度的提升，要適時檢視現(xiàn)有信息架構(gòu)是否足夠適用。很多團隊之所以疏于維護信息架構(gòu)，是因為他們認(rèn)為這是一項需要孤注一擲的、極端性的工作，譬如“我們很希望整理一下架構(gòu)，但真的沒有足夠的資源來重新設(shè)計整個app”，這樣。不妨試著以“漸進增強”的思路來看待這件事。相比于徹頭徹尾的重塑產(chǎn)品，在小處對信息架構(gòu)進行優(yōu)化調(diào)整，進而提升產(chǎn)品易用性的空間總是會有的。

作者：Jacob Ruiz

譯者：?C7210

來源：微信公眾號：Beforweb

英文原文：https://blog.prototypr.io/information-architecture-the-most-important-part-of-design-youre-probably-overlooking-20372ade4fc0?ref=uxdesignweekly，