關(guān)于信息構(gòu)架的終極指導(dǎo)

by Cameron Chapman
信息構(gòu)架(IA)是科學(xué)與藝術(shù)的一部分相通。不論你是雇傭一名專業(yè)的信息構(gòu)架師,還是只是在某個(gè)項(xiàng)目上使用信息構(gòu)架,只要你設(shè)計(jì)的東西有內(nèi)容存在婆咸,那么你會(huì)用到信息構(gòu)架。

盡管你是順其自然讓內(nèi)容擺放的人芜辕,不論怎樣尚骄,當(dāng)你有一個(gè)全盤對(duì)項(xiàng)目的考慮、對(duì)內(nèi)容結(jié)構(gòu)合理的組織的時(shí)候侵续,你的網(wǎng)站可用性會(huì)極大增強(qiáng)倔丈。

盡管不是每個(gè)項(xiàng)目都需要一個(gè)專業(yè)的信息架構(gòu)師,理解優(yōu)秀信息結(jié)構(gòu)背后的基本原則状蜗,會(huì)使你的網(wǎng)站走在一條瀏覽和使用起來(lái)簡(jiǎn)單輕松的路上需五。

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

信息構(gòu)架包含一些相關(guān)概念轧坎。其中宏邮,第一且最重要的,它是分享的信息的結(jié)構(gòu)缸血。它是內(nèi)容在網(wǎng)站蜜氨、內(nèi)網(wǎng)、在線社區(qū)或者其他數(shù)字空間組織和展示的方式捎泻。

進(jìn)一步來(lái)說(shuō)飒炎,它是組織和展示這些數(shù)字性質(zhì)的內(nèi)容的科學(xué)和藝術(shù)。信息構(gòu)架的關(guān)鍵是讓使用者輕松找到他們要找的東西笆豁。這需要對(duì)使用者可能怎樣使用你的網(wǎng)站厌丑、app或者內(nèi)網(wǎng)有一個(gè)準(zhǔn)確的把握。同時(shí)也需要對(duì)使用者想要信息怎樣組織和展示有一個(gè)好的把握渔呵。

最后是信息架構(gòu)社區(qū),它旨在把現(xiàn)實(shí)中的設(shè)計(jì)和結(jié)構(gòu)搬到數(shù)字領(lǐng)域砍鸠。這個(gè)社區(qū)為想要把信息架構(gòu)放在用戶體驗(yàn)前沿領(lǐng)域最重要位置專家學(xué)者建造扩氢。

類似的結(jié)構(gòu)

你可以認(rèn)為掌握某個(gè)項(xiàng)目需要什么樣信息架構(gòu)和規(guī)劃一個(gè)建筑物的藍(lán)圖一樣。

一般的房子爷辱、街道录豺、城鎮(zhèn)很可能是基于一個(gè)現(xiàn)成的藍(lán)圖建造的朦肘。國(guó)內(nèi)有很多住房就是基于相同的基本的方案建造的。一套好的房屋建造藍(lán)圖可以生產(chǎn)出經(jīng)濟(jì)又功能實(shí)用的住宅双饥。

當(dāng)然媒抠,這些房子每個(gè)又是不同的,使用者不同咏花,使用者的使用方式也不同趴生。

同理,建造網(wǎng)站或者內(nèi)聯(lián)網(wǎng)也可以通過(guò)這樣迎合很大一部分客戶昏翰。減少選擇性和定制化可能就是最完美的解決方法苍匆。這樣,一個(gè)ux或者一個(gè)設(shè)計(jì)師就可以很好地進(jìn)行設(shè)計(jì)優(yōu)化棚菊,不需要一個(gè)專門的信息構(gòu)架了浸踩。

于是我們有了很多主流的定制服務(wù)。現(xiàn)有的以往解決方案就接近用戶需求了统求,但是還需要一點(diǎn)對(duì)你的現(xiàn)有的方案進(jìn)行全面審查检碗。通暢的住宅就是這樣設(shè)計(jì)的,通過(guò)把現(xiàn)有的方案進(jìn)行改進(jìn)码邻,有時(shí)候是顯著的改善來(lái)適應(yīng)以后的住戶折剃。某個(gè)房間可能被增加或者減掉;廚房可能從一個(gè)地方挪到另一個(gè)地方冒滩;兩個(gè)屋子可能合并成一個(gè)大屋子微驶,或者一個(gè)大屋子被分成兩個(gè)小屋子。通常先選擇一個(gè)結(jié)構(gòu)再對(duì)其進(jìn)行這些改進(jìn)开睡。

信息架構(gòu)中也會(huì)使用這種方法因苹。一個(gè)常用的信息結(jié)構(gòu)可能接近用戶所需,但是它還是需要一些很多顯著的改變來(lái)適應(yīng)實(shí)際的項(xiàng)目需要篇恒》鲩埽可能需要增加一個(gè)用戶模塊來(lái)實(shí)現(xiàn)應(yīng)有的功能,或者可能它太復(fù)雜了需要被簡(jiǎn)化胁艰】钪可能直接能夠看出信息結(jié)構(gòu)所需要的改變,也可能需要建立一個(gè)計(jì)劃來(lái)進(jìn)行信息結(jié)構(gòu)的優(yōu)化腾么。

行業(yè)的另一端是完全的傳統(tǒng)設(shè)計(jì)奈梳。結(jié)構(gòu)完全是從零開(kāi)始設(shè)計(jì)。結(jié)構(gòu)設(shè)計(jì)師會(huì)坐下來(lái)和未來(lái)的住戶討論他們的需求解虱,然后咨詢工程師和建造者他們討論的需求是否能實(shí)現(xiàn)攘须。這是最貴的解決方案,而且通常也是唯一能真正滿足客戶需求的方案殴泰。

