非常干貨系列之UI設(shè)計(jì)師需要的信息構(gòu)架知識(shí)

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

信息架構(gòu)（Information architecture ，IA）是一門組織和構(gòu)建網(wǎng)絡(luò)、網(wǎng)站、APP以及社交媒體內(nèi)容的科學(xué)。美國(guó)建筑師/平面設(shè)計(jì)師 Richard Saul Wurman 被認(rèn)為是信息架構(gòu)領(lǐng)域的開拓者。現(xiàn)如今，許多致力于構(gòu)建信息架構(gòu)的專家們甚至都有了各自的信息架構(gòu)研究所。信息架構(gòu)專家們的工作，就是致力于將內(nèi)容按照更易于人們理解接收的方式來整理和排列。

在合理的信息架構(gòu)之下，用戶可以更加輕松地理解產(chǎn)品內(nèi)容，調(diào)動(dòng)產(chǎn)品的功能，在不需要太多工作量的情況下獲取信息、達(dá)成目標(biāo)。影響內(nèi)容結(jié)構(gòu)的因素很多。首先，要了解目標(biāo)受眾的需求和細(xì)節(jié)，將它們的滿意度作為優(yōu)先考慮因素。同時(shí)，信息架構(gòu)還取決于產(chǎn)品類型和相應(yīng)的公司。舉個(gè)例子，我們常見的電商類網(wǎng)站和博客就是兩種類型的網(wǎng)站，因?yàn)閮烧卟煌哪繕?biāo)和內(nèi)容使得它們所呈現(xiàn)出來的信息架構(gòu)截然不同。信息架構(gòu)已經(jīng)成為許多領(lǐng)域的研究基礎(chǔ)，包括設(shè)計(jì)和軟件開發(fā)。

信息架構(gòu)在設(shè)計(jì)中的角色

如今，以用戶為中心的設(shè)計(jì)是一個(gè)大趨勢(shì)，許多設(shè)計(jì)師都在學(xué)習(xí)信息架構(gòu)，在他們看來，這是高效設(shè)計(jì)的基礎(chǔ)。信息架構(gòu)幫設(shè)計(jì)師搭建設(shè)計(jì)項(xiàng)目的骨架。視覺元素，功能，交互和導(dǎo)航都是在信息架構(gòu)的基礎(chǔ)上構(gòu)建的。事實(shí)上，即使是引人矚目的內(nèi)容和強(qiáng)有力的UI設(shè)計(jì)，如果搭配了不合適的信息架構(gòu)，也無法讓產(chǎn)品走向成功。無組織、導(dǎo)航困難的產(chǎn)品都容易讓用戶在使用過程中感到迷惑，缺乏信息架構(gòu)的支撐，交互也很容易出現(xiàn)無效的狀況，最終導(dǎo)致用戶的流失。

許多公司和團(tuán)隊(duì)看不到信息架構(gòu)的重要性，因?yàn)樗麄冋J(rèn)為它不切實(shí)際。這樣的想法并不是沒有原因的：信息架構(gòu)需要時(shí)間來構(gòu)建，而且需要相應(yīng)的技能來實(shí)施到項(xiàng)目中去。強(qiáng)大的信息架構(gòu)是優(yōu)質(zhì)產(chǎn)品的保證，它降低了可用性和導(dǎo)航出現(xiàn)問題的機(jī)率。脈絡(luò)清晰邏輯自恰的信息架構(gòu)，能夠?yàn)楣竞蛨F(tuán)隊(duì)節(jié)省時(shí)間和金錢，否則他們會(huì)在修復(fù)和改進(jìn)上花費(fèi)大量的時(shí)間。

 

信息架構(gòu)和用戶體驗(yàn)設(shè)計(jì)

看到這里，有人會(huì)問了，信息架構(gòu)和用戶體驗(yàn)設(shè)計(jì)是一回事么？當(dāng)然不是，但是兩種技術(shù)概念是相互關(guān)聯(lián)的。信息架構(gòu)主要是生成設(shè)計(jì)項(xiàng)目的框架，能夠展現(xiàn)出網(wǎng)站地圖式的結(jié)構(gòu)藍(lán)圖。UX設(shè)計(jì)師將這些東西作為基本素材，以便構(gòu)建出更為細(xì)致到位的導(dǎo)航和體系結(jié)構(gòu)。

用戶體驗(yàn)比內(nèi)容結(jié)構(gòu)更加細(xì)化，所涉及的層面更多，更加豐富。用戶體驗(yàn)設(shè)計(jì)師旨在創(chuàng)造愉悅的交互模式，讓用戶在使用過程中體驗(yàn)更加舒適。當(dāng)信息架構(gòu)師專注于用戶目標(biāo)的時(shí)候，用戶體驗(yàn)設(shè)計(jì)師需要考慮到用戶行為、情緒和心理等影響用戶目標(biāo)的方方面面。

簡(jiǎn)而言之，良好的信息架構(gòu)是高效用戶體驗(yàn)的基礎(chǔ)，信息架構(gòu)的技能對(duì)于設(shè)計(jì)師而言非常重要。

