設(shè)計(jì)師的信息架構(gòu)基礎(chǔ)知識(shí)指南-揚(yáng)州網(wǎng)站設(shè)計(jì)

我們每天接觸的互聯(lián)網(wǎng)，其中包含了巨量的非結(jié)構(gòu)化的信息，混沌，龐雜?？墒侨说拇竽X實(shí)際上是難以察覺(jué)、理解孤立存在的東西的，而我們所熟知的數(shù)字產(chǎn)品，網(wǎng)頁(yè)，APP等，其實(shí)都是設(shè)計(jì)師精心設(shè)計(jì)之后的產(chǎn)物，它們的共同特征是易于使用，且結(jié)構(gòu)化。其中的內(nèi)容和完整的導(dǎo)航交互系統(tǒng)緊密的結(jié)合在一起，用戶(hù)可以自然地感知、接收、理解。這種協(xié)助內(nèi)容搭建架構(gòu)的科學(xué)，就是我們今天要探討的，信息架構(gòu)。

 

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

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

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

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

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

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

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

　　看到這里，有人會(huì)問(wèn)了，信息架構(gòu)和用戶(hù)體驗(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)。

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

　　簡(jiǎn)而言之，良好的信息架構(gòu)是用戶(hù)體驗(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》中探討過(guò)信息架構(gòu)的4個(gè)主要組成部分：組織系統(tǒng)，標(biāo)簽系統(tǒng)，導(dǎo)航系統(tǒng)和搜索系統(tǒng)。

　　組織系統(tǒng)

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

　　（1）層次

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

　?。?）順序

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

　?。?）矩陣

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

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

　　按照字母順序排列

　　按照時(shí)間順序排列

　　按照主題類(lèi)型排列

　　按照用戶(hù)類(lèi)型排列

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

　　標(biāo)簽系統(tǒng)是同數(shù)據(jù)展示的方式息息相關(guān)的。過(guò)多的信息對(duì)于用戶(hù)而言只會(huì)產(chǎn)生迷惑和混亂，所以設(shè)計(jì)產(chǎn)品的時(shí)候需要以簡(jiǎn)單的方式呈現(xiàn)出來(lái)。這就是為什么設(shè)計(jì)師要用簡(jiǎn)單的標(biāo)簽內(nèi)容來(lái)闡述復(fù)雜的數(shù)據(jù)和概念。舉個(gè)例子，在網(wǎng)站上呈現(xiàn)公司的相關(guān)信息的時(shí)候，通常包含電話(huà)號(hào)碼，電子郵件，地址和社交媒體帳號(hào)等信息，可是大量的信息不能平鋪在一起，所以通常需要通過(guò)點(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)常見(jiàn)于A(yíng)PP和網(wǎng)頁(yè)，作為一項(xiàng)引導(dǎo)用戶(hù)抵達(dá)特定位置的交互體系而存在。在信息架構(gòu)中，導(dǎo)航系統(tǒng)是牽涉到多種技術(shù)和設(shè)計(jì)思維的復(fù)雜體系，并非一兩句話(huà)可以簡(jiǎn)單闡述的。我們會(huì)在后續(xù)的文章中對(duì)這一系統(tǒng)進(jìn)行詳細(xì)的介紹和分析。

　　搜索系統(tǒng)

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

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