大型網(wǎng)站建造也是這樣于宙。例如浮驳,一個(gè)新的公司就不太可能像根據(jù)一個(gè)現(xiàn)成的方案設(shè)計(jì),甚至是按客戶需求定做的網(wǎng)站捞魁。他們需要一個(gè)符合他們商業(yè)模式的方案至会,并且這個(gè)方案可以很大程度上隨著發(fā)展而改變。這里就是一個(gè)專業(yè)的信息構(gòu)架團(tuán)隊(duì)發(fā)揮作用的地方了谱俭。這和傳統(tǒng)的設(shè)計(jì)還是有相同之處的奉件。你會(huì)發(fā)現(xiàn)一個(gè)小項(xiàng)目可能需要專業(yè)的信息架構(gòu),或者一個(gè)大型的項(xiàng)目可以輕松地用現(xiàn)有的方案解決旺上。這就是為什么信息架構(gòu)需要一開(kāi)始就建立起來(lái)瓶蚂,這樣從一開(kāi)始就能使用正確的工具了,而不是之后去強(qiáng)迫內(nèi)容改變成適應(yīng)特定的結(jié)構(gòu)或工具宣吱。

IA都做些什么窃这?

掌管項(xiàng)目信息構(gòu)架的人責(zé)任很重,他們每天都具體做些什么呢征候?

首先杭攻,他們通常擔(dān)任一個(gè)項(xiàng)目的設(shè)計(jì)和技術(shù)之間的溝通橋梁。他們需要確保設(shè)計(jì)師合理地組織內(nèi)容的疤坝。他們還要確保技術(shù)團(tuán)隊(duì)準(zhǔn)確地執(zhí)行這些設(shè)計(jì)兆解。

另外,當(dāng)遇到影響內(nèi)容給用戶怎樣服務(wù)的問(wèn)題時(shí)跑揉,他們需要充當(dāng)一個(gè)聯(lián)絡(luò)溝通的角色锅睛。

IA還管理著研究項(xiàng)目信息如何組織擺放來(lái)最好地適合最終用戶的需要。這是一個(gè)極其重要的角色历谍,因?yàn)槭〉膬?nèi)容組織會(huì)摧毀用戶體驗(yàn)并使用戶感到很失望现拒。他們的工作和掌管項(xiàng)目用戶體驗(yàn)的人很接近。

最后望侈,很多IA會(huì)做的是建立線框模型和站點(diǎn)地圖來(lái)指導(dǎo)團(tuán)隊(duì)項(xiàng)目的發(fā)展印蔬。線框模型通常是只注重實(shí)用性的,圖形由設(shè)計(jì)團(tuán)隊(duì)按照線框模型加上去脱衙。他們展示出用戶瀏覽網(wǎng)站的流程侥猬,以及功能具體怎樣實(shí)現(xiàn)。

這種情況下捐韩,站點(diǎn)圖可能是最終網(wǎng)站的某部分退唠,或者僅僅是一個(gè)內(nèi)部組織文件。

信息架構(gòu)的原則

Dan Brown已經(jīng)在信息架構(gòu)方面實(shí)踐了超過(guò)20年荤胁,并提出了8條IA原則铜邮;這些原則是學(xué)習(xí)為一個(gè)項(xiàng)目建立堅(jiān)實(shí)的信息結(jié)構(gòu)的要素的好的開(kāi)始。

“信息架構(gòu)的八條原則”為IA工作列出了一個(gè)理論框架,并得出以下總結(jié):

  • IA首要關(guān)注信息結(jié)構(gòu)松蒜,設(shè)計(jì)實(shí)際的用戶界面排在第二。
  • IA理解人們實(shí)際怎樣操作內(nèi)容已旧,以及該如何架構(gòu)來(lái)支持這些功能(符合人們的操作習(xí)慣)秸苗。
  • IA掌握一個(gè)項(xiàng)目的內(nèi)容和功能范圍,以及如何設(shè)計(jì)符合要求的結(jié)構(gòu)

針對(duì)對(duì)象的原則

對(duì)象的原則是內(nèi)容需要被當(dāng)作是一個(gè)逐步發(fā)展的動(dòng)態(tài)事物运褪,內(nèi)容有自己的發(fā)展周期惊楼。不同的內(nèi)容有不同的屬性和行為,這是為了最好地利用內(nèi)容秸讹。

每個(gè)項(xiàng)目的開(kāi)始檀咙,你先應(yīng)該識(shí)別出將要呈現(xiàn)的內(nèi)容的種類。這意味著范圍很大很粗略璃诀。

例如弧可,一個(gè)商業(yè)站點(diǎn)的內(nèi)容可能包含各類商品,每個(gè)種類的產(chǎn)品的內(nèi)容又不同:標(biāo)題劣欢、描述棕诵、規(guī)格、價(jià)格以及其相關(guān)條目凿将。這種站點(diǎn)可能還有額外的頁(yè)面校套,例如關(guān)于本站,F(xiàn)AQ牧抵,用戶服務(wù)頁(yè)等笛匙。把所有這些內(nèi)容種類列出來(lái),并列出相互它們之間的關(guān)系是設(shè)計(jì)一個(gè)交互好的站點(diǎn)的第一步犀变。

選擇的原則

選擇的原則意味著你需要為你的使用者提供有意義的選項(xiàng)妹孙。然而,你需要確保這些選項(xiàng)針對(duì)某個(gè)具體的事物弛作。太多的選擇會(huì)吞沒(méi)使用者并且對(duì)他們的使用體驗(yàn)產(chǎn)生負(fù)面影響涕蜂。

信息應(yīng)該分級(jí)放置,避免列出長(zhǎng)長(zhǎng)的選項(xiàng)映琳,這樣分類起來(lái)很困難机隙。如果你有太多的選項(xiàng),把內(nèi)容分類萨西、再分子類是一個(gè)有效的方法有鹿。

