本文主要為《WEB信息架構(gòu) :構(gòu)建大型網(wǎng)站》讀書筆記队丝。
書本內(nèi)容有點晦澀液样,但對系統(tǒng)性理解信息架構(gòu)很有幫助圣贸,我盡量找了一些流行的應(yīng)用作為案例,整個系列分為6篇:
1. 概述
描述信息架構(gòu)的定義芒涡,組成,要完成的目標(biāo)卖漫,背后的用戶需求及信息架構(gòu)的具體成果费尽。
2. 組織系統(tǒng)
信息架構(gòu)最重要的組成部分,我們平常提到信息架構(gòu)羊始,也大多是指組織系統(tǒng)依啰,這里介紹了信息架構(gòu)的常見模式與常用分類方法。
3. 標(biāo)簽系統(tǒng)
如果說組織就是分類店枣,標(biāo)簽就是給分類命名速警,這里介紹了一些命名的主要方法來源。
4. 導(dǎo)航系統(tǒng)
信息的組織方式基本決定了導(dǎo)航的方式鸯两,這里更多的是介紹了一些輔助導(dǎo)航方式闷旧。
5. 搜索系統(tǒng)
如何讓用戶搜索到信息,事情可能有比你想象的多钧唐。
6.元數(shù)據(jù)忙灼、受控詞表與敘詞表
這幾個一聽就是專有名詞,主要是為了改進搜索钝侠,是屬于界面以下看不見的背后工作该园。不是有大量內(nèi)容的站點可能用不上。
7. 信息架構(gòu)構(gòu)建流程與方法論
看完這個就會搭建信息架構(gòu)了嗎帅韧?并不能里初。這里只是有一些流程方法建議。
信息架構(gòu)設(shè)計主要包含這幾項工作:
- 設(shè)計結(jié)構(gòu)Structuring:決定網(wǎng)站中信息“單元”的粒度忽舟,并決定這些信息單元之間的關(guān)系
- 決定組織方式Organizing:把這些組件組合成有意義且各有特色的類別
- 制定標(biāo)簽Labeling:找出該如何稱呼這些類別的名稱双妨,以及一系列導(dǎo)航這些類別的鏈接
- 可尋性設(shè)計:設(shè)計尋找與導(dǎo)航路徑,確保用戶可以通過瀏覽叮阅、搜索刁品、提問等方式找到想要的東西。以用戶為中心是不夠的浩姥,組織及管理信息的人也很重要挑随,別忘了產(chǎn)品目標(biāo),教育用戶也是目標(biāo)之一勒叠。
信息架構(gòu)不是一件容易的事情:
- 組織內(nèi)容的方式不只一種兜挨,而且不確定哪種是最佳方案膏孟。
- 不同用戶需求不一樣。
- 不同用戶對于內(nèi)容組織的預(yù)期不一致暑劝。
- 用戶在某領(lǐng)域的知識不同骆莹。
有一套正規(guī)的流程來保障信息架構(gòu)的進行,如下圖:
1.研究
基于情境担猛、內(nèi)容和用戶三要素建立的研究框架幕垦。一般會用到以下的工具和方法:
背景研究
從查閱背景材料開始,充分的去挖掘以往的有用信息傅联。
特別是要注意目標(biāo)愿景和真實情況之間的差距先改。往往,愿景是遠(yuǎn)大的蒸走,現(xiàn)實的情況卻是錯綜復(fù)雜仇奶,殘缺不全的。初步演示報告
演示內(nèi)容包括:什么是信息架構(gòu)比驻,為什么很重要该溯,信息架構(gòu)和網(wǎng)站其他組件有什么關(guān)聯(lián)關(guān)系,和組織本身又有什么關(guān)聯(lián)别惦;主要的里程碑和要做哪些事情等狈茉。
通過演示報告,找出潛在的風(fēng)險掸掸,和團隊在思想上達成一致氯庆。研究會議
策略小組會議:設(shè)定高層次目標(biāo),定義任務(wù)扰付、愿景堤撵、觀眾、內(nèi)容和功能羽莺。
內(nèi)容管理會議:了解內(nèi)容的本質(zhì)和內(nèi)容管理流程实昨。包括得到一些問題的答案:未來要規(guī)劃哪些內(nèi)容和服務(wù),采用什么技術(shù)禽翼,什么格式屠橄,怎樣輸入系統(tǒng),內(nèi)容如何更新闰挡,如何淘汰,涉及法律的礁哄,版權(quán)的問題等等长酗。
信息技術(shù)會議:論信息架構(gòu)和技術(shù)基礎(chǔ)架構(gòu)之間的關(guān)系,建立信賴和相互尊重桐绒。比如下面的問題夺脾,如何利用內(nèi)容管理系統(tǒng)之拨,是否能支持元數(shù)據(jù)注冊機制實現(xiàn)分布式標(biāo)簽,CMS能否支持文件的自動分類咧叭,搜索引擎的靈活能力蚀乔,個性化,自動化的可瀏覽式索引菲茬,搜索引擎和敘詞表如何整合等吉挣。投資人面談
和有主見的領(lǐng)導(dǎo)及投資人面談是商業(yè)情景研究中最有價值的部分。目的是讓投資人告訴你他們心中在想什么婉弹。
比如下面的問題睬魂,現(xiàn)在企業(yè)面臨了哪些與信息相關(guān)的問題,準(zhǔn)備如何利用網(wǎng)絡(luò)建立企業(yè)的優(yōu)勢镀赌,建設(shè)成功的因素有哪些氯哮,對現(xiàn)有信息系統(tǒng)的使用狀況,如何考慮投資回報率等商佛。技術(shù)評估
通過和技術(shù)人員的溝通喉钢,通過差距分析(gap analysis)找出商業(yè)目標(biāo),用戶需求和現(xiàn)存技術(shù)基礎(chǔ)架構(gòu)之間的實際缺口良姆,并分析是否能通過現(xiàn)存的商業(yè)工具來幫助消除差距肠虽,并充分論證這些外部技術(shù)和工具是否可以整合到現(xiàn)有的框架中來。啟發(fā)式評估
采用專家評估方法來對現(xiàn)有的系統(tǒng)進行檢查歇盼,提出關(guān)鍵問題和解決方案舔痕。以從現(xiàn)有的系統(tǒng)中獲得可用的部分,而不是全部拋棄豹缀,推倒重頭開始伯复。
比如,專家對現(xiàn)有的網(wǎng)站系統(tǒng)提出:應(yīng)該采用索引和網(wǎng)站地圖彌補分類的不足邢笙;導(dǎo)航系統(tǒng)應(yīng)該讓用戶了解情景所在等啸如。內(nèi)容分析
自下而上的仔細(xì)分析信息架構(gòu)中現(xiàn)存的文件和對象。
收集內(nèi)容:找到具有代表性的內(nèi)容樣本氮惯,比如采用Noah’s Ark-諾亞方舟法叮雳,分別找出可用的對象,可借鑒的緯度是格式妇汗、文件類型帘不、來源、主題杨箭、現(xiàn)存架構(gòu)寞焙、用戶、語言、動態(tài)性等捣郊。
分析內(nèi)容:包括記錄結(jié)構(gòu)化元數(shù)據(jù)辽狈、描述性元數(shù)據(jù)、管理性元數(shù)據(jù)呛牲;并找到這些內(nèi)容對象之間的模式和關(guān)系刮萌。內(nèi)容映射
開發(fā)內(nèi)容映射圖(content map),其是對信息環(huán)境的可視化表達方法娘扩。比如下圖所示着茸,
標(biāo)桿法
競爭式標(biāo)桿法:從競爭方借鑒有用的信息架構(gòu)。
前后式標(biāo)桿法:在同一網(wǎng)站畜侦,觀察分析前后的改進锚烦,來回答投資回報率的問題快耿。使用量分析及搜索日志分析
使用Google的Analytics,查閱你每個頁面的點擊率,訪客信息等使用量分析厘肮。
通過去追蹤和分析搜索引擎所獲取的搜索內(nèi)容后室,研究用戶在搜索什么雨让,并幫助構(gòu)建受控詞表嚷堡,以提升搜索體驗。
也需要從售后义图,服務(wù)支撐部門獲得客戶的反饋和建議內(nèi)容减俏,并定期去傾聽服務(wù)人員的建議。用戶研究
要確定網(wǎng)站用戶的定義和優(yōu)先級碱工,這是用戶研究的重中之重娃承。
方法包括:調(diào)研問卷(Surveys)、情景式調(diào)查(Contextual Inquiry)怕篷、焦點小組(Focus Groups)等历筝。用戶會議
包括與用戶進行面談,通過提出問題廊谓,直接獲得用戶的解答梳猪;
也可以采用卡片分類方式,在一堆卡片上事先寫好一些關(guān)鍵的內(nèi)容索引蒸痹,由用戶看著卡片說出與卡片上的關(guān)鍵詞相關(guān)的內(nèi)容春弥,最后記錄下來所有的內(nèi)容即可。用戶測試
讓用戶坐在電腦前叠荠,打開系統(tǒng)匿沛,完成你安排的任務(wù),每種任務(wù)在幾分鐘的時間要求內(nèi)榛鼎,看用戶是否可以達到終點俺祠。
在其過程中公给,要記錄用戶看見的借帘,點擊的蜘渣,猶豫的,和疑問肺然。
2. 策略
定義信息架構(gòu)的基礎(chǔ)原則蔫缸。
信息架構(gòu)策略的內(nèi)容包括:信息架構(gòu)管理、技術(shù)整合际起、強調(diào)自上而下還是自下而上拾碌,組織系統(tǒng)和標(biāo)簽系統(tǒng)(自上而下),文件類型識別(自下而上)街望,元數(shù)據(jù)字段定義校翔,導(dǎo)航系統(tǒng)設(shè)計等。
好的設(shè)計師會在研究前就開始構(gòu)造網(wǎng)站的信息架構(gòu)和組織網(wǎng)站的可行策略灾前。在研究階段中防症,通過用戶面談,內(nèi)容分析和標(biāo)桿分析哎甲,利用數(shù)據(jù)來調(diào)整策略蔫敲。
開發(fā)策略
采用TACT方法:思考(think),表述(articulate)炭玫,溝通(communicate)奈嘿,測試(test)。
思考:把研究資料轉(zhuǎn)變?yōu)閯?chuàng)造性的觀念吞加;
表述:圖標(biāo)裙犹、藍(lán)圖、場景衔憨、隱喻叶圃、情節(jié)、框架圖巫财;
溝通:演示盗似、互動、頭腦風(fēng)暴平项;
測試:封閉式卡片分類赫舒、原型。工作成果
包括隱喻探索闽瓢、場景接癌、案例研究、概念圖扣讼、藍(lán)圖和框架圖等缺猛。
策略報告:包括執(zhí)行摘要、網(wǎng)站用戶&使命/愿景、從用戶面談和內(nèi)容分析所得(組織和內(nèi)容荔燎、導(dǎo)航耻姥、標(biāo)簽、特色等)有咨、架構(gòu)策略&方法(內(nèi)容模型琐簇、定制化/個性化策略、導(dǎo)航元素)座享、內(nèi)容管理等章節(jié)內(nèi)容婉商。
項目計劃:信息架構(gòu)設(shè)計的產(chǎn)生計劃。
- 演示
將你的策略報告和計劃做成一份高效清晰的演示文檔渣叛,與相關(guān)的干系人進行一次面對面的討論丈秩,為下一步的工作打好基礎(chǔ)。
3. 設(shè)計
- 架構(gòu)藍(lán)圖
高級架構(gòu)藍(lán)圖的目的是解構(gòu)組織體系淳衙,一般是從主頁開始蘑秽,包括頁面內(nèi)的組件,網(wǎng)頁編組滤祖,網(wǎng)頁間的關(guān)系等筷狼。
下圖即是一個高級架構(gòu)藍(lán)圖的例子:
在細(xì)化藍(lán)圖時,一般復(fù)雜的信息架構(gòu)藍(lán)圖都無法在一頁圖中表現(xiàn)出來匠童,因此會由多張信息圖構(gòu)成埂材,這樣最好引入唯一編號,為多個圖之間的頁面和組件標(biāo)記關(guān)系汤求。如下所示:
- 線框圖
線框圖包括:高保真線框俏险,和低保真線框。
低保真線框主要以頁面的導(dǎo)航扬绪、布局竖独、區(qū)域等設(shè)計為主。低保真線框并沒有太多的細(xì)節(jié)挤牛,無法從線框中看到任何信息內(nèi)容的元素莹痢。
高保真的線框的優(yōu)點更為明顯:
1、內(nèi)容和顏色的充實墓赴,讓網(wǎng)頁更有生命力竞膳;
2、模擬了實際的頁面大小诫硕,更靠近最終的展現(xiàn)樣式坦辟,容易獲得更直接的反饋意見。
在做線框時可以參考一些準(zhǔn)則:
1章办、一致性锉走,體現(xiàn)線框的專業(yè)度滨彻;
2、組件化挪蹭,將重復(fù)出現(xiàn)在多個頁面的內(nèi)容組件化亭饵;
3、留白嚣潜,在線框的四周和頂端留下空白處冬骚;
4、線框圖的可用性懂算,能引導(dǎo)開發(fā);
5庇麦、多人共享開發(fā)時计技,確保文件能整合起來。
-
內(nèi)容映射
把內(nèi)容拆開或結(jié)合成內(nèi)容塊山橄,一個內(nèi)容塊一般是頁面上處理的最小內(nèi)容部分垮媒。建立內(nèi)容映射表后,把每一塊內(nèi)容和在網(wǎng)站上的頁面區(qū)域做逐一映射航棱。
下圖是某網(wǎng)站內(nèi)容映射表的示例:
-
內(nèi)容模型
在建立了內(nèi)容清單的基礎(chǔ)上睡雇,可以著手建立內(nèi)容模型。良好的內(nèi)容模型饮醇,能夠展現(xiàn)內(nèi)容之間的關(guān)系它抱、以及導(dǎo)航關(guān)系。
在內(nèi)容模型建立好后朴艰,可以采用下面的表格來描述內(nèi)容間的關(guān)系观蓄,以及涉及到元數(shù)據(jù)內(nèi)容:
4. 實踐
A1-工具
和信息架構(gòu)相關(guān)的工具有:
自動分類軟件,自動為文件配置元數(shù)據(jù)祠墅,根據(jù)分類規(guī)則侮穿,自動將文件分到某些類別下。比如毁嗦,Interwoven’s Metatagger, Autonomy IDOL Server, Vivisimo’s Clustering Engine亲茅。
搜索引擎,提供全文索引和搜索能力的軟件狗准。例如克锣,Sorl,Lucene, Google驶俊,Endeca,Autonomy娶耍。
詞表管理工具,受控詞表和敘詞表的開發(fā)和管理工具饼酿。例如榕酒,MultiTes胚膊,Thesaurus Master, Term Tree。
門戶或企業(yè)知識平臺想鹰,企業(yè)門戶整合的方案紊婉。例如,MS的Sharepoint辑舷,IBM的WebshperePortal喻犁,Oracle的Portal等。
內(nèi)容管理軟件何缓,管理從內(nèi)容協(xié)作肢础、編輯、發(fā)布的工作流程碌廓。例如传轰,MS的CMS,Drupal谷婆,WordPress等慨蛙。
網(wǎng)站分析和跟蹤軟件,分析網(wǎng)站的使用量纪挎,統(tǒng)計性能期贫,為用戶行為分析和特性提供數(shù)據(jù)信息。例如异袄,Google Analytics通砍,WebTrends
繪圖軟件,用來繪制圖標(biāo)隙轻,框圖及藍(lán)圖的工具埠帕。例如,Visio玖绿,Mockups敛瓷,OmniGraffle(限于Apple平臺)等。
原型工具斑匪,開發(fā)原型的工具呐籽,可以用來建立交互式框架和可進行點擊的原型。例如蚀瘸,Dreamweaver狡蝶,Axure等。
用戶研究贮勃,支持用戶研究的軟件贪惹。例如,MindCanvas寂嘉,Marae奏瞬,Mcromedia Captivate枫绅,Ethnio,xSort硼端。
A2-計算投資回報率(ROI)
1并淋、估算當(dāng)前缺陷導(dǎo)致的損失時間,比如因為員工每次因為找尋文檔而多花費10秒珍昨;
2县耽、計算一年內(nèi)每位員工損失的時間,比如镣典,200工作日3次/日10秒/次=6000秒/年兔毙;
3、計算總耗費成本骆撇,比如瞒御,1000員工(用類似情況的員工)80(員工每小時成本,包括福利)RMB/小時1.67小時/年=133,600RMB/年神郊。
4、計算ROI趾唱,比如涌乳,為此一項改進投資50,000RMB,則有173%的投資回報率甜癞,這已經(jīng)相當(dāng)高了夕晓。
最好的例子是,IBM曾經(jīng)花了幾百萬美元悠咱,用了10個星期100名員工以上改善IBM.COM的信息架構(gòu)蒸辆,結(jié)果在銷售上增加了400%。
信息架構(gòu)是個復(fù)雜析既、龐大的領(lǐng)域躬贡,在進行信息架構(gòu)的設(shè)計時,從事信息架構(gòu)的人員應(yīng)該明白信息架構(gòu)不光是界面上的能看到的內(nèi)容眼坏,還有很多內(nèi)容隱藏在冰面之下拂玻,如同下圖。
一般的中小型應(yīng)用或網(wǎng)站沒有這么復(fù)雜宰译,但也基本遵循這套流程:
- 研究: 情境檐蚜、內(nèi)容、用戶分析沿侈,我們常用的方法用戶訪談闯第,用戶畫像,競品分析缀拭,其實就是我們常說的需求分析
- 策略:研究成果轉(zhuǎn)化為執(zhí)行概要咳短,遵循什么原則填帽,什么優(yōu)先滿足
- 設(shè)計:組織、標(biāo)簽诲泌、導(dǎo)航盲赊、搜索系統(tǒng)的具體設(shè)計
- 實施:信息架構(gòu)實踐,調(diào)整迭代