本文主要為《WEB信息架構 :構建大型網站》讀書筆記。
書本內容有點晦澀,但對系統性理解信息架構很有幫助,我盡量找了一些流行的應用作為案例,整個系列分為6篇:
1. 概述
描述信息架構的定義,組成,要完成的目標,背后的用戶需求及信息架構的具體成果。
2. 組織系統
信息架構最重要的組成部分,我們平常提到信息架構,也大多是指組織系統,這里介紹了信息架構的常見模式與常用分類方法。
3. 標簽系統
如果說組織就是分類,標簽就是給分類命名,這里介紹了一些命名的主要方法來源。
4. 導航系統
信息的組織方式基本決定了導航的方式,這里更多的是介紹了一些輔助導航方式。
5. 搜索系統
如何讓用戶搜索到信息,事情可能有比你想象的多。
6.元數據、受控詞表與敘詞表
這幾個一聽就是專有名詞,主要是為了改進搜索,是屬于界面以下看不見的背后工作。不是有大量內容的站點可能用不上。
7. 信息架構構建流程與方法論
看完這個就會搭建信息架構了嗎?并不能。這里只是有一些流程方法建議。
信息架構設計主要包含這幾項工作:
- 設計結構Structuring:決定網站中信息“單元”的粒度,并決定這些信息單元之間的關系
- 決定組織方式Organizing:把這些組件組合成有意義且各有特色的類別
- 制定標簽Labeling:找出該如何稱呼這些類別的名稱,以及一系列導航這些類別的鏈接
- 可尋性設計:設計尋找與導航路徑,確保用戶可以通過瀏覽、搜索、提問等方式找到想要的東西。以用戶為中心是不夠的,組織及管理信息的人也很重要,別忘了產品目標,教育用戶也是目標之一。
信息架構不是一件容易的事情:
- 組織內容的方式不只一種,而且不確定哪種是最佳方案。
- 不同用戶需求不一樣。
- 不同用戶對于內容組織的預期不一致。
- 用戶在某領域的知識不同。
有一套正規的流程來保障信息架構的進行,如下圖:
1.研究
基于情境、內容和用戶三要素建立的研究框架。一般會用到以下的工具和方法:
背景研究
從查閱背景材料開始,充分的去挖掘以往的有用信息。
特別是要注意目標愿景和真實情況之間的差距。往往,愿景是遠大的,現實的情況卻是錯綜復雜,殘缺不全的。初步演示報告
演示內容包括:什么是信息架構,為什么很重要,信息架構和網站其他組件有什么關聯關系,和組織本身又有什么關聯;主要的里程碑和要做哪些事情等。
通過演示報告,找出潛在的風險,和團隊在思想上達成一致。研究會議
策略小組會議:設定高層次目標,定義任務、愿景、觀眾、內容和功能。
內容管理會議:了解內容的本質和內容管理流程。包括得到一些問題的答案:未來要規劃哪些內容和服務,采用什么技術,什么格式,怎樣輸入系統,內容如何更新,如何淘汰,涉及法律的,版權的問題等等。
信息技術會議:論信息架構和技術基礎架構之間的關系,建立信賴和相互尊重。比如下面的問題,如何利用內容管理系統,是否能支持元數據注冊機制實現分布式標簽,CMS能否支持文件的自動分類,搜索引擎的靈活能力,個性化,自動化的可瀏覽式索引,搜索引擎和敘詞表如何整合等。投資人面談
和有主見的領導及投資人面談是商業情景研究中最有價值的部分。目的是讓投資人告訴你他們心中在想什么。
比如下面的問題,現在企業面臨了哪些與信息相關的問題,準備如何利用網絡建立企業的優勢,建設成功的因素有哪些,對現有信息系統的使用狀況,如何考慮投資回報率等。技術評估
通過和技術人員的溝通,通過差距分析(gap analysis)找出商業目標,用戶需求和現存技術基礎架構之間的實際缺口,并分析是否能通過現存的商業工具來幫助消除差距,并充分論證這些外部技術和工具是否可以整合到現有的框架中來。啟發式評估
采用專家評估方法來對現有的系統進行檢查,提出關鍵問題和解決方案。以從現有的系統中獲得可用的部分,而不是全部拋棄,推倒重頭開始。
比如,專家對現有的網站系統提出:應該采用索引和網站地圖彌補分類的不足;導航系統應該讓用戶了解情景所在等。內容分析
自下而上的仔細分析信息架構中現存的文件和對象。
收集內容:找到具有代表性的內容樣本,比如采用Noah’s Ark-諾亞方舟法,分別找出可用的對象,可借鑒的緯度是格式、文件類型、來源、主題、現存架構、用戶、語言、動態性等。
分析內容:包括記錄結構化元數據、描述性元數據、管理性元數據;并找到這些內容對象之間的模式和關系。內容映射
開發內容映射圖(content map),其是對信息環境的可視化表達方法。比如下圖所示,
標桿法
競爭式標桿法:從競爭方借鑒有用的信息架構。
前后式標桿法:在同一網站,觀察分析前后的改進,來回答投資回報率的問題。使用量分析及搜索日志分析
使用Google的Analytics,查閱你每個頁面的點擊率,訪客信息等使用量分析。
通過去追蹤和分析搜索引擎所獲取的搜索內容,研究用戶在搜索什么,并幫助構建受控詞表,以提升搜索體驗。
也需要從售后,服務支撐部門獲得客戶的反饋和建議內容,并定期去傾聽服務人員的建議。用戶研究
要確定網站用戶的定義和優先級,這是用戶研究的重中之重。
方法包括:調研問卷(Surveys)、情景式調查(Contextual Inquiry)、焦點小組(Focus Groups)等。用戶會議
包括與用戶進行面談,通過提出問題,直接獲得用戶的解答;
也可以采用卡片分類方式,在一堆卡片上事先寫好一些關鍵的內容索引,由用戶看著卡片說出與卡片上的關鍵詞相關的內容,最后記錄下來所有的內容即可。用戶測試
讓用戶坐在電腦前,打開系統,完成你安排的任務,每種任務在幾分鐘的時間要求內,看用戶是否可以達到終點。
在其過程中,要記錄用戶看見的,點擊的,猶豫的,和疑問。
2. 策略
定義信息架構的基礎原則。
信息架構策略的內容包括:信息架構管理、技術整合、強調自上而下還是自下而上,組織系統和標簽系統(自上而下),文件類型識別(自下而上),元數據字段定義,導航系統設計等。
好的設計師會在研究前就開始構造網站的信息架構和組織網站的可行策略。在研究階段中,通過用戶面談,內容分析和標桿分析,利用數據來調整策略。
開發策略
采用TACT方法:思考(think),表述(articulate),溝通(communicate),測試(test)。
思考:把研究資料轉變為創造性的觀念;
表述:圖標、藍圖、場景、隱喻、情節、框架圖;
溝通:演示、互動、頭腦風暴;
測試:封閉式卡片分類、原型。工作成果
包括隱喻探索、場景、案例研究、概念圖、藍圖和框架圖等。
策略報告:包括執行摘要、網站用戶&使命/愿景、從用戶面談和內容分析所得(組織和內容、導航、標簽、特色等)、架構策略&方法(內容模型、定制化/個性化策略、導航元素)、內容管理等章節內容。
項目計劃:信息架構設計的產生計劃。
- 演示
將你的策略報告和計劃做成一份高效清晰的演示文檔,與相關的干系人進行一次面對面的討論,為下一步的工作打好基礎。
3. 設計
- 架構藍圖
高級架構藍圖的目的是解構組織體系,一般是從主頁開始,包括頁面內的組件,網頁編組,網頁間的關系等。
下圖即是一個高級架構藍圖的例子:
在細化藍圖時,一般復雜的信息架構藍圖都無法在一頁圖中表現出來,因此會由多張信息圖構成,這樣最好引入唯一編號,為多個圖之間的頁面和組件標記關系。如下所示:
- 線框圖
線框圖包括:高保真線框,和低保真線框。
低保真線框主要以頁面的導航、布局、區域等設計為主。低保真線框并沒有太多的細節,無法從線框中看到任何信息內容的元素。
高保真的線框的優點更為明顯:
1、內容和顏色的充實,讓網頁更有生命力;
2、模擬了實際的頁面大小,更靠近最終的展現樣式,容易獲得更直接的反饋意見。
在做線框時可以參考一些準則:
1、一致性,體現線框的專業度;
2、組件化,將重復出現在多個頁面的內容組件化;
3、留白,在線框的四周和頂端留下空白處;
4、線框圖的可用性,能引導開發;
5、多人共享開發時,確保文件能整合起來。
-
內容映射
把內容拆開或結合成內容塊,一個內容塊一般是頁面上處理的最小內容部分。建立內容映射表后,把每一塊內容和在網站上的頁面區域做逐一映射。
下圖是某網站內容映射表的示例:
-
內容模型
在建立了內容清單的基礎上,可以著手建立內容模型。良好的內容模型,能夠展現內容之間的關系、以及導航關系。
在內容模型建立好后,可以采用下面的表格來描述內容間的關系,以及涉及到元數據內容:
4. 實踐
A1-工具
和信息架構相關的工具有:
自動分類軟件,自動為文件配置元數據,根據分類規則,自動將文件分到某些類別下。比如,Interwoven’s Metatagger, Autonomy IDOL Server, Vivisimo’s Clustering Engine。
搜索引擎,提供全文索引和搜索能力的軟件。例如,Sorl,Lucene, Google,Endeca,Autonomy。
詞表管理工具,受控詞表和敘詞表的開發和管理工具。例如,MultiTes,Thesaurus Master, Term Tree。
門戶或企業知識平臺,企業門戶整合的方案。例如,MS的Sharepoint,IBM的WebshperePortal,Oracle的Portal等。
內容管理軟件,管理從內容協作、編輯、發布的工作流程。例如,MS的CMS,Drupal,WordPress等。
網站分析和跟蹤軟件,分析網站的使用量,統計性能,為用戶行為分析和特性提供數據信息。例如,Google Analytics,WebTrends
繪圖軟件,用來繪制圖標,框圖及藍圖的工具。例如,Visio,Mockups,OmniGraffle(限于Apple平臺)等。
原型工具,開發原型的工具,可以用來建立交互式框架和可進行點擊的原型。例如,Dreamweaver,Axure等。
用戶研究,支持用戶研究的軟件。例如,MindCanvas,Marae,Mcromedia Captivate,Ethnio,xSort。
A2-計算投資回報率(ROI)
1、估算當前缺陷導致的損失時間,比如因為員工每次因為找尋文檔而多花費10秒;
2、計算一年內每位員工損失的時間,比如,200工作日3次/日10秒/次=6000秒/年;
3、計算總耗費成本,比如,1000員工(用類似情況的員工)80(員工每小時成本,包括福利)RMB/小時1.67小時/年=133,600RMB/年。
4、計算ROI,比如,為此一項改進投資50,000RMB,則有173%的投資回報率,這已經相當高了。
最好的例子是,IBM曾經花了幾百萬美元,用了10個星期100名員工以上改善IBM.COM的信息架構,結果在銷售上增加了400%。
信息架構是個復雜、龐大的領域,在進行信息架構的設計時,從事信息架構的人員應該明白信息架構不光是界面上的能看到的內容,還有很多內容隱藏在冰面之下,如同下圖。
一般的中小型應用或網站沒有這么復雜,但也基本遵循這套流程:
- 研究: 情境、內容、用戶分析,我們常用的方法用戶訪談,用戶畫像,競品分析,其實就是我們常說的需求分析
- 策略:研究成果轉化為執行概要,遵循什么原則,什么優先滿足
- 設計:組織、標簽、導航、搜索系統的具體設計
- 實施:信息架構實踐,調整迭代