表達(dá)的原則

給你的使用者他們需要的信息是很重要的。但是要確保你能辨別出真正必須的信息是什么谎脯,不要憑你的感覺(jué)給用戶信息葱跋。讓他們知道他們繼續(xù)探索你的網(wǎng)站會(huì)得到什么,給他們不多也不少的信息。(這叫做逐步展示)

通過(guò)限制他們?nèi)魏我淮文軌蚩吹降男畔⒘坑榘常隳茏屇愕挠脩舾玫亍拔铡彼麄兯吹降纳晕丁R粋€(gè)文章分到10頁(yè)讓用戶看比在一頁(yè)上展示更容易讓用戶吸收。你通過(guò)使用工具通過(guò)某種方式來(lái)引導(dǎo)用戶瀏覽你的內(nèi)容荠卷,讓用戶感到網(wǎng)站友好易使用模庐。

這個(gè)原則的主要宗旨就是不要把所有信息塞進(jìn)一個(gè)頁(yè)面而讓你的用戶超負(fù)荷。通過(guò)某種讓他們感到易于理解和記憶的方式油宜,逐步引導(dǎo)他們?yōu)g覽信息掂碱。

舉例的原則

通過(guò)舉例的方法描述某一類的信息內(nèi)容會(huì)讓用戶更容易明白他們?cè)诳吹氖鞘裁础_@很大程度上提升了用戶體驗(yàn)慎冤。

例如疼燥,當(dāng)瀏覽亞馬遜分類信息時(shí),通常會(huì)展示某類別中的一些商品蚁堤。這讓人立刻能找到想要的類別醉者,尤其是當(dāng)你不知道某類商品的名稱時(shí)。

這個(gè)原則在一些情景下使用起來(lái)有點(diǎn)困難违寿,這取決于你提供內(nèi)容的種類湃交。但是考慮如何把舉例融入你的分類標(biāo)簽和菜單中,如果做的好藤巢,它的確會(huì)大大提升用戶滿意度搞莺。

網(wǎng)站門戶(主頁(yè))的原則

網(wǎng)站的大部分訪問(wèn)者是通過(guò)其他站點(diǎn)到達(dá)你的站點(diǎn)的,而不是直接到達(dá)你的主頁(yè)掂咒。這意味著才沧,用戶加載的每個(gè)界面需要包含一些基本信息來(lái)讓他們明白這個(gè)站點(diǎn)是干什么的。這也意味著每個(gè)頁(yè)面需要包含至少頂部導(dǎo)航绍刮,以及相關(guān)頁(yè)面的導(dǎo)航温圆。

用戶主要通過(guò)兩種方式訪問(wèn)到你網(wǎng)站的內(nèi)部頁(yè)面:搜索引擎的搜索結(jié)果和社會(huì)傳媒的鏈接。這兩種情況下孩革,用戶除了知道他們要找的信息在這個(gè)網(wǎng)頁(yè)上岁歉,其他對(duì)你的網(wǎng)站和內(nèi)部組織了解不多。

如果他們不能很快找到需要的信息膝蜈。他們不會(huì)停留太久锅移。

所以,你不需要把你的信息都塞到主頁(yè)上饱搏,因?yàn)榫W(wǎng)站訪客有半數(shù)不會(huì)直接打開(kāi)主頁(yè)非剃,甚至根本不會(huì)看到主頁(yè)。

多重分類的原則

多重分類的意思是用戶瀏覽網(wǎng)站的內(nèi)容有不同的方式推沸。不同的人可能有不同搜索信息的方法备绽。

例如券坞,一些用戶可能直接使用搜索功能,另一些可能想瀏覽網(wǎng)頁(yè)查找肺素。除此之外恨锚,有些用戶可能想通過(guò)一種分類方式瀏覽,另一些人就想通過(guò)另一種分類方式瀏覽倍靡。

所以眠冈,給用戶多種選擇會(huì)讓用戶更滿意。

導(dǎo)航集中的原則

導(dǎo)航菜單的定義不應(yīng)該通過(guò)它們出現(xiàn)的位置菌瘫,而應(yīng)該通過(guò)它們包含的內(nèi)容。菜單決定了用戶查找網(wǎng)站信息的主要方式布卡。很多情況下雨让,網(wǎng)站不止包含一個(gè)導(dǎo)航菜單,從而提供了瀏覽網(wǎng)站內(nèi)容的不同方式忿等。

你的網(wǎng)站可能有:有頂部導(dǎo)航欄(通常是網(wǎng)站的主導(dǎo)航)栖忠;在內(nèi)部頁(yè)面的菜單顯示了當(dāng)前頁(yè)面的分類方式以及相關(guān)頁(yè)面;提供打折或者購(gòu)物網(wǎng)站鏈接的菜單贸街;季節(jié)性時(shí)下的菜單庵寞,提供特定時(shí)間相關(guān)的內(nèi)容。

不論哪種情況薛匪,保持每個(gè)導(dǎo)航菜單集中捐川、有所側(cè)重,讓它們使用起來(lái)更容易逸尖。

增長(zhǎng)的原則

大多數(shù)網(wǎng)站的內(nèi)容是流動(dòng)古沥、變化的。一個(gè)網(wǎng)站今天的內(nèi)容可能只是明天娇跟、下周岩齿、或者明年內(nèi)容的一小部分。

所以苞俘,組織網(wǎng)站內(nèi)容使其能隨著時(shí)間的改變?cè)鲩L(zhǎng)盹沈。你的導(dǎo)航菜單和一般的信息結(jié)構(gòu)應(yīng)能在很多內(nèi)容的情況下也不變的笨拙繁瑣。

