關(guān)于信息構(gòu)架的終極指導(dǎo)
信息構(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)站走在一條瀏覽和使用起來簡(jiǎn)單輕松的路上。
什么是信息構(gòu)架?
信息構(gòu)架包含一些相關(guān)概念。其中,第一且最重要的,它是分享的信息的結(jié)構(gòu)。它是內(nèi)容在網(wǎng)站、內(nèi)網(wǎng)、在線社區(qū)或者其他數(shù)字空間組織和展示的方式。
進(jìn)一步來說,它是組織和展示這些數(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)也可以通過這樣迎合很大一部分客戶。減少選擇性和定制化可能就是最完美的解決方法。這樣,一個(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ì)的,通過把現(xiàn)有的方案進(jìn)行改進(jìn),有時(shí)候是顯著的改善來適應(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)可能接近用戶所需,但是它還是需要一些很多顯著的改變來適應(yīng)實(shí)際的項(xiàng)目需要。可能需要增加一個(gè)用戶模塊來實(shí)現(xiàn)應(yīng)有的功能,或者可能它太復(fù)雜了需要被簡(jiǎn)化??赡苤苯幽軌蚩闯鲂畔⒔Y(jié)構(gòu)所需要的改變,也可能需要建立一個(gè)計(jì)劃來進(jìn)行信息結(jié)構(gòu)的優(yōu)化。
行業(yè)的另一端是完全的傳統(tǒng)設(shè)計(jì)。結(jié)構(gòu)完全是從零開始設(shè)計(jì)。結(jié)構(gòu)設(shè)計(jì)師會(huì)坐下來和未來的住戶討論他們的需求,然后咨詢工程師和建造者他們討論的需求是否能實(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)需要一開始就建立起來,這樣從一開始就能使用正確的工具了,而不是之后去強(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ù)的問題時(shí),他們需要充當(dāng)一個(gè)聯(lián)絡(luò)溝通的角色。
IA還管理著研究項(xiàng)目信息如何組織擺放來最好地適合最終用戶的需要。這是一個(gè)極其重要的角色,因?yàn)槭〉膬?nèi)容組織會(huì)摧毀用戶體驗(yàn)并使用戶感到很失望。他們的工作和掌管項(xiàng)目用戶體驗(yàn)的人很接近。
最后,很多IA會(huì)做的是建立線框模型和站點(diǎn)地圖來指導(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í)踐了超過20年,并提出了8條IA原則;這些原則是學(xué)習(xí)為一個(gè)項(xiàng)目建立堅(jiān)實(shí)的信息結(jié)構(gòu)的要素的好的開始。
“信息架構(gòu)的八條原則”為IA工作列出了一個(gè)理論框架,并得出以下總結(jié):
- IA首要關(guān)注信息結(jié)構(gòu),設(shè)計(jì)實(shí)際的用戶界面排在第二。
- IA理解人們實(shí)際怎樣操作內(nèi)容,以及該如何架構(gòu)來支持這些功能(符合人們的操作習(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)目的開始,你先應(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)可能還有額外的頁面,例如關(guān)于本站,F(xiàn)AQ,用戶服務(wù)頁等。把所有這些內(nèi)容種類列出來,并列出相互它們之間的關(guān)系是設(shè)計(jì)一個(gè)交互好的站點(diǎn)的第一步。
選擇的原則
選擇的原則意味著你需要為你的使用者提供有意義的選項(xiàng)。然而,你需要確保這些選項(xiàng)針對(duì)某個(gè)具體的事物。太多的選擇會(huì)吞沒使用者并且對(duì)他們的使用體驗(yàn)產(chǎn)生負(fù)面影響。
信息應(yīng)該分級(jí)放置,避免列出長(zhǎng)長(zhǎng)的選項(xiàng),這樣分類起來很困難。如果你有太多的選項(xiàng),把內(nèi)容分類、再分子類是一個(gè)有效的方法。
表達(dá)的原則
給你的使用者他們需要的信息是很重要的。但是要確保你能辨別出真正必須的信息是什么,不要憑你的感覺給用戶信息。讓他們知道他們繼續(xù)探索你的網(wǎng)站會(huì)得到什么,給他們不多也不少的信息。(這叫做逐步展示)
通過限制他們?nèi)魏我淮文軌蚩吹降男畔⒘浚隳茏屇愕挠脩舾玫亍拔铡彼麄兯吹降?。一個(gè)文章分到10頁讓用戶看比在一頁上展示更容易讓用戶吸收。你通過使用工具通過某種方式來引導(dǎo)用戶瀏覽你的內(nèi)容,讓用戶感到網(wǎng)站友好易使用。
這個(gè)原則的主要宗旨就是不要把所有信息塞進(jìn)一個(gè)頁面而讓你的用戶超負(fù)荷。通過某種讓他們感到易于理解和記憶的方式,逐步引導(dǎo)他們?yōu)g覽信息。
舉例的原則
通過舉例的方法描述某一類的信息內(nèi)容會(huì)讓用戶更容易明白他們?cè)诳吹氖鞘裁?。這很大程度上提升了用戶體驗(yàn)。
例如,當(dāng)瀏覽亞馬遜分類信息時(shí),通常會(huì)展示某類別中的一些商品。這讓人立刻能找到想要的類別,尤其是當(dāng)你不知道某類商品的名稱時(shí)。
這個(gè)原則在一些情景下使用起來有點(diǎn)困難,這取決于你提供內(nèi)容的種類。但是考慮如何把舉例融入你的分類標(biāo)簽和菜單中,如果做的好,它的確會(huì)大大提升用戶滿意度。
網(wǎng)站門戶(主頁)的原則
網(wǎng)站的大部分訪問者是通過其他站點(diǎn)到達(dá)你的站點(diǎn)的,而不是直接到達(dá)你的主頁。這意味著,用戶加載的每個(gè)界面需要包含一些基本信息來讓他們明白這個(gè)站點(diǎn)是干什么的。這也意味著每個(gè)頁面需要包含至少頂部導(dǎo)航,以及相關(guān)頁面的導(dǎo)航。
用戶主要通過兩種方式訪問到你網(wǎng)站的內(nèi)部頁面:搜索引擎的搜索結(jié)果和社會(huì)傳媒的鏈接。這兩種情況下,用戶除了知道他們要找的信息在這個(gè)網(wǎng)頁上,其他對(duì)你的網(wǎng)站和內(nèi)部組織了解不多。
如果他們不能很快找到需要的信息。他們不會(huì)停留太久。
所以,你不需要把你的信息都塞到主頁上,因?yàn)榫W(wǎng)站訪客有半數(shù)不會(huì)直接打開主頁,甚至根本不會(huì)看到主頁。
多重分類的原則
多重分類的意思是用戶瀏覽網(wǎng)站的內(nèi)容有不同的方式。不同的人可能有不同搜索信息的方法。
例如,一些用戶可能直接使用搜索功能,另一些可能想瀏覽網(wǎng)頁查找。除此之外,有些用戶可能想通過一種分類方式瀏覽,另一些人就想通過另一種分類方式瀏覽。
所以,給用戶多種選擇會(huì)讓用戶更滿意。
導(dǎo)航集中的原則
導(dǎo)航菜單的定義不應(yīng)該通過它們出現(xiàn)的位置,而應(yīng)該通過它們包含的內(nèi)容。菜單決定了用戶查找網(wǎng)站信息的主要方式。很多情況下,網(wǎng)站不止包含一個(gè)導(dǎo)航菜單,從而提供了瀏覽網(wǎng)站內(nèi)容的不同方式。
你的網(wǎng)站可能有:有頂部導(dǎo)航欄(通常是網(wǎng)站的主導(dǎo)航);在內(nèi)部頁面的菜單顯示了當(dāng)前頁面的分類方式以及相關(guān)頁面;提供打折或者購(gòu)物網(wǎng)站鏈接的菜單;季節(jié)性時(shí)下的菜單,提供特定時(shí)間相關(guān)的內(nèi)容。
不論哪種情況,保持每個(gè)導(dǎo)航菜單集中、有所側(cè)重,讓它們使用起來更容易。
增長(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)容的情況下也不變的笨拙繁瑣。
坐下來,考慮哪些內(nèi)容以后可以添加進(jìn)來,包括完全不同類型的內(nèi)容,而不僅是現(xiàn)在網(wǎng)站上內(nèi)容的延伸。想想增加的的內(nèi)容將與當(dāng)前內(nèi)容的交互,他們是如何相關(guān)的,以及他們?nèi)绾纬晒Φ娜诤显谝黄?,而不需要重新設(shè)計(jì)網(wǎng)站的整個(gè)內(nèi)容結(jié)構(gòu)。
這些原則都是創(chuàng)建有效的信息結(jié)構(gòu)的關(guān)鍵。雖然不是每個(gè)原則對(duì)每個(gè)項(xiàng)目重要性相同,在項(xiàng)目的開始之前和項(xiàng)目的每個(gè)階段,考慮和評(píng)估這其中的每一項(xiàng),將得到更好的全局的信息結(jié)構(gòu)策略。更好的信息架構(gòu)等于更滿意的用戶。
發(fā)現(xiàn)從哪里開始
當(dāng)開始任何新的項(xiàng)目,內(nèi)容的結(jié)構(gòu)和組織是決定剩下的內(nèi)容的一個(gè)關(guān)鍵因素。
首先要考慮的是項(xiàng)目的目的和任務(wù)。例如,一個(gè)電子商務(wù)網(wǎng)站的目的是讓游客購(gòu)買。在任何新項(xiàng)目的開始的時(shí)候,找出項(xiàng)目現(xiàn)在以及將來可能的的目的和任務(wù)。
與之密切相關(guān)的是處理用戶的目標(biāo)。你應(yīng)該知道,當(dāng)今用戶的目標(biāo)可能會(huì)隨著時(shí)間的改變和成長(zhǎng)。試圖達(dá)到用戶在未來六個(gè)月或者兩年看到的項(xiàng)目,不僅是他們現(xiàn)在需要達(dá)到什么。
最后,你需要對(duì)項(xiàng)目的最終用戶有一個(gè)好的感覺。懂技術(shù)的用戶對(duì)網(wǎng)站的內(nèi)容已經(jīng)有一些了解,他們和那些剛開始使用、對(duì)技術(shù)不理解的的用戶有著完全不同的需求。如果你不知道什么樣的用戶將使用這些內(nèi)容,你不能合理地組織內(nèi)容的結(jié)果以滿足他們的需求。
一旦你掌握這些,你可以開始更具體地策劃你網(wǎng)站的內(nèi)容。
用戶是如何找打內(nèi)容的
這種瀏覽方式,用戶在網(wǎng)站上尋找信息有四種主要方式。這幾種方式可能會(huì)有一些重疊,但這種方式分類給你一個(gè)很好的起點(diǎn)迎合他們的不同的需求。(前兩個(gè)是建立信息架構(gòu)實(shí)踐的一部分,后者兩人創(chuàng)造的唐娜·斯賓塞)。
已知的條目
用戶清楚的知道他們?cè)谡沂裁?,他們知道如何描述他們要找的東西,他們甚至知道從哪里開始找。這是IA所希望的。
這些用戶不需要手把手指導(dǎo),他們會(huì)找網(wǎng)站的搜索功能或者直接看目錄。只要你的信息組織合理,邏輯清晰,并且你的搜索功能返回的搜索結(jié)果包含所有有關(guān)信息,這樣用戶瀏覽網(wǎng)站、尋找他們所需要的信息時(shí)就會(huì)很少遇到問題。
探索
探索性訪問者有一個(gè)他們大概想知道的內(nèi)容,但是對(duì)這些信息怎樣找到和從哪里開始不太清楚。他們會(huì)打開你的目錄菜單看有沒有和他們要找的信息相關(guān)的,有時(shí)他們會(huì)嘗試搜索功能。
自動(dòng)推薦的條目對(duì)這些用戶很適合,他們可能知道一兩個(gè)關(guān)鍵詞,搜索到結(jié)果列出相關(guān)的條目對(duì)他們很有幫助,也給這類用戶更好的體驗(yàn)。
不確定
這類用戶不知道他們真正想要什么。他們只有一個(gè)模糊的想法,或者他們可能認(rèn)為自己知道自己想要的信息,但是如果不提供一些幫助他們不會(huì)有效地找到自己需要的信息。這種情況在比較復(fù)雜的領(lǐng)域比如法律或者金融很常見。
在很多教育行業(yè)也會(huì)出現(xiàn);用戶可能在尋找一個(gè)解決方案,但是他們沒有真正理解問題。
這種情況在也回很明顯地出現(xiàn)在以下情況:由別人推薦的用戶;只是為了了解實(shí)事、跟上話題。
不論哪種情況,你需要引導(dǎo)用戶瀏覽內(nèi)容,幫助他們搞清楚他們到底需要瀏覽什么信息以及怎樣找到這些內(nèi)容。實(shí)現(xiàn)這些需要根據(jù)具體情況具體分析。
例如,引導(dǎo)用戶瀏覽新聞網(wǎng)站和瀏覽金融咨詢的網(wǎng)站是完全不同的。唯一相同的是用戶需要更多的引導(dǎo)。
再尋找
這些用戶尋找他們看過的內(nèi)容,但是他們可能可以再找到那些內(nèi)容,也可能找不到。有兩種方法處理這種情況。
第一種是存儲(chǔ)用戶瀏覽過的信息(例如每個(gè)商業(yè)網(wǎng)站的“最近瀏覽”的部分)。這種方式不需要用戶的操作,但是可能有一定局限性。例如,你可能為用戶存儲(chǔ)最近瀏覽的五個(gè)頁面,但是如果用戶需要看他之前瀏覽的倒數(shù)第十個(gè)頁面呢?活著第五十個(gè)?這樣的話他們就需要自己動(dòng)手查找了。
另一種是提供讓用戶存儲(chǔ)內(nèi)容的工具,這樣他們很容易再找到需要的瀏覽過的內(nèi)容了。這個(gè)類似“save for later”(收藏)的功能,一個(gè)wishlist,一個(gè)最愛或者其他類似的。這些主動(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),這些模式可以組合,也可以單處使用。
單頁
一個(gè)單頁的模版把所有信息和內(nèi)容只放在一個(gè)頁面上。對(duì)于一個(gè)內(nèi)容有限、目的明確的網(wǎng)站這種方法很奏效。單頁一般被分為幾個(gè)區(qū)域,通常導(dǎo)航可以連接到每個(gè)主題。
單頁在個(gè)人網(wǎng)站、展示單獨(dú)的商品的網(wǎng)站或者其他類似的網(wǎng)站很常見。在大型網(wǎng)站的子頁面也會(huì)看到。
扁平
扁平的結(jié)構(gòu)在少于十幾個(gè)頁面的小網(wǎng)站經(jīng)常見到。在扁平網(wǎng)站上,所有的頁面可以互相切換,例如只有一個(gè)水平的導(dǎo)航。這種網(wǎng)站是最常見的投資組合和機(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í),要先確定未來你網(wǎng)站的內(nèi)容不會(huì)增長(zhǎng)達(dá)到使到這種扁平結(jié)構(gòu)變的笨重的那個(gè)點(diǎn)。
索引
盡管在網(wǎng)站的中心位置通常有一個(gè)網(wǎng)站所有頁面的列表,索引網(wǎng)站類似于扁平化的網(wǎng)站。這樣有大量的頁面的網(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中最常見,雖然有時(shí)也出現(xiàn)在教育網(wǎng)站。雛菊結(jié)構(gòu)意味著用戶在完成特定的任務(wù)后返回一個(gè)中心點(diǎn)(像一個(gè)主頁或著陸頁)。
例如,在一個(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è)頁面只有通過它的上一級(jí)頁面才能到達(dá)。這種結(jié)構(gòu)對(duì)于希望引導(dǎo)用戶以特定方式瀏覽網(wǎng)頁、不允許用戶跳過的網(wǎng)站很適合。
因此,這種結(jié)構(gòu)的網(wǎng)站很適合那種一節(jié)課建立在上一節(jié)課的基礎(chǔ)上的教育網(wǎng)站。通過只允許用戶通過父頁面達(dá)到子頁面的方式,防止用戶跳過他們還沒弄懂的信息。
多維層級(jí)
和嚴(yán)格分層緊密相關(guān)的是多維層級(jí),這種結(jié)構(gòu)允許用戶通過多種方式到達(dá)一個(gè)頁面。這也是常見的模式之一,一部分是因?yàn)檫@種方式容易實(shí)現(xiàn)。
多維層次結(jié)構(gòu)也可能是最難實(shí)現(xiàn)的。因?yàn)楸M管你想讓用戶以多種方式訪問內(nèi)容,需要的時(shí)候,你仍想引導(dǎo)他們沿著邏輯路徑進(jìn)行瀏覽。選擇何時(shí)何地提供更多方式瀏覽內(nèi)容也是一門藝術(shù)與科學(xué)。
多維層次結(jié)構(gòu)的最簡(jiǎn)單的包括從他們的父頁面訪問的頁面,以及從中央導(dǎo)航菜單(通常包括子菜單)。
最復(fù)雜的是,你有一個(gè)類似維基百科的網(wǎng)站,頁面根據(jù)上下文相互連接,一個(gè)頁面在另一個(gè)頁面中被提到。這就織成了一個(gè)相關(guān)內(nèi)容的錯(cuò)綜復(fù)雜的網(wǎng),而且永遠(yuǎn)沒有盡頭。
在建網(wǎng)站時(shí),這些方法可以改造或者結(jié)合使用以適應(yīng)實(shí)際項(xiàng)目的需要,或者項(xiàng)目的某一部分。例如,如果你有一個(gè)教育類網(wǎng)站,你網(wǎng)站大部分可能使用的是嚴(yán)格類型的結(jié)構(gòu),但是在某個(gè)單獨(dú)的頁面可能使用雛菊結(jié)構(gòu)來教授某門特定的課。
組織和標(biāo)簽的規(guī)則
在這里并沒有規(guī)定你網(wǎng)站上特定的頁面必須命名為某個(gè)名字,但與此同時(shí),遵循一定的約定和規(guī)則可以使網(wǎng)站更容易導(dǎo)航以及按內(nèi)容的組織方式引導(dǎo)用戶。
例如:當(dāng)一個(gè)用戶正在尋找聯(lián)系信息,他們會(huì)首先尋找寫著“與我們聯(lián)系”、“聯(lián)系”或類似詞匯的一個(gè)頁面、鏈接或一個(gè)區(qū)域;他們也會(huì)看到“聯(lián)系”或“電子郵件”的鏈接。但稱之為“reach out”、“feedback”,或另一個(gè)不常用術(shù)語會(huì)讓用戶必須花費(fèi)額外的努力來找到他們尋找的東西。這可能會(huì)導(dǎo)致他們沮喪地去其他地方(可能是你的競(jìng)爭(zhēng)對(duì)手)。
同樣,如果你命名為“關(guān)于我們”、“團(tuán)隊(duì)”或類似的名稱,這種“關(guān)于我們”的頁面將是最容易被發(fā)現(xiàn)的。
如果你決定偏離標(biāo)準(zhǔn)的約定俗成的標(biāo)簽規(guī)則,確保你有一個(gè)很好的理由,并且你的標(biāo)簽在其上下文和網(wǎng)站的內(nèi)容中都說得通。
當(dāng)你組織特定內(nèi)容時(shí)也需要遵循既定的約定。例如,“幫助”部分可能包括知識(shí)庫、聯(lián)系方式,一個(gè)論壇,和/或用戶指南。如果你的用戶指南是坐落在一個(gè)完全不同的部分(甚至自己獨(dú)立的部分),你可能會(huì)使你的用戶感到迷惑。
看看其他網(wǎng)站是如何安排他們的網(wǎng)站,并遵循類似的模式,除非你有與眾不同的理由。
大型網(wǎng)站vs小型網(wǎng)站
盡管無論網(wǎng)站的大小良好的組織結(jié)構(gòu)都很重要,但網(wǎng)站上的內(nèi)容越多,結(jié)構(gòu)組織變得越關(guān)鍵。
想象一下,如果維基百科沒有在每一篇文章的鏈,如果你必須對(duì)每個(gè)新的、相關(guān)的話題進(jìn)行單獨(dú)的搜索,這將是極不容易使用的,特別是考慮到通過一個(gè)點(diǎn)擊就能訪問的附加信息的巨大數(shù)量。
相比之下,一個(gè)只有三四個(gè)頁面的網(wǎng)站可以減少組織內(nèi)容的壓力,也不需要強(qiáng)大的導(dǎo)航,因?yàn)閮?nèi)容有限。
所以,不論網(wǎng)站大小,通過考慮選擇一個(gè)最好的內(nèi)容組織方式都是很重要的。而且隨著項(xiàng)目的規(guī)模和范圍的增大,它變得愈加重要。
UX vs IA
許多設(shè)計(jì)師和開發(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é)開發(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)難、問題和不滿擋你的路。
想想誰會(huì)和CMS打交道、他們的交互的技術(shù)專長(zhǎng)和經(jīng)驗(yàn)如何;什么樣的數(shù)據(jù)在被管理,它的是否很關(guān)鍵?內(nèi)容是如何從概念到被驗(yàn)收?誰在使用這些內(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è)人都可以看到你正在記錄什么(理想情況下)。
卡片分類是另一種很常見的工具??ㄆ诸愂且粋€(gè)相當(dāng)簡(jiǎn)單的技術(shù)來收集來自潛在用戶的想法(或從你的團(tuán)隊(duì)成員)。將放在你網(wǎng)站的不同的主題被放在在索引或類似的卡片中;參與者根據(jù)他們認(rèn)為合理的方式把這些卡片分類。這是一個(gè)很好的方法來發(fā)現(xiàn)用戶認(rèn)為該怎樣組織內(nèi)容,特別是在更復(fù)雜的網(wǎng)站上。
其他模擬工具包括簡(jiǎn)單的網(wǎng)格紙畫出方格紙線框、網(wǎng)站地圖、流程圖等。
數(shù)字工具
盡管模擬工具更常用,也有一些IA可以使用的數(shù)字工具。這些數(shù)字工具越來越受歡迎,因?yàn)樵絹碓蕉嗟膱F(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ù)字共享。下是一些幫助你開始工具。
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ì)議中,無需離開應(yīng)用程序就能進(jìn)行分享。
構(gòu)思工具就像一個(gè)加強(qiáng)的白板工具,并讓你的筆記結(jié)構(gòu)更合理。他們是一個(gè)很棒的方式來組織你的想法并分類信息。盡管思維導(dǎo)圖用紙和筆就能完成(或彩色馬克筆和紙),但數(shù)字工具使它們更容易編輯和分享。
Coggle
是一個(gè)免費(fèi)的在思維導(dǎo)圖工具,它很容易創(chuàng)建彩色思維地圖并與同事分享。用它來記筆記,頭腦風(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)的下載下來的線框圖工具,為移動(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下載,讓你在沒有專門軟件的情況下輕松分享你的線框圖。
Mockingbird
是一個(gè)在線的線框圖和原型的創(chuàng)造者,你可以用它創(chuàng)建鏈接、預(yù)覽、分享模型。它包括一些的工具可以讓你不考慮視覺設(shè)計(jì)(從網(wǎng)格和智能文本大小開始)只純粹的關(guān)注線框的結(jié)構(gòu)。
總結(jié)
信息結(jié)構(gòu)(IA)是創(chuàng)造良好的用戶體驗(yàn)的一個(gè)重要部分。結(jié)構(gòu)和組織良好的內(nèi)容讓你的網(wǎng)站更容易使用、對(duì)于訪問者更有用。沒有對(duì)IA原則、工具及其功能的掌握,你就像在黑暗中盲目地探索如何安排內(nèi)容。即使你再某些項(xiàng)目上只是做信息構(gòu)架師,對(duì)IA有一個(gè)好的掌握會(huì)使你成為更有效的設(shè)計(jì)師。
本文由人人都是產(chǎn)品經(jīng)理專欄作家 @李炳琰 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理?。未經(jīng)許可,禁止轉(zhuǎn)載。
怎么感覺是產(chǎn)品經(jīng)理做的事情呢,現(xiàn)在國(guó)內(nèi)還分不了這么細(xì)吧,很簡(jiǎn)單:市場(chǎng)人員獲取基本需求、美工根據(jù)需求設(shè)計(jì)頁面和制作頁面,程序開始開發(fā),測(cè)試人員測(cè)試完成交付。
按照現(xiàn)在的:產(chǎn)品經(jīng)理、項(xiàng)目經(jīng)理、IA師、設(shè)計(jì)師(UI設(shè)計(jì)師、交互設(shè)計(jì)師)、前端工程師、開發(fā)工程師(數(shù)據(jù)庫設(shè)計(jì)師)、測(cè)試工程師等,有沒有更專業(yè)的補(bǔ)充一下。