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

歡迎關(guān)注譯者@C7210?（高級(jí)交互設(shè)計(jì)師、貓奴、吉他手、鼓手、老狗，現(xiàn)就職于騰訊ISUX）的微信公眾號(hào)：Beforweb

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

共通模式

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

音樂

照片

“Things”

萬變不離其宗

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

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

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

不要擔(dān)心降低一部分信息的重要度，因?yàn)橹挥羞@樣才能將重要信息的優(yōu)先級(jí)提到最高。“對(duì)比”是構(gòu)造清晰度的重要途徑，盡可能移除無關(guān)緊要的信息，或至少將其優(yōu)先度將至最低。

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

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

Tip 3：適時(shí)檢視與迭代

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

歡迎關(guān)注譯者的微信公眾號(hào)：

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：yuan@uisdc.com】

================明星欄目推薦================

優(yōu)優(yōu)教程網(wǎng)： UiiiUiii.com 是優(yōu)設(shè)旗下優(yōu)質(zhì)中文教程網(wǎng)站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎(chǔ)設(shè)計(jì)愛好者也準(zhǔn)備了貼心的知識(shí)樹專欄。開啟免費(fèi)自學(xué)新篇章，按照我們的專欄一步步學(xué)習(xí)，一定可以迅速上手并制作出酷炫的視覺效果。

設(shè)計(jì)導(dǎo)航：國內(nèi)人氣最高的設(shè)計(jì)網(wǎng)址導(dǎo)航，設(shè)計(jì)師必備：http://hao.uisdc.com