坐下來(lái),考慮哪些內(nèi)容以后可以添加進(jìn)來(lái),包括完全不同類型的內(nèi)容吃谣,而不僅是現(xiàn)在網(wǎng)站上內(nèi)容的延伸乞封。想想增加的的內(nèi)容將與當(dāng)前內(nèi)容的交互,他們是如何相關(guān)的,以及他們?nèi)绾纬晒Φ娜诤显谝黄穑恍枰匦略O(shè)計(jì)網(wǎng)站的整個(gè)內(nèi)容結(jié)構(gòu)基协。

這些原則都是創(chuàng)建有效的信息結(jié)構(gòu)的關(guān)鍵歌亲。雖然不是每個(gè)原則對(duì)每個(gè)項(xiàng)目重要性相同,在項(xiàng)目的開(kāi)始之前和項(xiàng)目的每個(gè)階段澜驮,考慮和評(píng)估這其中的每一項(xiàng)陷揪,將得到更好的全局的信息結(jié)構(gòu)策略。更好的信息架構(gòu)等于更滿意的用戶。

發(fā)現(xiàn)從哪里開(kāi)始

當(dāng)開(kāi)始任何新的項(xiàng)目,內(nèi)容的結(jié)構(gòu)和組織是決定剩下的內(nèi)容的一個(gè)關(guān)鍵因素悍缠。

首先要考慮的是項(xiàng)目的目的和任務(wù)卦绣。例如,一個(gè)電子商務(wù)網(wǎng)站的目的是讓游客購(gòu)買。在任何新項(xiàng)目的開(kāi)始的時(shí)候飞蚓,找出項(xiàng)目現(xiàn)在以及將來(lái)可能的的目的和任務(wù)滤港。

與之密切相關(guān)的是處理用戶的目標(biāo)。你應(yīng)該知道,當(dāng)今用戶的目標(biāo)可能會(huì)隨著時(shí)間的改變和成長(zhǎng)趴拧。試圖達(dá)到用戶在未來(lái)六個(gè)月或者兩年看到的項(xiàng)目,不僅是他們現(xiàn)在需要達(dá)到什么溅漾。

最后,你需要對(duì)項(xiàng)目的最終用戶有一個(gè)好的感覺(jué)。懂技術(shù)的用戶對(duì)網(wǎng)站的內(nèi)容已經(jīng)有一些了解著榴,他們和那些剛開(kāi)始使用添履、對(duì)技術(shù)不理解的的用戶有著完全不同的需求。如果你不知道什么樣的用戶將使用這些內(nèi)容,你不能合理地組織內(nèi)容的結(jié)果以滿足他們的需求脑又。
一旦你掌握這些,你可以開(kāi)始更具體地策劃你網(wǎng)站的內(nèi)容暮胧。

用戶是如何找打內(nèi)容的

這種瀏覽方式,用戶在網(wǎng)站上尋找信息有四種主要方式问麸。這幾種方式可能會(huì)有一些重疊往衷,但這種方式分類給你一個(gè)很好的起點(diǎn)迎合他們的不同的需求。(前兩個(gè)是建立信息架構(gòu)實(shí)踐的一部分,后者兩人創(chuàng)造的唐娜·斯賓塞)严卖。

已知的條目

用戶清楚的知道他們?cè)谡沂裁聪幔麄冎廊绾蚊枋鏊麄円业臇|西,他們甚至知道從哪里開(kāi)始找妄田。這是IA所希望的俺亮。

這些用戶不需要手把手指導(dǎo),他們會(huì)找網(wǎng)站的搜索功能或者直接看目錄疟呐。只要你的信息組織合理脚曾,邏輯清晰,并且你的搜索功能返回的搜索結(jié)果包含所有有關(guān)信息启具,這樣用戶瀏覽網(wǎng)站本讥、尋找他們所需要的信息時(shí)就會(huì)很少遇到問(wèn)題。

探索

探索性訪問(wèn)者有一個(gè)他們大概想知道的內(nèi)容鲁冯,但是對(duì)這些信息怎樣找到和從哪里開(kāi)始不太清楚拷沸。他們會(huì)打開(kāi)你的目錄菜單看有沒(méi)有和他們要找的信息相關(guān)的,有時(shí)他們會(huì)嘗試搜索功能薯演。

自動(dòng)推薦的條目對(duì)這些用戶很適合撞芍,他們可能知道一兩個(gè)關(guān)鍵詞,搜索到結(jié)果列出相關(guān)的條目對(duì)他們很有幫助跨扮,也給這類用戶更好的體驗(yàn)序无。

不確定

這類用戶不知道他們真正想要什么验毡。他們只有一個(gè)模糊的想法,或者他們可能認(rèn)為自己知道自己想要的信息帝嗡,但是如果不提供一些幫助他們不會(huì)有效地找到自己需要的信息晶通。這種情況在比較復(fù)雜的領(lǐng)域比如法律或者金融很常見(jiàn)。

在很多教育行業(yè)也會(huì)出現(xiàn)哟玷;用戶可能在尋找一個(gè)解決方案狮辽,但是他們沒(méi)有真正理解問(wèn)題。

這種情況在也回很明顯地出現(xiàn)在以下情況:由別人推薦的用戶巢寡;只是為了了解實(shí)事尉辑、跟上話題此再。

不論哪種情況肠牲,你需要引導(dǎo)用戶瀏覽內(nèi)容裕偿,幫助他們搞清楚他們到底需要瀏覽什么信息以及怎樣找到這些內(nèi)容。實(shí)現(xiàn)這些需要根據(jù)具體情況具體分析爪幻。

例如,引導(dǎo)用戶瀏覽新聞網(wǎng)站和瀏覽金融咨詢的網(wǎng)站是完全不同的须误。唯一相同的是用戶需要更多的引導(dǎo)挨稿。

