《用戶體驗(yàn)要素》將用戶體驗(yàn)的流程分為五個(gè)層次：戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層、表現(xiàn)層。
戰(zhàn)略層確定了產(chǎn)品目標(biāo)和用戶需求；范圍層對(duì)用戶需求和產(chǎn)品功能進(jìn)行篩選、分析、分類、定優(yōu)先級(jí)；接下來(lái)就是結(jié)構(gòu)層的信息架構(gòu)的設(shè)計(jì)了，也就是今天要說(shuō)的內(nèi)容；確定了信息架構(gòu)和用戶的使用流程，框架層會(huì)解決導(dǎo)航設(shè)計(jì)、界面設(shè)計(jì)和信息設(shè)計(jì)；最后交給表現(xiàn)層，去完成產(chǎn)品視覺(jué)、觸覺(jué)、聽(tīng)覺(jué)、嗅覺(jué)、味覺(jué)上的設(shè)計(jì)，互聯(lián)網(wǎng)產(chǎn)品主要集中在視覺(jué)方面的設(shè)計(jì)。
交互設(shè)計(jì)師涉及的工作主要集中在結(jié)構(gòu)層和框架層，也會(huì)涉及到范圍層。對(duì)于戰(zhàn)略層和表現(xiàn)層影響較少，戰(zhàn)略層是由公司管理層決定的，而表現(xiàn)層由視覺(jué)設(shè)計(jì)師（UI設(shè)計(jì)師）決定。
言歸正傳，我們先來(lái)解決第一個(gè)問(wèn)題，什么是信息架構(gòu)？打個(gè)比方，有個(gè)投資方，要投資建立一個(gè)科技園區(qū)，得到一塊地之后，在東邊建10個(gè)房子，在西邊建20個(gè)房子...，房子挨著房子，這樣做是肯定不行的。因?yàn)楸仨毜檬孪纫?guī)劃好，設(shè)計(jì)好園區(qū)的道路，將園區(qū)進(jìn)行劃分，這塊地是用來(lái)建人造湖的，旁邊的一塊地是綠化面積等等。園區(qū)建設(shè)中這個(gè)規(guī)劃的過(guò)程，就相當(dāng)于互聯(lián)網(wǎng)產(chǎn)品中的信息架構(gòu)設(shè)計(jì)。信息架構(gòu)包括組織系統(tǒng)、標(biāo)簽、導(dǎo)航、搜索系統(tǒng)這四個(gè)方面。
組織系統(tǒng)
世界分為生物和非生物；生物分為動(dòng)物、植物、微生物；人屬于高級(jí)動(dòng)物，人又分為男人和女人；你身邊的人又被你分為熟人和陌生人，熟人里有朋友、戀人、親人。你從事的行業(yè)又分為互聯(lián)網(wǎng)行業(yè)和傳統(tǒng)行業(yè)；互聯(lián)網(wǎng)行業(yè)里又有許多職位，產(chǎn)品經(jīng)理、交互設(shè)計(jì)師、UI設(shè)計(jì)師、開(kāi)發(fā)、運(yùn)營(yíng)等等。
不知不覺(jué)中我們隊(duì)所有的信息都進(jìn)行了分類，因?yàn)橹挥胁粩嗟陌研畔⒎诸?，才能?jiǎn)化這個(gè)世界，從而理解世界。分類是認(rèn)知世界的基本法則，如何分類甚至決定了我們的價(jià)值觀是什么。
為了讓用戶更容易的理解產(chǎn)品，瀏覽需要的信息、完成要完成的任務(wù)，就必須對(duì)產(chǎn)品里涉及的所有信息進(jìn)行組織、分類。組織系統(tǒng)包含兩個(gè)部分，一個(gè)是組織方式，一個(gè)是組織結(jié)構(gòu)。
組織方式
①自上而下：
自上而下是從戰(zhàn)略層出發(fā)去考慮內(nèi)容分類。將能達(dá)成產(chǎn)品目標(biāo)和用戶需求的所有功能和內(nèi)容進(jìn)行邏輯上的分類，例如“一個(gè)”APP，分為了首頁(yè)、閱讀、音樂(lè)、電影，接著再繼續(xù)往下細(xì)分出二級(jí)、三級(jí)信息。從而完成產(chǎn)品的分類。
②自下而上：
自下而上是從底層信息開(kāi)始，將最底層的信息歸屬到較高一層級(jí)，再將這一層級(jí)歸屬為更高一級(jí)，自上而下可以理解為是在做分解，而自下而上可以理解為在做歸類。
最常用的自下而上分析方法就是卡片分類法，即將最底層的所有標(biāo)簽給目標(biāo)用戶，讓目標(biāo)用戶去自己歸類，從而得出產(chǎn)品的信息架構(gòu)。
組織結(jié)構(gòu)：
①層級(jí)結(jié)構(gòu)
這種結(jié)構(gòu)是最常用的結(jié)構(gòu)，幾乎所有的產(chǎn)品的主結(jié)構(gòu)都是層級(jí)結(jié)構(gòu)。層級(jí)結(jié)構(gòu)只存在父子級(jí)關(guān)系，一個(gè)父級(jí)分出幾個(gè)子級(jí)，子級(jí)再分出它的子級(jí)，直到將所有信息都包括進(jìn)來(lái)。
②矩形結(jié)構(gòu)
將信息從多個(gè)維度進(jìn)行分類，這種組織結(jié)構(gòu)能夠幫助不同的目標(biāo)用戶找到各自需要的內(nèi)容。淘寶搜索結(jié)果頁(yè)對(duì)商品的篩選就是矩形結(jié)構(gòu)。
③自然結(jié)構(gòu)
現(xiàn)實(shí)生活中，很多信息是雜亂無(wú)章毫無(wú)規(guī)律的，它們之間找不到嚴(yán)格意義上的邏輯關(guān)系，這就是自然結(jié)構(gòu)。整個(gè)互聯(lián)網(wǎng)就是一個(gè)自然結(jié)構(gòu)，你平時(shí)用電腦瀏覽信息，從這個(gè)鏈接跳到另一個(gè)鏈接，從這個(gè)網(wǎng)站去到別的網(wǎng)站，這個(gè)瀏覽結(jié)構(gòu)就是自然結(jié)構(gòu)。
④線性結(jié)構(gòu)
有一種結(jié)構(gòu)，沒(méi)有分叉信息，一個(gè)標(biāo)簽連著另一個(gè)標(biāo)簽，這就是線性結(jié)構(gòu)。我們用互聯(lián)網(wǎng)產(chǎn)品完成某一個(gè)任務(wù)時(shí)，多數(shù)都是線性結(jié)構(gòu)。例如：你去淘寶購(gòu)物，先搜索商品——瀏覽商品——選擇商品——下單付款——等待收貨——確定收貨——評(píng)價(jià)訂單，完成一個(gè)任務(wù)就相當(dāng)于走過(guò)了一個(gè)線性結(jié)構(gòu)。
具體到某個(gè)互聯(lián)網(wǎng)產(chǎn)品上，產(chǎn)品的主結(jié)構(gòu)基本上是層級(jí)結(jié)構(gòu)，而自然結(jié)構(gòu)最不常見(jiàn)，矩形結(jié)構(gòu)和線性結(jié)構(gòu)多用于產(chǎn)品局部的功能和內(nèi)容的組織。理解了組織系統(tǒng)，就相當(dāng)于在大局上把握了產(chǎn)品的信息架構(gòu)，這樣設(shè)計(jì)出來(lái)的產(chǎn)品就不會(huì)給人凌亂和散的感覺(jué)。打開(kāi)你常用的APP去看看，它們都是些什么結(jié)構(gòu)。
標(biāo)簽系統(tǒng)
我們利用自上而下或自下而上的方式確定了產(chǎn)品的組織結(jié)構(gòu)，具體這些結(jié)構(gòu)里的節(jié)點(diǎn)該如何命名？如何按照用戶容易接受的方式去命名？這就是接下來(lái)標(biāo)簽系統(tǒng)要解決的問(wèn)題。
經(jīng)過(guò)幾十年互聯(lián)網(wǎng)的發(fā)展，很多標(biāo)簽已經(jīng)被用戶廣泛接受，遵循這些已經(jīng)占據(jù)用戶心智的標(biāo)簽是一個(gè)重要原則。
例如：首頁(yè)、搜索、站點(diǎn)地圖、聯(lián)系方式、關(guān)于我們等等。
多去和目標(biāo)用戶溝通，看看目標(biāo)用戶對(duì)標(biāo)簽的理解是不是符合他們的心理模型（關(guān)于心理模型的概念，可以查看往期文章《為什么用戶覺(jué)得你的產(chǎn)品不好用？》），例如簡(jiǎn)書會(huì)實(shí)時(shí)保存作者所寫的文章，它所使用的標(biāo)簽是保存中、已保存、保存這些，如果換成歸檔中、已歸檔、歸檔呢？這樣作者就會(huì)覺(jué)得迷惑。
導(dǎo)航系統(tǒng)
一提到導(dǎo)航，第一想到的是車載導(dǎo)航、手機(jī)里的導(dǎo)航軟件，導(dǎo)航能幫我們用最快的時(shí)間到達(dá)正確的地方。同樣，互聯(lián)網(wǎng)產(chǎn)品中的導(dǎo)航系統(tǒng)，也起著這樣的作用：防止你在產(chǎn)品中迷路，告訴你現(xiàn)在所處的位置，能去哪，如何去。
導(dǎo)航分為三類：全局導(dǎo)航；局部導(dǎo)航；情景式導(dǎo)航。
全局導(dǎo)航在一般會(huì)常駐在界面當(dāng)中，像web網(wǎng)站的頂部、APP端的標(biāo)簽欄，就屬于全局導(dǎo)航。
一個(gè)產(chǎn)品往往只有一個(gè)全局導(dǎo)航，但是會(huì)有多個(gè)局部導(dǎo)航來(lái)補(bǔ)充。
除了全局導(dǎo)航和局部導(dǎo)航，其他內(nèi)嵌在產(chǎn)品內(nèi)容中的鏈接或者可點(diǎn)擊的元素，都被稱為情景式導(dǎo)航，情景式導(dǎo)航能讓用戶實(shí)現(xiàn)產(chǎn)品內(nèi)容直接的跳轉(zhuǎn)，從而完成用戶目標(biāo)。
移動(dòng)端導(dǎo)航是我們平時(shí)接觸最多的產(chǎn)品導(dǎo)航，下一篇文章會(huì)詳細(xì)描述，包括標(biāo)簽式導(dǎo)航、抽屜式導(dǎo)航、網(wǎng)格式導(dǎo)航、列表式導(dǎo)航、菜單式導(dǎo)航、點(diǎn)聚式導(dǎo)航等等。
搜索系統(tǒng)
1994年楊致遠(yuǎn)和大衛(wèi)-費(fèi)羅夢(mèng)想著將整個(gè)互聯(lián)網(wǎng)下載下來(lái)，從而創(chuàng)立了雅虎網(wǎng)站，最開(kāi)始是把所有的網(wǎng)站名稱和鏈接放在一起，供人們查閱使用，隨著網(wǎng)站的增加，他們?cè)O(shè)立了分類，用戶可以利用導(dǎo)航目錄來(lái)查詢網(wǎng)站?；ヂ?lián)網(wǎng)發(fā)展速度日新月異，新建立的網(wǎng)站越來(lái)越多，單單的目錄分類已經(jīng)不能滿足用戶查找信息的需求，搜索便應(yīng)運(yùn)而生。用戶只需要搜索關(guān)鍵詞，就能在搜索結(jié)果里面找到自己想要的內(nèi)容。直接展示內(nèi)容→將內(nèi)容分類建立目錄索引→搜索引擎的加入，便是互聯(lián)網(wǎng)產(chǎn)品內(nèi)容查找的發(fā)展過(guò)程。
產(chǎn)品需不需要搜索功能；入口放在哪；搜索界面該如何布局；搜索結(jié)果頁(yè)該如何設(shè)計(jì)；搜索結(jié)果該如何排序；要不要提供結(jié)果頁(yè)的篩選條件；需不需要提供搜索范圍...這些都是設(shè)計(jì)搜索系統(tǒng)時(shí)設(shè)計(jì)師該思考的問(wèn)題。
信息架構(gòu)設(shè)計(jì)在互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)中處于承上啟下的作用，它上面連接著戰(zhàn)略層和范圍層，下面影響著框架層和表現(xiàn)層，可以說(shuō)是整個(gè)互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)流程中的核心，產(chǎn)品或者交互設(shè)計(jì)師一定要知道，一個(gè)優(yōu)秀的信息架構(gòu)能幫助公司達(dá)成產(chǎn)品目標(biāo)，也能滿足用戶需求，提高用戶體驗(yàn)。
END.
我是鄒志楠，一枚交互設(shè)計(jì)師。知識(shí)改變命運(yùn)，文字溫暖人心。當(dāng)你走的足夠遠(yuǎn)、爬得足夠高時(shí)，你再往回看，回路，什么都沒(méi)有，前程，才是一片坦途。
