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

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

 

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

　　信息架構(gòu)（Information architecture，IA）是一門組織和構(gòu)建網(wǎng)絡(luò)、網(wǎng)站、APP以及社交媒體內(nèi)容的科學(xué)。美國建筑師/平面設(shè)計師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)動產(chǎn)品的功能，在不需要太多工作量的情況下獲取信息、達(dá)成目標(biāo)。影響內(nèi)容結(jié)構(gòu)的因素很多。首先，要了解目標(biāo)受眾的需求和細(xì)節(jié)，將它們的滿意度作為優(yōu)先考慮因素。同時，信息架構(gòu)還取決于產(chǎn)品類型和相應(yīng)的公司。舉個例子，我們常見的電商類網(wǎng)站和博客就是兩種類型的網(wǎng)站，因為兩者不同的目標(biāo)和內(nèi)容使得它們所呈現(xiàn)出來的信息架構(gòu)截然不同。信息架構(gòu)已經(jīng)成為許多領(lǐng)域的研究基礎(chǔ)，包括設(shè)計和軟件開發(fā)。

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

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

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

　　信息架構(gòu)和用戶體驗設(shè)計

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

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

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

　　信息架構(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個主要組成部分：組織系統(tǒng)，標(biāo)簽系統(tǒng)，導(dǎo)航系統(tǒng)和搜索系統(tǒng)。

　　組織系統(tǒng)

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

　?。?）層次

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

　?。?）順序

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

　?。?）矩陣

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

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

　　按照字母順序排列

　　按照時間順序排列

　　按照主題類型排列

　　按照用戶類型排列

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

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

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

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

　　搜索系統(tǒng)

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

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