再尋找

這些用戶尋找他們看過(guò)的內(nèi)容,但是他們可能可以再找到那些內(nèi)容京痢,也可能找不到奶甘。有兩種方法處理這種情況。

第一種是存儲(chǔ)用戶瀏覽過(guò)的信息(例如每個(gè)商業(yè)網(wǎng)站的“最近瀏覽”的部分)祭椰。這種方式不需要用戶的操作臭家,但是可能有一定局限性。例如方淤,你可能為用戶存儲(chǔ)最近瀏覽的五個(gè)頁(yè)面钉赁,但是如果用戶需要看他之前瀏覽的倒數(shù)第十個(gè)頁(yè)面呢?活著第五十個(gè)携茂?這樣的話他們就需要自己動(dòng)手查找了你踩。

另一種是提供讓用戶存儲(chǔ)內(nèi)容的工具,這樣他們很容易再找到需要的瀏覽過(guò)的內(nèi)容了讳苦。這個(gè)類似“save for later”(收藏)的功能带膜,一個(gè)wishlist,一個(gè)最愛(ài)或者其他類似的鸳谜。這些主動(dòng)的解決方案讓用戶很容易再找到之前讀的內(nèi)容膝藕。這比自動(dòng)存儲(chǔ)用戶瀏覽記錄重要的多。

當(dāng)然咐扭,把可以這兩者結(jié)合芭挽,既存儲(chǔ)用戶最近瀏覽的內(nèi)容滑废,又給用戶存儲(chǔ)他們認(rèn)為很重要的、之后會(huì)用的內(nèi)容览绿。

內(nèi)容組織的模式

這兒有六個(gè)網(wǎng)站等組織內(nèi)容的模式策严。根據(jù)實(shí)際結(jié)構(gòu),這些模式可以組合饿敲,也可以單處使用妻导。

單頁(yè)

一個(gè)單頁(yè)的模版把所有信息和內(nèi)容只放在一個(gè)頁(yè)面上。對(duì)于一個(gè)內(nèi)容有限怀各、目的明確的網(wǎng)站這種方法很奏效倔韭。單頁(yè)一般被分為幾個(gè)區(qū)域,通常導(dǎo)航可以連接到每個(gè)主題瓢对。

單頁(yè)在個(gè)人網(wǎng)站寿酌、展示單獨(dú)的商品的網(wǎng)站或者其他類似的網(wǎng)站很常見(jiàn)。在大型網(wǎng)站的子頁(yè)面也會(huì)看到硕蛹。

扁平

扁平的結(jié)構(gòu)在少于十幾個(gè)頁(yè)面的小網(wǎng)站經(jīng)常見(jiàn)到醇疼。在扁平網(wǎng)站上,所有的頁(yè)面可以互相切換法焰,例如只有一個(gè)水平的導(dǎo)航秧荆。這種網(wǎng)站是最常見(jiàn)的投資組合和機(jī)構(gòu)網(wǎng)站,業(yè)務(wù)簡(jiǎn)單的網(wǎng)站埃仪,產(chǎn)品屈指可數(shù)的電子商務(wù)網(wǎng)站乙濒。

當(dāng)扁平的網(wǎng)站變得體積很大時(shí),它的可用性就大大降低卵蛉。如果你正在考慮打算使用一個(gè)扁平的網(wǎng)站時(shí)颁股,要先確定未來(lái)你網(wǎng)站的內(nèi)容不會(huì)增長(zhǎng)達(dá)到使到這種扁平結(jié)構(gòu)變的笨重的那個(gè)點(diǎn)。

索引

盡管在網(wǎng)站的中心位置通常有一個(gè)網(wǎng)站所有頁(yè)面的列表傻丝,索引網(wǎng)站類似于扁平化的網(wǎng)站甘有。這樣有大量的頁(yè)面的網(wǎng)站仍然有類似扁平的結(jié)構(gòu),可用性好而且簡(jiǎn)單葡缰。

這種結(jié)構(gòu)最適合特定目的的網(wǎng)站,例如電子商務(wù)網(wǎng)站,一個(gè)商業(yè)網(wǎng)站,一個(gè)投資組合梧疲,或者一個(gè)特定主題教育的網(wǎng)站。

daisy(雛菊)

雛菊結(jié)構(gòu)在web app中最常見(jiàn)运准,雖然有時(shí)也出現(xiàn)在教育網(wǎng)站幌氮。雛菊結(jié)構(gòu)意味著用戶在完成特定的任務(wù)后返回一個(gè)中心點(diǎn)(像一個(gè)主頁(yè)或著陸頁(yè))。

例如,在一個(gè)待辦事項(xiàng)清單應(yīng)用程序中胁澳,用戶在完成任務(wù)该互、編輯任務(wù),或添加一個(gè)新的任務(wù)后可能會(huì)自動(dòng)返回到待辦事項(xiàng)清單。同樣,在一個(gè)教育網(wǎng)站,用戶在完成一個(gè)課程后可能自動(dòng)會(huì)返回課程中心韭畸。

嚴(yán)格分層

在嚴(yán)格分層中宇智,一個(gè)頁(yè)面只有通過(guò)它的上一級(jí)頁(yè)面才能到達(dá)蔓搞。這種結(jié)構(gòu)對(duì)于希望引導(dǎo)用戶以特定方式瀏覽網(wǎng)頁(yè)、不允許用戶跳過(guò)的網(wǎng)站很適合随橘。

因此喂分,這種結(jié)構(gòu)的網(wǎng)站很適合那種一節(jié)課建立在上一節(jié)課的基礎(chǔ)上的教育網(wǎng)站。通過(guò)只允許用戶通過(guò)父頁(yè)面達(dá)到子頁(yè)面的方式机蔗,防止用戶跳過(guò)他們還沒(méi)弄懂的信息蒲祈。

