一名優秀的(de)(de)(de)設(she)(she)計(ji)(ji)(ji)師除了需要(yao)具備良(liang)好的(de)(de)(de)設(she)(she)計(ji)(ji)(ji)技(ji)能(neng)，還需要(yao)大量的(de)(de)(de)設(she)(she)計(ji)(ji)(ji)相關知(zhi)識儲備。信(xin)息(xi)架構(gou)是(shi)設(she)(she)計(ji)(ji)(ji)師需要(yao)懂得的(de)(de)(de)最重要(yao)的(de)(de)(de)知(zhi)識之一。信(xin)息(xi)架構(gou)的(de)(de)(de)設(she)(she)計(ji)(ji)(ji)原(yuan)則，對于設(she)(she)計(ji)(ji)(ji)師而言，也(ye)是(shi)設(she)(she)計(ji)(ji)(ji)中(zhong)(zhong)值(zhi)得參考的(de)(de)(de)有用工具。今天的(de)(de)(de)文章，幫(bang)你(ni)總結了在設(she)(she)計(ji)(ji)(ji)過程中(zhong)(zhong)運(yun)用信(xin)息(xi)架構(gou)知(zhi)識的(de)(de)(de)6個技(ji)巧。
1、始終牢記產品設計目標(biao)
如何界定產(chan)(chan)品(pin)(pin)最(zui)終(zhong)要(yao)達(da)成(cheng)的(de)目標，其(qi)實(shi)直(zhi)接影響著(zhu)整(zheng)個(ge)(ge)團(tuan)隊(dui)(dui)每(mei)個(ge)(ge)階段的(de)工作，無論是(shi)對于設計師(shi)，開(kai)發人員(yuan)還是(shi)產(chan)(chan)品(pin)(pin)經理，均是(shi)如此(ci)。信息(xi)架(jia)構與此(ci)也息(xi)息(xi)相(xiang)關。只有(you)了解用戶(hu)和(he)企業本身(shen)對于網站和(he)APP的(de)真實(shi)期望之(zhi)后，才可以(yi)(yi)開(kai)始(shi)(shi)構建(jian)整(zheng)體(ti)的(de)信息(xi)架(jia)構。所(suo)以(yi)(yi)，產(chan)(chan)品(pin)(pin)團(tuan)隊(dui)(dui)應(ying)(ying)(ying)該完整(zheng)地了解產(chan)(chan)品(pin)(pin)的(de)目標，確保(bao)創意團(tuan)隊(dui)(dui)中所(suo)有(you)的(de)成(cheng)員(yuan)都足夠(gou)理解，并(bing)且針對目標制定相(xiang)應(ying)(ying)(ying)的(de)策(ce)略和(he)應(ying)(ying)(ying)對措施，才能(neng)具備最(zui)終(zhong)實(shi)現的(de)可能(neng)性。始(shi)(shi)終(zhong)銘記最(zui)終(zhong)目標以(yi)(yi)及(ji)為了達(da)成(cheng)目標而需(xu)要(yao)執(zhi)行(xing)的(de)任務，能(neng)夠(gou)讓整(zheng)個(ge)(ge)執(zhi)行(xing)過程(cheng)更加明(ming)確。在設定目標的(de)時候，設計師(shi)和(he)客戶(hu)應(ying)(ying)(ying)該就內容和(he)整(zheng)體(ti)信息(xi)架(jia)構以(yi)(yi)及(ji)最(zui)終(zhong)目標達(da)成(cheng)一(yi)致，避免可能(neng)存在的(de)誤會，提升(sheng)執(zhi)行(xing)效率。
2、進行用戶(hu)調研
信(xin)(xin)息架構專(zhuan)家(jia)在搭建(jian)產品(pin)信(xin)(xin)息架構之(zhi)前，應該對目(mu)標(biao)受(shou)眾(zhong)的(de)需求和細節有(you)足夠的(de)了(le)解(jie)，將提升用(yong)(yong)戶滿意度作(zuo)為(wei)優先考慮的(de)事項。想要了(le)解(jie)更多潛在用(yong)(yong)戶的(de)信(xin)(xin)息，建(jian)議設計(ji)師(shi)做(zuo)用(yong)(yong)戶調(diao)研。通過各種技術手段搜(sou)集關(guan)(guan)于目(mu)標(biao)用(yong)(yong)戶和潛在用(yong)(yong)戶的(de)相關(guan)(guan)信(xin)(xin)息的(de)過程就是用(yong)(yong)戶調(diao)研。搜(sou)集數據之(zhi)后，設計(ji)團(tuan)隊針對這些信(xin)(xin)息進(jin)行分析，并且找出最佳的(de)解(jie)決(jue)方案，從而有(you)可能創造出對用(yong)(yong)戶友好且有(you)吸(xi)引力的(de)產品(pin)。
用戶調研有助于深入(ru)了解目標受(shou)眾(zhong)的(de)細節，了解他們的(de)需(xu)(xu)求(qiu)和心理(li)特征。結合(he)用戶喜(xi)好(hao)，設計(ji)團隊能(neng)夠有方(fang)向地創造出對用戶友(you)好(hao)，貼合(he)需(xu)(xu)求(qiu)還可能(neng)吸引潛在(zai)用戶的(de)產品。
3、結合認(ren)知心理學
認(ren)知(zhi)心(xin)理(li)學(xue)和信息架構的(de)(de)(de)搭建有(you)著緊密的(de)(de)(de)關聯。用(yong)戶(hu)的(de)(de)(de)視覺感知(zhi)和影(ying)響用(yong)戶(hu)注意力(li)的(de)(de)(de)因素，都可以通過(guo)認(ren)知(zhi)心(xin)理(li)學(xue)來進行(xing)判斷。信息處(chu)理(li)的(de)(de)(de)科學(xue)是以人為中(zhong)心(xin)的(de)(de)(de)科學(xue)，有(you)認(ren)知(zhi)心(xin)理(li)學(xue)的(de)(de)(de)專家指出，人類感知(zhi)數(shu)據(ju)的(de)(de)(de)方式(shi)有(you)很多(duo)，而(er)影(ying)響注意力(li)的(de)(de)(de)因素則更(geng)是不(bu)盡(jin)相同(tong)。
基于認知心理學(xue)的(de)原(yuan)理和(he)(he)相(xiang)(xiang)關研(yan)究，設(she)計師可以(yi)采用(yong)(yong)許多不同的(de)技術來(lai)創建足夠有(you)效的(de)內容(rong)。在設(she)計過程中，設(she)計師常(chang)常(chang)會采用(yong)(yong)格式塔原(yuan)理來(lai)構(gou)建布(bu)局(ju)，巧用(yong)(yong)元素(su)，這種利用(yong)(yong)視覺相(xiang)(xiang)似性和(he)(he)關聯(lian)性的(de)心理學(xue)原(yuan)理，適用(yong)(yong)范圍非常(chang)廣。而識別(bie)模(mo)式則更加(jia)有(you)用(yong)(yong)，當用(yong)(yong)戶訪問網站(zhan)或者APP的(de)時候，常(chang)常(chang)會期(qi)待看到特(te)定的(de)內容(rong)和(he)(he)功(gong)能，識別(bie)模(mo)式可以(yi)利用(yong)(yong)調研(yan)數據和(he)(he)經驗幫助設(she)計師，快(kuai)速搭建布(bu)局(ju)和(he)(he)信息架構(gou)。
4、規劃導航系統
信息架(jia)(jia)(jia)構和(he)導(dao)航是數字產品(pin)當(dang)中最重要的兩個(ge)組(zu)成(cheng)部(bu)分。導(dao)航是網站(zhan)和(he)APP當(dang)中引導(dao)用戶抵達不同目標和(he)功能或(huo)者頁面(mian)的一(yi)組(zu)操作或(huo)者技術，作為(wei)(wei)頁面(mian)中主要的交互(hu)而存在。導(dao)航和(he)信息架(jia)(jia)(jia)構有著密切的關聯(lian)，信息架(jia)(jia)(jia)構所構成(cheng)的框架(jia)(jia)(jia)之下，導(dao)航作為(wei)(wei)抵達不同信息區塊的路徑而存在。
通俗點(dian)說(shuo)，數(shu)字產品當中，導航(hang)(hang)是基于信息(xi)架(jia)構來梳理(li)的，它最(zui)終(zhong)應該反映并支(zhi)撐信息(xi)架(jia)構，否則產品無法(fa)保(bao)證(zheng)其(qi)一致性(xing)。當然，兩者(zhe)雖(sui)然不是一個(ge)東(dong)西，但是在(zai)創(chuang)建信息(xi)架(jia)構的時候(hou)，同期(qi)針(zhen)對(dui)導航(hang)(hang)系統進行規(gui)劃。
5、別忘(wang)了視覺層次
為(wei)了更(geng)好地(di)組(zu)織(zhi)信息(xi)(xi)、確定內容呈現(xian)(xian)的(de)(de)優(you)先(xian)級(ji)，設計師會(hui)結合信息(xi)(xi)架構，使用(yong)視覺(jue)層(ceng)次來有偏重(zhong)地(di)、視覺(jue)化的(de)(de)展(zhan)現(xian)(xian)內容。無論(lun)是文檔、圖書、海報、網頁(ye)還(huan)是APP，這(zhe)些載(zai)體(ti)上(shang)所(suo)承載(zai)的(de)(de)內容，會(hui)按(an)照每個元素的(de)(de)重(zhong)要程度(du)來有差(cha)(cha)別地(di)展(zhan)現(xian)(xian)，而(er)這(zhe)種差(cha)(cha)別通(tong)常是通(tong)過大小、色彩、對(dui)比度(du)、對(dui)齊度(du)來區別的(de)(de)。重(zhong)要的(de)(de)信息(xi)(xi)會(hui)更(geng)容易被用(yong)戶注意到，便于他(ta)們輕(qing)松瀏覽。
6、還要注意閱讀模式
視覺層次(ci)(ci)的(de)(de)構建使(shi)得數字產(chan)品內(nei)容的(de)(de)可讀性有(you)了足夠(gou)(gou)的(de)(de)保障(zhang)。不(bu)過，僅有(you)視覺層次(ci)(ci)還(huan)不(bu)夠(gou)(gou)，設計師還(huan)應(ying)當根據產(chan)品形態，考慮用(yong)戶的(de)(de)閱讀模式。
用(yong)(yong)戶研究領域的(de)(de)先驅Nielsen Norman Group曾(ceng)經針對這一用(yong)(yong)戶行為進行了深入的(de)(de)研究，為設(she)計師和可用(yong)(yong)性設(she)計專家們提(ti)供(gong)了更好的(de)(de)素材和設(she)計依據。
簡而言之，當人們(men)(men)訪問(wen)某個網站(zhan)的(de)(de)時(shi)候，尤其是初(chu)次訪問(wen)網站(zhan)的(de)(de)時(shi)候，他們(men)(men)通(tong)常不會特別(bie)仔細的(de)(de)查看(kan)所有(you)的(de)(de)內容(rong)，而是快速的(de)(de)掃視，找到能夠(gou)吸引他們(men)(men)注意(yi)力的(de)(de)信息，這些內容(rong)就是他們(men)(men)繼續停留在這個網站(zhan)上的(de)(de)理由。通(tong)過眼動測試和不同實驗，他們(men)(men)發現訪問(wen)者的(de)(de)視覺瀏覽模(mo)式(shi)，可以歸(gui)結(jie)為幾種(zhong)典(dian)型的(de)(de)模(mo)式(shi)。設計師Steven Bradley在自己的(de)(de)文(wen)章中，總結(jie)了這三種(zhong)常見的(de)(de)模(mo)式(shi)：古(gu)騰堡式(shi)，Z圖模(mo)式(shi)和F圖模(mo)式(shi)。
古(gu)騰(teng)堡式(shi)：對于(yu)信息結構層(ceng)次并不(bu)那么分明的(de)網頁(ye)，用戶常(chang)常(chang)會(hui)使用古(gu)騰(teng)堡式(shi)的(de)瀏覽模式(shi)，用戶大范(fan)圍掃視(shi)頁(ye)面(mian)內(nei)容，整個視(shi)線路徑是一個大號的(de)Z，其中(zhong)最開始(shi)的(de)兩個視(shi)覺駐留(liu)點就(jiu)在頁(ye)頭(tou)上(shang)。
Z圖(tu)模式也不(bu)難(nan)理解，用(yong)(yong)戶從上到下，視線沿著Z字(zi)形(xing)來回掃(sao)視，用(yong)(yong)戶會左右快速(su)掃(sao)視，視線的(de)起點首先是左上角(jiao)，行跨頂部一(yi)欄到右上角(jiao)，然后(hou)向下延伸。
F圖模式，或者(zhe)說(shuo)是F式布局，我(wo)們(men)就更加熟(shu)悉了。在(zai)Nielsen Norman Group的研究當中，這種閱讀模式最(zui)為典型：
用戶先會沿著(zhu)水平(ping)方(fang)向瀏覽，優先瀏覽內容塊的上部，這個時(shi)候的眼動構成了字母(mu)F最上面一橫(heng)。
接下(xia)來(lai)視(shi)線(xian)會沿著屏幕(mu)左側(ce)向下(xia)垂直掃視(shi)，尋找段(duan)落(luo)中(zhong)能引(yin)起(qi)興(xing)趣點的內(nei)容，當他們(men)(men)發現引(yin)起(qi)他們(men)(men)興(xing)趣的內(nei)容之(zhi)時，繼續橫向仔(zi)細瀏(liu)覽(lan)，而通常這些內(nei)容對應的視(shi)線(xian)范(fan)圍(wei)會比第(di)一次橫向瀏(liu)覽(lan)的范(fan)疇要更小一些，而這個(ge)視(shi)線(xian)軌跡則構成了字母(mu)F中(zhong)間的一橫。
接下(xia)來(lai)用戶會將視線移到屏(ping)幕左側，繼續向下(xia)瀏覽。
所以(yi)，將最(zui)(zui)關鍵(jian)的元素置于(yu)用(yong)(yong)戶的瀏(liu)覽路徑上，讓用(yong)(yong)戶可(ke)以(yi)更(geng)輕松地消化(hua)信息(xi)，也能(neng)最(zui)(zui)高(gao)效地執(zhi)行交互。
更多注(zhu)意事項(xiang)
信息架構(gou)學科看起來很復雜，需要(yao)花費時間(jian)和(he)精力來深入(ru)學習。可是當你(ni)了解了相關的(de)基(ji)礎知(zhi)識(shi)之后，再應用于設(she)計(ji)項目的(de)時候，你(ni)就會(hui)發現它是多(duo)么的(de)有用。根據Tubik Stuido之前的(de)系(xi)列文章，我想列出關于信息架構(gou)知(zhi)識(shi)的(de)一些要(yao)點：
信息(xi)(xi)架(jia)(jia)構(gou)是構(gou)成數字產品(pin)的骨架(jia)(jia)，設計師可以根(gen)據(ju)信息(xi)(xi)架(jia)(jia)構(gou)來(lai)構(gou)建視覺元素、功能、交(jiao)互和導(dao)航
強大的信息架構是產(chan)品質量的保證，它會減(jian)少(shao)掃可用性問(wen)題(ti)，提升導航性
信息架(jia)構(gou)就像是(shi)整個布局的藍(lan)圖，幫助視覺設計(ji)方(fang)案的生成
定義產品(pin)目標(biao)是(shi)創建(jian)信息架構的核心
用研和認知(zhi)心理學能夠(gou)幫設計團隊預測用戶對于(yu)產品的反應，并且創造對用戶友好的體驗
清(qing)晰的視覺層次(ci)在內容展現上起著重要(yao)的作用(yong) 