信息架構(gòu)的組成部分

如果你想為你的產(chǎn)品構(gòu)建強(qiáng)健的信息架構(gòu)，那么你需要了解內(nèi)容的生產(chǎn)。信息架構(gòu)領(lǐng)域的先去 Lou Rosenfeld 和 Peter Morville 在他們的著作《Information Architecture for the World Wide Web》中探討過信息架構(gòu)的4個(gè)主要組成部分：組織系統(tǒng)，標(biāo)簽系統(tǒng)，導(dǎo)航系統(tǒng)和搜索系統(tǒng)。

組織系統(tǒng)

在組織系統(tǒng)中，信息被分割成不同的組和類別。這樣的系統(tǒng)能夠幫助用戶更好的預(yù)測(cè)內(nèi)容和獲取內(nèi)容，組織架構(gòu)中主要有三個(gè)因素：層次，順序和矩陣。

層次。我們熟知的視覺層次就是層次的一種。層次的概念是基于格式塔心理理論的，無論是在海報(bào)上還是APP中，用戶能夠根據(jù)視覺化的展現(xiàn)，了解每個(gè)元素的重要程度，我們的大腦能夠根據(jù)大小、色彩、對(duì)比度和空間位置等因素來區(qū)分不同的對(duì)象。

順序。順序，是結(jié)構(gòu)中為用戶所提供的內(nèi)容路徑。內(nèi)容和功能以一定的順序構(gòu)成路徑，讓用戶能夠一步步操作，完成任務(wù)。最典型的，就是電商類網(wǎng)站中，用戶要購買商品所需要完成的一系列任務(wù)。

矩陣。由于內(nèi)容屬性的多樣，復(fù)雜多樣的內(nèi)容可以構(gòu)成相對(duì)復(fù)雜的矩陣，用戶可以自行選擇多樣的路徑來達(dá)成不同的目的。比如在淘寶上，你搜索特定的內(nèi)容，獲得結(jié)果列表之后能夠根據(jù)時(shí)間、價(jià)格等不同的屬性進(jìn)行排列篩選。

除此之外，內(nèi)容還可以根據(jù)不同的組織方式來進(jìn)行分組。下面是最常見的分組排序方式：

·按照字母順序排列
·按照時(shí)間順序排列
·按照主題類型排列
·按照用戶類型排列

標(biāo)簽系統(tǒng)

標(biāo)簽系統(tǒng)是同數(shù)據(jù)展示的方式息息相關(guān)的。過多的信息對(duì)于用戶而言只會(huì)產(chǎn)生迷惑和混亂，所以設(shè)計(jì)產(chǎn)品的時(shí)候需要以簡(jiǎn)單的方式呈現(xiàn)出來。這就是為什么設(shè)計(jì)師要用簡(jiǎn)單的標(biāo)簽內(nèi)容來闡述復(fù)雜的數(shù)據(jù)和概念。舉個(gè)例子，在網(wǎng)站上呈現(xiàn)公司的相關(guān)信息的時(shí)候，通常包含電話號(hào)碼，電子郵件，地址和社交媒體帳號(hào)等信息，可是大量的信息不能平鋪在一起，所以通常需要通過點(diǎn)擊“聯(lián)系人”的按鈕，進(jìn)入聯(lián)系人列表，找到特定公司對(duì)應(yīng)的條目，點(diǎn)擊查看詳情。標(biāo)簽的存在，旨在有效的整合數(shù)據(jù)和內(nèi)容。

導(dǎo)航系統(tǒng)

對(duì)于導(dǎo)航系統(tǒng)，我們應(yīng)該是比較熟悉的。導(dǎo)航系統(tǒng)常見于APP和網(wǎng)頁，作為一項(xiàng)引導(dǎo)用戶抵達(dá)特定位置的交互體系而存在。在信息架構(gòu)中，導(dǎo)航系統(tǒng)是牽涉到多種技術(shù)和設(shè)計(jì)思維的復(fù)雜體系，并非一兩句話可以簡(jiǎn)單闡述的。我們會(huì)在后續(xù)的文章中對(duì)這一系統(tǒng)進(jìn)行詳細(xì)的介紹和分析。

搜索系統(tǒng)

搜索系統(tǒng)在信息架構(gòu)中幫助用戶搜索他們想要的數(shù)據(jù)和內(nèi)容，在網(wǎng)站和APP中也是相當(dāng)常見的組成部分。搜索系統(tǒng)通常只有在用戶不知道如何通過其他路徑直接獲取特定內(nèi)容的時(shí)候，才會(huì)使用。通過搜索引擎，過濾器等組件，最終將用戶可能需要的結(jié)果呈現(xiàn)出來，這是搜索系統(tǒng)的主要功用。

總而言之，信息架構(gòu)是用戶體驗(yàn)設(shè)計(jì)中的核心組成部分，高效的信息架構(gòu)幫助用戶快速地瀏覽、獲取內(nèi)容。