多維層級(jí)

和嚴(yán)格分層緊密相關(guān)的是多維層級(jí),這種結(jié)構(gòu)允許用戶通過(guò)多種方式到達(dá)一個(gè)頁(yè)面萝嘁。這也是常見(jiàn)的模式之一梆掸,一部分是因?yàn)檫@種方式容易實(shí)現(xiàn)。

多維層次結(jié)構(gòu)也可能是最難實(shí)現(xiàn)的牙言。因?yàn)楸M管你想讓用戶以多種方式訪問(wèn)內(nèi)容,需要的時(shí)候酸钦,你仍想引導(dǎo)他們沿著邏輯路徑進(jìn)行瀏覽。選擇何時(shí)何地提供更多方式瀏覽內(nèi)容也是一門藝術(shù)與科學(xué)咱枉。

多維層次結(jié)構(gòu)的最簡(jiǎn)單的包括從他們的父頁(yè)面訪問(wèn)的頁(yè)面,以及從中央導(dǎo)航菜單(通常包括子菜單)卑硫。

最復(fù)雜的是,你有一個(gè)類似維基百科的網(wǎng)站蚕断,頁(yè)面根據(jù)上下文相互連接拔恰,一個(gè)頁(yè)面在另一個(gè)頁(yè)面中被提到。這就織成了一個(gè)相關(guān)內(nèi)容的錯(cuò)綜復(fù)雜的網(wǎng)基括,而且永遠(yuǎn)沒(méi)有盡頭。

在建網(wǎng)站時(shí)财岔,這些方法可以改造或者結(jié)合使用以適應(yīng)實(shí)際項(xiàng)目的需要风皿,或者項(xiàng)目的某一部分。例如匠璧,如果你有一個(gè)教育類網(wǎng)站桐款,你網(wǎng)站大部分可能使用的是嚴(yán)格類型的結(jié)構(gòu),但是在某個(gè)單獨(dú)的頁(yè)面可能使用雛菊結(jié)構(gòu)來(lái)教授某門特定的課夷恍。

組織和標(biāo)簽的規(guī)則

在這里并沒(méi)有規(guī)定你網(wǎng)站上特定的頁(yè)面必須命名為某個(gè)名字魔眨,但與此同時(shí),遵循一定的約定和規(guī)則可以使網(wǎng)站更容易導(dǎo)航以及按內(nèi)容的組織方式引導(dǎo)用戶酿雪。

例如,當(dāng)一個(gè)用戶正在尋找聯(lián)系信息,他們會(huì)首先尋找寫著“與我們聯(lián)系”遏暴、“聯(lián)系”或類似詞匯的一個(gè)頁(yè)面、鏈接或一個(gè)區(qū)域指黎;他們也會(huì)看到“聯(lián)系”或“電子郵件”的鏈接朋凉。但稱之為“reach out”、“feedback”,或另一個(gè)不常用術(shù)語(yǔ)會(huì)讓用戶必須花費(fèi)額外的努力來(lái)找到他們尋找的東西醋安。這可能會(huì)導(dǎo)致他們沮喪地去其他地方(可能是你的競(jìng)爭(zhēng)對(duì)手)杂彭。

同樣墓毒,如果你命名為“關(guān)于我們”、“團(tuán)隊(duì)”或類似的名稱亲怠,這種“關(guān)于我們”的頁(yè)面將是最容易被發(fā)現(xiàn)的所计。

如果你決定偏離標(biāo)準(zhǔn)的約定俗成的標(biāo)簽規(guī)則,確保你有一個(gè)很好的理由团秽,并且你的標(biāo)簽在其上下文和網(wǎng)站的內(nèi)容中都說(shuō)得通主胧。

當(dāng)你組織特定內(nèi)容時(shí)也需要遵循既定的約定。例如徙垫,“幫助”部分可能包括知識(shí)庫(kù)讥裤、聯(lián)系方式,一個(gè)論壇,和/或用戶指南。如果你的用戶指南是坐落在一個(gè)完全不同的部分(甚至自己獨(dú)立的部分)姻报,你可能會(huì)使你的用戶感到迷惑己英。

看看其他網(wǎng)站是如何安排他們的網(wǎng)站,并遵循類似的模式吴旋,除非你有與眾不同的理由损肛。

大型網(wǎng)站vs小型網(wǎng)站

盡管無(wú)論網(wǎng)站的大小良好的組織結(jié)構(gòu)都很重要,但網(wǎng)站上的內(nèi)容越多荣瑟,結(jié)構(gòu)組織變得越關(guān)鍵治拿。

想象一下,如果維基百科沒(méi)有在每一篇文章的鏈笆焰,如果你必須對(duì)每個(gè)新的劫谅、相關(guān)的話題進(jìn)行單獨(dú)的搜索,這將是極不容易使用的嚷掠,特別是考慮到通過(guò)一個(gè)點(diǎn)擊就能訪問(wèn)的附加信息的巨大數(shù)量捏检。

相比之下,一個(gè)只有三四個(gè)頁(yè)面的網(wǎng)站可以減少組織內(nèi)容的壓力不皆,也不需要強(qiáng)大的導(dǎo)航贯城,因?yàn)閮?nèi)容有限。

所以霹娄,不論網(wǎng)站大小能犯,通過(guò)考慮選擇一個(gè)最好的內(nèi)容組織方式都是很重要的。而且隨著項(xiàng)目的規(guī)模和范圍的增大犬耻,它變得愈加重要踩晶。

UX vs IA

許多設(shè)計(jì)師和開(kāi)發(fā)者認(rèn)為IA是用戶體驗(yàn)設(shè)計(jì)師整體工作的一部分。其實(shí)枕磁,兩者雖然密切相關(guān)合瓢,但它們是不一樣的。

