我們(men)每(mei)天接(jie)觸的(de)(de)互(hu)聯(lian)網(wang),其中(zhong)包含(han)了巨(ju)量的(de)(de)非(fei)結(jie)(jie)(jie)構化的(de)(de)信息,混沌(dun),龐雜(za)。可是(shi)人的(de)(de)大腦實際上是(shi)難以察覺、理解孤立存在(zai)的(de)(de)東西的(de)(de),而我們(men)所熟知的(de)(de)數(shu)字(zi)產(chan)品,網(wang)頁,APP等,其實都是(shi)設計師(shi)精心設計之后的(de)(de)產(chan)物,它(ta)們(men)的(de)(de)共同特征是(shi)易于(yu)使用,且結(jie)(jie)(jie)構化。其中(zhong)的(de)(de)內(nei)容和完整的(de)(de)導航交互(hu)系統緊密(mi)的(de)(de)結(jie)(jie)(jie)合(he)在(zai)一起,用戶可以自(zi)然地感知、接(jie)收、理解。這種協助(zhu)內(nei)容搭建(jian)架(jia)構的(de)(de)科學(xue),就是(shi)我們(men)今天要探討的(de)(de),信息架(jia)構。

信(xin)息架構(gou)是什么
信息(xi)架(jia)構(gou)(Information architecture,IA)是(shi)一門組(zu)織和構(gou)建(jian)(jian)網(wang)絡、網(wang)站、APP以(yi)及社(she)交媒體內容的科(ke)學(xue)。美國建(jian)(jian)筑(zhu)師(shi)/平(ping)面設計師(shi)Richard Saul Wurman被認為是(shi)信息(xi)架(jia)構(gou)領(ling)域的開拓者(zhe)。現如(ru)今(jin),許多致(zhi)力于(yu)構(gou)建(jian)(jian)信息(xi)架(jia)構(gou)的專(zhuan)家們甚至(zhi)都有了(le)各自的信息(xi)架(jia)構(gou)研究所。信息(xi)架(jia)構(gou)專(zhuan)家們的工(gong)作,就是(shi)致(zhi)力于(yu)將(jiang)內容按照(zhao)更(geng)易于(yu)人們理解接收的方式(shi)來整理和排列。
在合理的(de)(de)(de)信(xin)息(xi)(xi)架(jia)(jia)(jia)構之下(xia),用戶可以更加輕松地理解(jie)產(chan)品(pin)(pin)內(nei)容,調動產(chan)品(pin)(pin)的(de)(de)(de)功能,在不需要太(tai)多(duo)(duo)工作量的(de)(de)(de)情況下(xia)獲(huo)取信(xin)息(xi)(xi)、達成(cheng)(cheng)目(mu)標。影響內(nei)容結構的(de)(de)(de)因(yin)(yin)素很多(duo)(duo)。首(shou)先,要了(le)解(jie)目(mu)標受(shou)眾的(de)(de)(de)需求和細節,將(jiang)它(ta)們的(de)(de)(de)滿(man)意度作為(wei)優先考慮因(yin)(yin)素。同(tong)時,信(xin)息(xi)(xi)架(jia)(jia)(jia)構還取決于產(chan)品(pin)(pin)類(lei)(lei)(lei)型和相應的(de)(de)(de)公司。舉個(ge)例子,我們常(chang)見的(de)(de)(de)電商類(lei)(lei)(lei)網(wang)站和博客(ke)就(jiu)是兩種類(lei)(lei)(lei)型的(de)(de)(de)網(wang)站,因(yin)(yin)為(wei)兩者不同(tong)的(de)(de)(de)目(mu)標和內(nei)容使得它(ta)們所呈現出(chu)來的(de)(de)(de)信(xin)息(xi)(xi)架(jia)(jia)(jia)構截然不同(tong)。信(xin)息(xi)(xi)架(jia)(jia)(jia)構已經成(cheng)(cheng)為(wei)許多(duo)(duo)領域的(de)(de)(de)研究基(ji)礎,包括設計和軟(ruan)件開發。
信息架構在設計(ji)中的角色
如(ru)今,以用(yong)戶為(wei)中心(xin)的設(she)計(ji)是(shi)(shi)一個大趨勢,許(xu)多設(she)計(ji)師都在(zai)學(xue)習信(xin)息(xi)架(jia)構(gou),在(zai)他們(men)看來,這是(shi)(shi)高效設(she)計(ji)的基礎(chu)。信(xin)息(xi)架(jia)構(gou)幫(bang)設(she)計(ji)師搭(da)建設(she)計(ji)項目的骨架(jia)。視覺元素,功能,交(jiao)互(hu)和導(dao)航(hang)都是(shi)(shi)在(zai)信(xin)息(xi)架(jia)構(gou)的基礎(chu)上(shang)構(gou)建的。事實上(shang),即使(shi)是(shi)(shi)引人(ren)矚目的內容和強有力的UI設(she)計(ji),如(ru)果(guo)搭(da)配了不合適的信(xin)息(xi)架(jia)構(gou),也無法讓(rang)產品走向成功。無組織、導(dao)航(hang)困難的產品都容易讓(rang)用(yong)戶在(zai)使(shi)用(yong)過程中感到迷惑,缺乏(fa)信(xin)息(xi)架(jia)構(gou)的支撐,交(jiao)互(hu)也很容易出現(xian)無效的狀況,最終導(dao)致(zhi)用(yong)戶的流失。
許多公(gong)司(si)和(he)(he)團隊(dui)看不(bu)到信(xin)息架(jia)構(gou)的(de)(de)(de)重要(yao)性,因(yin)為(wei)他(ta)們(men)認為(wei)它(ta)不(bu)切實際。這樣的(de)(de)(de)想(xiang)法并不(bu)是沒(mei)有原(yuan)因(yin)的(de)(de)(de):信(xin)息架(jia)構(gou)需要(yao)時(shi)間來構(gou)建,而且需要(yao)相(xiang)應(ying)的(de)(de)(de)技能(neng)來實施(shi)到項目中(zhong)去。強大(da)的(de)(de)(de)信(xin)息架(jia)構(gou)是優(you)質產品的(de)(de)(de)保證,它(ta)降低了可用性和(he)(he)導(dao)航出現(xian)問題的(de)(de)(de)機率。脈(mo)絡清晰(xi)邏輯(ji)自恰的(de)(de)(de)信(xin)息架(jia)構(gou),能(neng)夠(gou)為(wei)公(gong)司(si)和(he)(he)團隊(dui)節省時(shi)間和(he)(he)金(jin)錢,否則他(ta)們(men)會(hui)在修復和(he)(he)改進上花費大(da)量的(de)(de)(de)時(shi)間。
信息(xi)架構和用戶體驗設計
看到這里,有(you)人會(hui)問(wen)了,信(xin)息架(jia)構(gou)和(he)用戶體驗設計(ji)(ji)是(shi)一(yi)回事么?當然不是(shi),但是(shi)兩(liang)種技(ji)術概念(nian)是(shi)相互關(guan)聯的(de)(de)。信(xin)息架(jia)構(gou)主要是(shi)生(sheng)成設計(ji)(ji)項目(mu)的(de)(de)框架(jia),能(neng)夠展現出網站地圖式(shi)的(de)(de)結構(gou)藍圖。UX設計(ji)(ji)師將這些東西作為基(ji)本素材,以便構(gou)建出更為細致到位的(de)(de)導(dao)航和(he)體系結構(gou)。
用(yong)(yong)戶體(ti)驗(yan)(yan)比(bi)內(nei)容結構更(geng)加(jia)細化,所涉及的層(ceng)面(mian)更(geng)多(duo),更(geng)加(jia)豐富。用(yong)(yong)戶體(ti)驗(yan)(yan)設(she)計(ji)師旨在創造(zao)愉悅(yue)的交互模式,讓(rang)用(yong)(yong)戶在使用(yong)(yong)過程中體(ti)驗(yan)(yan)更(geng)加(jia)舒(shu)適。當(dang)信息架構師專注于用(yong)(yong)戶目標(biao)的時候(hou),用(yong)(yong)戶體(ti)驗(yan)(yan)設(she)計(ji)師需(xu)要考(kao)慮到用(yong)(yong)戶行為、情緒和心理等影響用(yong)(yong)戶目標(biao)的方(fang)(fang)方(fang)(fang)面(mian)面(mian)。
簡而言之(zhi),良好(hao)的信息(xi)架(jia)構是高效用(yong)戶體驗的基礎(chu),信息(xi)架(jia)構的技能對于(yu)設計師而言非常重要(yao)。
信息架構的組成部分
如果你想為你的(de)產品構建強健的(de)信息架構,那么(me)你需要(yao)了解(jie)內容的(de)生產。信息架構領域的(de)先去Lou Rosenfeld和Peter Morville在他們的(de)著作(zuo)《Information Architecture for the World Wide Web》中探討過信息架構的(de)4個主要(yao)組成部分:組織系統,標簽(qian)系統,導航系統和搜索系統。
組織系統
在組織(zhi)系(xi)統中,信息被分割成不同的(de)(de)組和(he)類別。這樣的(de)(de)系(xi)統能夠幫(bang)助用戶更好的(de)(de)預(yu)測內容(rong)和(he)獲取內容(rong),組織(zhi)架構中主要有三個因素:層次,順序和(he)矩(ju)陣。
(1)層次(ci)
我們熟知(zhi)的(de)視覺層次就是(shi)(shi)層次的(de)一種(zhong)。層次的(de)概念是(shi)(shi)基于格式塔(ta)心理理論的(de),無(wu)論是(shi)(shi)在海報上還(huan)是(shi)(shi)APP中,用戶能(neng)夠根據視覺化的(de)展現,了(le)解每個(ge)元素(su)的(de)重要程度(du)(du),我們的(de)大腦能(neng)夠根據大小、色(se)彩、對(dui)比(bi)度(du)(du)和空間位置等因素(su)來區(qu)分不同的(de)對(dui)象。
(2)順序
順序,是結構中為用(yong)(yong)戶所提(ti)供的(de)內容路(lu)徑(jing)。內容和功能以一(yi)(yi)定(ding)的(de)順序構成(cheng)路(lu)徑(jing),讓用(yong)(yong)戶能夠一(yi)(yi)步(bu)步(bu)操作(zuo),完成(cheng)任務。最(zui)典型的(de),就是電(dian)商類網站中,用(yong)(yong)戶要(yao)購買商品所需(xu)要(yao)完成(cheng)的(de)一(yi)(yi)系列(lie)任務。
(3)矩陣
由于(yu)內容(rong)屬(shu)性的(de)(de)多樣,復雜(za)多樣的(de)(de)內容(rong)可(ke)以構成(cheng)(cheng)相(xiang)對復雜(za)的(de)(de)矩陣(zhen),用戶可(ke)以自行(xing)選擇(ze)多樣的(de)(de)路徑來達成(cheng)(cheng)不(bu)(bu)同的(de)(de)目的(de)(de)。比如在淘寶上,你搜(sou)索特定(ding)的(de)(de)內容(rong),獲得結果列表之(zhi)后能夠根(gen)據時間、價格(ge)等不(bu)(bu)同的(de)(de)屬(shu)性進行(xing)排(pai)列篩選。
除(chu)此之外,內容還可以根據不同(tong)的組織方式來進行分(fen)組。下面(mian)是最常見的分(fen)組排(pai)序方式:
按(an)照字母順序排列
按照時間(jian)順序排列
按照主(zhu)題類型排列
按照用戶(hu)類型(xing)排列
標簽系統(tong)
標(biao)簽系(xi)統(tong)是同數據(ju)展示的(de)(de)方式息(xi)(xi)息(xi)(xi)相(xiang)關的(de)(de)。過(guo)多(duo)的(de)(de)信(xin)息(xi)(xi)對于用戶而言只會產(chan)生迷惑和(he)混亂(luan),所以設計(ji)產(chan)品的(de)(de)時候需(xu)要以簡(jian)單的(de)(de)方式呈現(xian)出來。這(zhe)就(jiu)是為什么設計(ji)師要用簡(jian)單的(de)(de)標(biao)簽內容來闡(chan)述(shu)復雜的(de)(de)數據(ju)和(he)概念(nian)。舉個例子,在(zai)(zai)網站(zhan)上呈現(xian)公司的(de)(de)相(xiang)關信(xin)息(xi)(xi)的(de)(de)時候,通(tong)(tong)常(chang)包含電(dian)話號(hao)碼,電(dian)子郵(you)件(jian),地址和(he)社交媒體帳(zhang)號(hao)等信(xin)息(xi)(xi),可是大量的(de)(de)信(xin)息(xi)(xi)不能(neng)平鋪(pu)在(zai)(zai)一起(qi),所以通(tong)(tong)常(chang)需(xu)要通(tong)(tong)過(guo)點擊(ji)“聯系(xi)人(ren)”的(de)(de)按鈕,進(jin)入聯系(xi)人(ren)列表,找到特定公司對應的(de)(de)條目(mu),點擊(ji)查(cha)看詳(xiang)情。標(biao)簽的(de)(de)存在(zai)(zai),旨在(zai)(zai)有(you)效(xiao)的(de)(de)整合數據(ju)和(he)內容。
導航系統
對(dui)于導(dao)(dao)航(hang)系(xi)(xi)(xi)統(tong)(tong),我(wo)們(men)應該是比(bi)較熟悉的(de)。導(dao)(dao)航(hang)系(xi)(xi)(xi)統(tong)(tong)常(chang)見于APP和網頁,作為一(yi)項引導(dao)(dao)用戶抵(di)達特定位置的(de)交互體系(xi)(xi)(xi)而存(cun)在。在信息架構中(zhong),導(dao)(dao)航(hang)系(xi)(xi)(xi)統(tong)(tong)是牽涉到(dao)多種(zhong)技術和設計(ji)思維(wei)的(de)復雜體系(xi)(xi)(xi),并非(fei)一(yi)兩句話可以(yi)簡單闡述的(de)。我(wo)們(men)會在后續的(de)文章中(zhong)對(dui)這一(yi)系(xi)(xi)(xi)統(tong)(tong)進行詳細(xi)的(de)介紹和分析。
搜索系統
搜索(suo)系(xi)統(tong)在(zai)(zai)信息架構(gou)中幫助用戶搜索(suo)他(ta)們想要的數據和內(nei)容(rong),在(zai)(zai)網站和APP中也是(shi)相當常見的組(zu)成(cheng)部分。搜索(suo)系(xi)統(tong)通常只有(you)在(zai)(zai)用戶不(bu)知道如何通過其他(ta)路徑直接獲取特(te)定(ding)內(nei)容(rong)的時(shi)候,才會使(shi)用。通過搜索(suo)引擎,過濾(lv)器(qi)等組(zu)件,最終將用戶可能需要的結果呈現出(chu)來,這是(shi)搜索(suo)系(xi)統(tong)的主(zhu)要功用。
總而言之,信息架構是用戶體驗(yan)設(she)計中的核心組成(cheng)部分,高效的信息架構幫助(zhu)用戶快速地(di)瀏覽、獲(huo)取內容。