當(dāng)前位置: 首頁 > 設(shè)計資訊 > 理論文摘 > 正文

寫給設(shè)計師的信息架構(gòu)基礎(chǔ)知識指南

2017-11-23 1838 0

我們所熟知的數(shù)字產(chǎn)品,網(wǎng)頁,APP等,其實(shí)都是設(shè)計師精心設(shè)計之后的產(chǎn)物,它們的共同特征是易于使用,且結(jié)構(gòu)化。

我們每天接觸的互聯(lián)網(wǎng),其中包含了巨量的非結(jié)構(gòu)化的信息,混沌,龐雜??墒侨说拇竽X實(shí)際上是難以察覺、理解孤立存在的東西的,而我們所熟知的數(shù)字產(chǎn)品,網(wǎng)頁,APP等,其實(shí)都是設(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)站,因?yàn)閮烧卟煌哪繕?biāo)和內(nèi)容使得它們所呈現(xiàn)出來的信息架構(gòu)截然不同。信息架構(gòu)已經(jīng)成為許多領(lǐng)域的研究基礎(chǔ),包括設(shè)計和軟件開發(fā)。

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

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

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

許多公司和團(tuán)隊看不到信息架構(gòu)的重要性,因?yàn)樗麄冋J(rèn)為它不切實(shí)際。這樣的想法并不是沒有原因的:信息架構(gòu)需要時間來構(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)隊節(jié)省時間和金錢,否則他們會在修復(fù)和改進(jìn)上花費(fèi)大量的時間。

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

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

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

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

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

信息架構(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ū)分不同的對象。

組織系統(tǒng).png

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

組織系統(tǒng).png

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

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

●按照字母順序排列

●按照時間順序排列

●按照主題類型排列

●按照用戶類型排列

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

標(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)信息的時候,通常包含電話號碼,電子郵件,地址和社交媒體帳號等信息,可是大量的信息不能平鋪在一起,所以通常需要通過點(diǎn)擊“聯(lián)系人”的按鈕,進(jìn)入聯(lián)系人列表,找到特定公司對應(yīng)的條目,點(diǎn)擊查看詳情。標(biāo)簽的存在,旨在有效的整合數(shù)據(jù)和內(nèi)容。

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


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

對于導(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è)計思維的復(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)的主要功用。

搜索系統(tǒng).jpg

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


-end-



18
評論區(qū)(0)
正在加載評論...