良好的信息架構(gòu)的關(guān)鍵是創(chuàng)造一個(gè)良好的用戶體驗(yàn)透典,但是用戶體驗(yàn)包含的不僅僅是網(wǎng)站的內(nèi)容的組織和標(biāo)記晴楔。

你的專業(yè)的用戶體驗(yàn)設(shè)計(jì)師可能負(fù)責(zé)IA顿苇,但在大型或復(fù)雜的項(xiàng)目上,有一個(gè)專門的團(tuán)隊(duì)成員負(fù)責(zé)開(kāi)發(fā)和監(jiān)督網(wǎng)站IA策略制定才是明智的選擇税弃。

IA vs CMS

不管你的IA結(jié)構(gòu)多么好,如果你的內(nèi)容管理系統(tǒng)(CMS)支持的不好纪岁,并且讓網(wǎng)站內(nèi)容管理者輕易地組織內(nèi)容、保持內(nèi)容合理組織则果,那么你就是在邀請(qǐng)災(zāi)難幔翰、問(wèn)題和不滿擋你的路。

想想誰(shuí)會(huì)和CMS打交道西壮、他們的交互的技術(shù)專長(zhǎng)和經(jīng)驗(yàn)如何遗增;什么樣的數(shù)據(jù)在被管理,它的是否很關(guān)鍵?內(nèi)容是如何從概念到被驗(yàn)收?誰(shuí)在使用這些內(nèi)容款青,怎么使用做修?

選擇最好的CMS完全基于選擇什么最適合內(nèi)容,同時(shí)你還需要選擇的CMS還要適合用戶抡草。一個(gè)超級(jí)技術(shù)的CMS可能是管理大量?jī)?nèi)容的最好的選擇饰及,但是對(duì)于普通的網(wǎng)站客戶,很難有效及高效地使用康震,于是就它不是對(duì)的解決方案燎含。

如果團(tuán)隊(duì)中的每個(gè)人都已經(jīng)有使用類似WordPress軟件的經(jīng)驗(yàn),這是你研究第一重要的事腿短。如果負(fù)責(zé)維護(hù)它長(zhǎng)期運(yùn)行的人不能或不會(huì)使用提供的工具和系統(tǒng)屏箍,最完美IA計(jì)劃也很快就會(huì)半途而廢,

工具

盡管IA性質(zhì)是數(shù)字的,但是許多傳統(tǒng)的工具或信息體系結(jié)構(gòu)是模擬的橘忱。

白板在IA在最初的計(jì)劃階段非常常用赴魁。它使內(nèi)容可視化,容易迅速記錄想法鹦付,容易建立連接關(guān)系。它適合團(tuán)隊(duì)協(xié)作择卦,因?yàn)槊總€(gè)人都可以看到你正在記錄什么(理想情況下)敲长。

卡片分類是另一種很常見(jiàn)的工具”蹋卡片分類是一個(gè)相當(dāng)簡(jiǎn)單的技術(shù)來(lái)收集來(lái)自潛在用戶的想法(或從你的團(tuán)隊(duì)成員)祈噪。將放在你網(wǎng)站的不同的主題被放在在索引或類似的卡片中;參與者根據(jù)他們認(rèn)為合理的方式把這些卡片分類尚辑。這是一個(gè)很好的方法來(lái)發(fā)現(xiàn)用戶認(rèn)為該怎樣組織內(nèi)容辑鲤,特別是在更復(fù)雜的網(wǎng)站上。

其他模擬工具包括簡(jiǎn)單的網(wǎng)格紙畫出方格紙線框杠茬、網(wǎng)站地圖月褥、流程圖等弛随。

數(shù)字工具

盡管模擬工具更常用,也有一些IA可以使用的數(shù)字工具宁赤。這些數(shù)字工具越來(lái)越受歡迎舀透,因?yàn)樵絹?lái)越多的團(tuán)隊(duì)分布分散并遠(yuǎn)程工作。當(dāng)你有跨越四個(gè)時(shí)區(qū)的用戶决左,在虛擬白板上分享愕够、合作比現(xiàn)實(shí)中更簡(jiǎn)單便捷。
白板應(yīng)用可對(duì)于分散分布的團(tuán)隊(duì)甚至與你的客戶一起進(jìn)行頭腦風(fēng)暴佛猛。最好的應(yīng)用可以提供與真實(shí)世界同樣的功能惑芭,但是能夠數(shù)字共享。下是一些幫助你開(kāi)始工具继找。

Awwapp
是一個(gè)觸屏移動(dòng)白板,可以在平板電腦,智能手機(jī)或電腦上使用遂跟。你可以畫草圖、協(xié)作和分享你完成的白板码荔。這是兼容所有現(xiàn)代瀏覽器,而不需要安裝其他的東西漩勤。

Twiddla
是一個(gè)在線白板會(huì)議工具,允許你實(shí)時(shí)協(xié)同瀏覽網(wǎng)站缩搅。它有30天的免費(fèi)試用越败。

Scribblar.com
提供實(shí)時(shí)協(xié)作以及直播音頻和文本聊天。它還允許文檔上傳硼瓣,這是很有用的功能究飞。如果讓你的團(tuán)隊(duì)在規(guī)劃會(huì)議中,無(wú)需離開(kāi)應(yīng)用程序就能進(jìn)行分享堂鲤。

構(gòu)思工具就像一個(gè)加強(qiáng)的白板工具亿傅,并讓你的筆記結(jié)構(gòu)更合理。他們是一個(gè)很棒的方式來(lái)組織你的想法并分類信息瘟栖。盡管思維導(dǎo)圖用紙和筆就能完成(或彩色馬克筆和紙)葵擎,但數(shù)字工具使它們更容易編輯和分享。

Coggle
是一個(gè)免費(fèi)的在思維導(dǎo)圖工具半哟,它很容易創(chuàng)建彩色思維地圖并與同事分享酬滤。用它來(lái)記筆記,頭腦風(fēng)暴等風(fēng)多寓涨。

XMind 6
是一個(gè)Mac盯串、Windows和Linux上的可下載的思維導(dǎo)圖軟件。有免費(fèi)版和高級(jí)版戒良,這兩個(gè)版本都允許你創(chuàng)建各種各樣的圖標(biāo)体捏、提供關(guān)系的工具、邊界、總結(jié)几缭、標(biāo)簽以及更多河泳。它有保存到Evernote和在網(wǎng)絡(luò)上分享的功能。

Bubbl.us
提供簡(jiǎn)單的在線思維導(dǎo)圖奏司,使用直觀乔询。有一個(gè)免費(fèi)的基本版和付費(fèi)版(包括一個(gè)團(tuán)隊(duì)計(jì)劃),還有30天的免費(fèi)試用韵洋。

線框圖工具是信息架構(gòu)師的工具箱的一個(gè)關(guān)鍵工具竿刁。線框圖工具經(jīng)常在團(tuán)隊(duì)中傳遞使用,所以線框圖工具應(yīng)該設(shè)計(jì)得簡(jiǎn)單易用好理解搪缨。雖然紙質(zhì)的線框圖是一個(gè)很好的起點(diǎn),在與他人分享方面食拜,數(shù)字版本是一個(gè)更好的解決方案。

Justinmind原型
是一個(gè)免費(fèi)的下載下來(lái)的線框圖工具副编,為移動(dòng)應(yīng)用程序創(chuàng)建可點(diǎn)擊的線框圖负甸。可交互的線框圖使設(shè)計(jì)更容易理解痹届,這對(duì)于復(fù)雜的IA項(xiàng)目是個(gè)很好的的解決方案呻待。

MockFlow
為超級(jí)簡(jiǎn)單的線框圖提供免費(fèi)的高級(jí)計(jì)劃。它可以在線或離線使用队腐,給你可點(diǎn)擊的交互性的站點(diǎn)地圖蚕捉,并提供HTML下載,讓你在沒(méi)有專門軟件的情況下輕松分享你的線框圖柴淘。

Mockingbird
是一個(gè)在線的線框圖和原型的創(chuàng)造者迫淹,你可以用它創(chuàng)建鏈接、預(yù)覽为严、分享模型敛熬。它包括一些的工具可以讓你不考慮視覺(jué)設(shè)計(jì)(從網(wǎng)格和智能文本大小開(kāi)始)只純粹的關(guān)注線框的結(jié)構(gòu)。

總結(jié)

信息結(jié)構(gòu)(IA)是創(chuàng)造良好的用戶體驗(yàn)的一個(gè)重要部分第股。結(jié)構(gòu)和組織良好的內(nèi)容讓你的網(wǎng)站更容易使用应民、對(duì)于訪問(wèn)者更有用。沒(méi)有對(duì)IA原則夕吻、工具及其功能的掌握诲锹,你就像在黑暗中盲目地探索如何安排內(nèi)容。即使你再某些項(xiàng)目上只是做信息構(gòu)架師梭冠,對(duì)IA有一個(gè)好的掌握會(huì)使你成為更有效的設(shè)計(jì)師辕狰。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末改备,一起剝皮案震驚了整個(gè)濱河市控漠,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖盐捷,帶你破解...
    沈念sama閱讀 217,826評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件偶翅,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡碉渡,警方通過(guò)查閱死者的電腦和手機(jī)聚谁,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,968評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)滞诺,“玉大人形导,你說(shuō)我怎么就攤上這事∠芭” “怎么了朵耕?”我有些...
    開(kāi)封第一講書(shū)人閱讀 164,234評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)淋叶。 經(jīng)常有香客問(wèn)我阎曹,道長(zhǎng),這世上最難降的妖魔是什么煞檩? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,562評(píng)論 1 293
  • 正文 為了忘掉前任处嫌,我火速辦了婚禮,結(jié)果婚禮上斟湃,老公的妹妹穿的比我還像新娘熏迹。我一直安慰自己,他們只是感情好桐早,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,611評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布癣缅。 她就那樣靜靜地躺著,像睡著了一般哄酝。 火紅的嫁衣襯著肌膚如雪友存。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 51,482評(píng)論 1 302
  • 那天陶衅,我揣著相機(jī)與錄音屡立,去河邊找鬼。 笑死搀军,一個(gè)胖子當(dāng)著我的面吹牛膨俐,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播罩句,決...
    沈念sama閱讀 40,271評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼焚刺,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了门烂?” 一聲冷哼從身側(cè)響起乳愉,我...
    開(kāi)封第一講書(shū)人閱讀 39,166評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤兄淫,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后蔓姚,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體捕虽,經(jīng)...
    沈念sama閱讀 45,608評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,814評(píng)論 3 336
  • 正文 我和宋清朗相戀三年坡脐,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了泄私。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,926評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡备闲,死狀恐怖晌端,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情恬砂,我是刑警寧澤斩松,帶...
    沈念sama閱讀 35,644評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站觉既,受9級(jí)特大地震影響惧盹,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜瞪讼,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,249評(píng)論 3 329
  • 文/蒙蒙 一钧椰、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧符欠,春花似錦嫡霞、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,866評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至曾撤,卻和暖如春端姚,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背挤悉。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,991評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工渐裸, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人装悲。 一個(gè)月前我還...
    沈念sama閱讀 48,063評(píng)論 3 370
  • 正文 我出身青樓昏鹃,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親诀诊。 傳聞我的和親對(duì)象是個(gè)殘疾皇子洞渤,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,871評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容