信息架構:入門完全指南

原文 UX Booth Editorial Team 2015-11-22 看原文點這裡

翻譯 雲夢大澤 2016-08-12 @ 簡立方

信息架構通常是由設計師,開發人員以及內容策劃師共同承擔的工作,但不論是誰承擔這個工作,信息架構都自成體系,值得探索研究。在這篇文章中,我們將會討論什麼是真正的信息架構,以及,對於用戶體驗過程來說,它為什麼是有價值的。

在本文中,我們將會與你分享信息架構的歷史,重要貢獻者和一些經常用來製作信息架構的工具。即使你對於信息架構已經相當熟悉,你也很可能在本文中獲得新發現。

目錄

  • 什麼是信息架構?
  • 通用方法
  • 日常工作和交付物
  • 可以關注的大神
  • 常用工具
  • 知名會議和協會
  • 相關書籍

什麼是信息架構?

信息架構是一個比眾多其他領域更難定義的領域。內容策劃由內容策劃師來完成,交互設計由設計師來完成,而信息架構的完成與它們不同,因為信息架構師是一個非常罕見的職位。信息架構橫跨於多個角色之間,是一個必要且有價值的領域。

信息架構學會(Information Architecture Institute)是一個非盈利性組織,致力於推動信息架構領域的發展。他們這樣簡潔、概括地解釋它:

信息架構是幫助人們在現實世界以及網路上了解自己的環境,找到他們要找的東西的學科。

換句話說,信息架構是對於一個網站,應用程序或其他項目的結構上的創造,它可以讓我們明白我們所處何處以及我們想要的信息在哪裡。信息架構也因此延伸出網站地圖,架構層級,分類,導航和元數據的創造過程。當內容策劃師開始拆分內容並把它分類的時候,她實際上就是在進行信息架構。當一個設計師勾勒出一個頂級菜單,用以幫助用戶理解他們在網站上的位置時,他實際上也是在進行信息架構。

無論我們正在完成怎樣的工作,創建信息架構的時候我們經常會問:

  • 用戶瀏覽我們網站的過程是怎樣的?
  • 這個應用怎麼樣幫助用戶分類他們的信息?
  • 這些信息是怎麼樣呈現給用戶的?
  • 這些信息有沒有幫到客戶,並驅使他們做出決定?

為了回答這些問題,信息架構師必須聚焦於這些要點:目標受眾,與網站相關的技術,將要展現給用戶的數據。

通用方法

正如我們今天所知道的,信息架構這個概念大約始於20世紀70年代,遠遠早於網路,移動應用程序的興起以及用戶體驗設計的普及。它起源於眾多領域和方法,UX從業者至今仍在參照這些領域和方法,包括圖書館學認知心理學,和建築學。

Timothy Greig 製作的圖書館網站的信息流結構圖書館學

圖書館學有很多不同的定義,其中一個相對清晰的定義來自於華盛頓大學( University of Washington)。他們將圖書館學定義為「知識型組織體系」的構建。圖書館學是研究如何進行分類,編目,並找到資源的學科。它被廣泛地用於傳統圖書館,博物館,科學實驗室和醫院中。

其他兩個對信息架構有價值的領域是編目學和檔案學。編目是創建元數據,並且把它分配給內容以便未來再次找到它的過程。檔案學是創建並且用內容填充檔案的過程,這可能需要不斷地編輯或移除工作來保持檔案的完整性。這兩種學科的工作可以直接移植到用戶體驗的工作中來,因為我們的目標是創建一個具有適當的、可用的元數據的信息架構,這些元數據包含可用的內容,而這些內容又來自於維護良好的檔案。

認知心理學

在我們的文章交互設計入門完全指南(Complete Beginner』s Guide to Interaction Design)中,我們也提到過認知心理學,並把它作為一種通用方法。認知心理學研究心智是如何運作的,以及心理過程是如何發生的,所以這裡再次提到它也並不奇怪,因為它同時影響交互設計,也影響著我們架構信息的方式。

然而,信息架構借鑒了認知心理學中一些不同的內容,這些對我們如何組織信息很有幫助。下面是一些認知心理學中對於信息架構師極具價值的內容:

  • 認知負荷是指一個人在給定的時間內可以處理的信息量。請你記住,了解認知負荷可以防止信息架構師一次性帶給用戶過多的信息,這樣就不會造成用戶信息過載。
  • 心智模型是指用戶在與一個網站或應用程序進行交互之前,他們的心智中已經形成的假設。當信息出現的位置和用戶的心智模型中的假設位置一致時,信息就更容易被發現。
  • 決策或許聽起來不像心理學的內容,但實際上它是的!決策是一個認知過程,它使我們作出選擇,如選擇一個選項。信息架構師通過在關鍵時刻提供某些信息,從而幫助我們做出決策。

點擊觀看:Explaining information architecture(信息架構闡述) from Dan Klyn on Vimeo.(視頻)建築學

現代信息架構的創始人是Richard Saul Wurman,他並不是一個網頁設計師,而是一名平面設計師和建築師,有趣的是,信息架構的概念正是從建築學中衍生出來的。Wurman認為信息應以和建築物同樣的方式來構造:要有一個堅實的基礎。連線雜誌上有一篇關於Wurman的文章,作者Gary Wolf認為Wurman的工作給了我們很好的啟發:「信息的呈現方式可以比信息本身更為重要。」

信息架構非常重要,就像建築學有很多形式一樣,信息架構也可以採取很多有吸引力的形式,並且是基於精確的、有策劃的結構和堅實的想法基礎之上的。

日常工作和交付物

信息架構師作為用戶體驗團隊的成員之一,通常承擔著多種不同的工作。常見的工作內容包括研究,導航創建,線框圖,標籤和數據建模。信息架構師緊隨整個設計過程,他們大多數的工作是非常有價值的,這些工作形成交付物,這個我們在後面會提到。

用戶研究與分析

對於一個項目來說,信息架構師要承擔極大的責任。為了了解該項目的受眾,信息架構師需要參考可用性測試的結果,卡片分類的結果,利益相關者訪談的結果,以及用戶訪談的結果,這些還只是其中一些例子。通常情況下,信息架構師會在訪談或卡片分類中扮演積極的角色,在這個過程中他們可以了解一位潛在用戶是如何給各種條目進行分類的。通過這樣的研究,信息架構師能夠了解到人們會怎樣操作應用程序,人們會怎樣使用應用程序提供的信息,以及當他們使用該應用程序時,他們的心智模型是怎樣的。

在進行了這些研究之後,信息架構師開始分析數據。他們可能會用這些方式把信息呈現給團隊中的其他人,比如電子表格,建議清單,甚至一組用戶角色,用戶角色將展示典型用戶是誰,他們的目標是什麼,以及他們可能如何接觸到應用程序。 導航和架構層級創建

在一個網站或者應用程序中,信息架構師負責確定信息如何被展現及獲取。正如我們之前討論過的,這就是信息架構的關鍵部分。為了創建架構層級,信息架構師需要考慮用戶期望看到什麼,以及我們想要在內容之間產生怎樣的聯繫。

例如,如果我們希望把「常見問題」與「幫助」頁面聯繫起來,那麼這兩個界面也許都應該放到「幫助」這個模塊底下。但是,通過調查研究,我們也許發現用戶希望「常見問題」屬於「產品」這個模塊。在這種情況下,信息架構師需要作出選擇與決定。信息架構師需要平衡各方利益,還需要考慮其他可行方案,以盡量同時實現不同目標,比如把「常見問題」和「幫助」都放在「產品」部分。最終,正是這些選擇與決定,創造了整個網站或應用程序的結構。與這項工作有關的交付物是網站地圖,網站地圖闡明了網站內容的層次結構。

線框圖

對於一些信息架構師來說,線框圖是表現不同界面之間聯繫的最好方式,也是確定網站實際情況下會如何運作的最佳途徑。基於調查研究收集的數據,以及架構創建所作出的決定,信息架構師可以畫出關鍵界面的草圖,以此來演示用戶如何與信息進行交互。

當然,設計師承擔信息架構的工作並為此負責也是很常見的。設計師往往會從視覺的角度去思考問題,但設計師可以利用線框圖思考信息的結構。線框圖也可以作為交付物分享給客戶,開發者和視覺設計師,以此來給他們提供製作模型,原型,和最終產品的參考。

製作標籤

前面我們提到了信息架構師作出選擇和決定的重要性。一旦他們作出選擇或決定,緊接著就需要給每個模塊製作標籤,即每個部分叫什麼。雖然這個工作可能屬於內容策劃師的範疇,但是每個信息架構師都應該參與,不論他是否同時也是內容策劃師或設計師。在一個網站上製作標籤,或者所謂的頁面與鏈接,我們需要確保導航和層級結構都有合適的名稱,這些對於用戶是否能夠找到正確信息有很大的作用。

分類學和元數據

一個分類是指一系列組合在一起的事物。對於一個信息架構師來說,分類也是對相似類型內容或信息的記錄。大多數信息架構師會基於目標受眾的心智模型,給網站或應用程序選擇一個或多個合適的分類方案。然後他們可能使用元數據給內容「標籤」,這樣用戶可以搜索基於假設分類的內容。比如,一個服裝店可以考慮多種分類方式,一種根據織物類型,一種根據服裝商品,還有一種根據色彩。信息架構師可以這樣標記一件體恤,棉或尼龍,也可以標記為襯衫或紅上衣。這樣一來,一位擁有「我需要一件新襯衫」的心智模型的購物者可以很容易地找到這個紅色的棉質襯衫。

數據建模

數據建模也被稱為內容建模,這項工作可以與內容策劃師共同承擔。數據建模把開發者和信息架構關聯在一起,它決定了結構化的內容類型,這些內容類型代表著用戶需求,業務邏輯和要求,以及內部的編輯規範。在網站重新設計的案例中,新的數據模型通常需要與現有的結構匹配,以確保內容可以被順利的移植。這種工作通常使用電子表格完成,映射出欄位類型和關係要求,有時直接落實形成一個CMS(內容管理系統)。數據建模還可以促進內容類型記錄文件或內容模板的創建,內容策劃師或文案可以直接參考這些東西創建內容。

可以關注的大神

這些人中有些人自稱為信息架構師,其他人則稱自己為與信息架構師一起工作的設計師或內容策劃師。無論什麼稱號,這些都是對信息架構領域有很大影響的人:

Abby Covert

Twitter

Abby Covert, 或者 「Abby the IA」 是書籍《How to Make Sense of Any Mess: Information Architecture for Everybody》的作者。她也在The School of Visual Arts(視覺藝術學院),以及General Assembly NYC教授信息架構課程。Abby是信息架構學會的主席,她專註於提升世界各地信息架構師的力量。她發表關於信息架構的文章,討論信息架構,教授信息架構課程,同時在紐約市從事信息架構師的工作。

-------------------------------------------------------------------------------------------

Andrea Resmini

Twitter

Andrea Resmini 是一名信息架構師,也是JIBS的教師和研究人員。 他也是書籍《 Pervasive Information Architecture》的聯合編寫者, 他目前在FatDUX從事信息架構的工作,這是一家領先的用戶體驗公司。他也擔任了信息架構學會的主席,主持了Italian IA Summit(義大利信息架構峰會),除此之外,他也是用戶體驗歐洲中心的創始成員之一。Andrea在業餘時間創辦了Journal of Information Architecture 信息架構雜誌,目前他也是這個雜誌的副主編。

-------------------------------------------------------------------------------------------

Andrew Hinton

Twitter

Andrew自1990年以來一直在從事設計信息系統的工作,他從1999年開始就自稱是「信息架構師」。他與Christina Wodtke 和 Louis Rosenfeld在2002年共同創立了Information Architecture Institute(信息架構學會), 並且負責撰寫了學會宣言。他也是書籍《Understanding Context》的作者,這是一本寫給信息架構師和用戶體驗專業人員的書。如今,Andrew是State Farm的高級數碼體驗架構師,他稱自己為「專門從事信息架構的用戶體驗設計師」。

-------------------------------------------------------------------------------------------

Christina Wodtke

Twitter

Christina Wodtke,信息架構學會的另一位共同創始人,也是信息架構領域一個令人印象深刻的名字。她擔任過Zynga.com的總經理,MySpace的社交總經理,LinkedIn首席產品經理,以及雅虎的設計部高級總監!她也是協作博客工具PublicSquare的聯合創始人,以及設計出版社的Boxes and Arrows創始人之一。目前,Christina給初創公司提供建議指導,並且運營她的博客Eleganthack。

-------------------------------------------------------------------------------------------

Dan Klyn

Twitter

Dan Klyn作為信息架構師在服務機構,電子商務組織,非盈利機構工作有二十年了。他在密歇根大學教授信息架構課程,並且是The Understanding Group(TUG)的聯合創始人。Dan與全球各地的客戶合作,並在信息架構峰會(IA Summit),UX Week和WebVisions上發表演講。他的一個四個分鐘演講Explaining Information Architecture非常值得一看。

-------------------------------------------------------------------------------------------

Donna Spencer

Twitter

Donna Spencer是一名自由的信息架構師,顧問,作家和培訓師。她是書籍《A Practical Guide to Information Architecture》以及其它兩本關於用戶體驗書籍的作者。Donna有9年的自由工作經驗,作顧問或者戰略策略設計工作。她設計過大型企業的內部網和網站,電子商務和搜索系統,商業應用,設計模式和CMS。Donna也是UX Australia的聯合組織者,她目前在運營著這個組織。

-------------------------------------------------------------------------------------------

Eric Reiss

Twitter

Eric Reiss作為信息架構顧問,作家和理論研究者而被大家所熟知。他的書籍《Practical Information Architecture: A Hands-On Approach to Structuring Successful Websites》是信息架構的經典書籍之一, 除此之外,他的書籍Usable Usability改變了許多企業應對用戶體驗挑戰的方式。 他目前是FatDux的首席執行官,這是一家在哥本哈根的用戶體驗組織。

-------------------------------------------------------------------------------------------

Jesse James Garrett

Twitter

1995年,Jesse開始在網路上工作 ,首先作為一名作家和界面開發人員,後來成為一名界面設計師和信息架構師。2001年,他創辦了Adaptive Path公司,旨在幫助人們解決用戶體驗問題。如今,他撰寫文章,並公開談論以用戶為中心的設計以及信息架構。他也是書籍《The Elements of User Experience(用戶體驗要素)》的作者。

-------------------------------------------------------------------------------------------

Louis Rosenfeld

Twitter

Louis幫助創建了信息架構領域,是許多優秀文章的聯合撰寫者,也擔任其最知名諮詢公司The User Experience Network的總裁快有七年了。Lou與其他人共同創立了Information Architecture Institute(信息架構學會),並是其顧問委員會的成員之一。

-------------------------------------------------------------------------------------------

Nick Finck

Twitter

Nick是一個有著12年經驗的網路老將,並被認為是貿易網路的工匠。他的擁有的技能遍歷網頁設計,網站開發,用戶研究,網站分析,信息架構和網路出版。他也是許多關於網頁設計文章以及出版物的作者。

-------------------------------------------------------------------------------------------

Peter Morville

Twitter

Peter Morville是信息架構領域的奠基人之一。他是一名作家,演講家和顧問。他的暢銷書包括《Information Architecture for the World Wide Web》(Web信息架構:設計大型網站)( 著名的「北極熊」),《Intertwingled: Information Changes Everything》。他的作品曾在《商業周刊》,《經濟學人》,美國國家公共電台,和《華爾街日報》上發表。

常用工具

構建信息架構需要大量的腦力勞動,但有些信息架構師更喜歡使用紙筆來進行工作。如前面說到的,信息架構的工作會包含站點地圖創建,元數據標記和分類的過程,這些最終都需要以一種視覺格式與客戶共享。還有一些信息架構師需要製作網站的線框圖,當然,這需要額外的工具。在這裡,我們將回顧一些信息架構師經常使用的工具,他們用它來創建網站地圖,確定分類以及設計線框圖。

Omnigraffle

Omnigraffle是Omnigroup的圖表和線框套件。這個軟體對於那些已經有架構的系統來說非常有價值,用戶不僅可以在界面之間切換,還可以通過側邊欄看到這些頁面是如何聯繫在一起的。OmniGroup的產品可以做簡圖,工序圖,快速頁面布局,網站原型,以及更多。經過基本的學習之後,初露頭角的信息架構師就可以發現Omnigraffle對他的價值。

了解更多關於OmniGraffle

-------------------------------------------------------------------------------------------

Axure

與Omnigraffle類似,Axure既是線框圖繪製工具,也是圖表繪製工具,這些對於信息架構師來說非常有用,特別是同時擔任交互設計師的人。Axure的目標是快速創建網站和應用程序的線框和原型圖。

了解更多關於Axure

-------------------------------------------------------------------------------------------

MindManager

MindManager是一個可視化的框架,這意味著,用Mindjet的話說,「促進自由的思維和思想的迅速組織」。應用MindManager中方便的拖放功能,信息架構師可以方便快捷地將靈感表達出來,然後將這些想法組織成網站地圖,並以此來闡述架構思路。MindManager可以將地圖輸出成JPG,PNG,PDF或Word文檔的格式。

了解更多關於MindManager

-------------------------------------------------------------------------------------------

XMind

XMind是另一種繪圖軟體,他允許信息架構師將地圖保存到Evernote。他們也提供了地圖庫,用戶可以分享他們完成的工作或看到其他人的工作。用戶可以下載一個免費版本,或者購買XMind pro,他們可以在Mac,Windows或Linux使用這款軟體。

了解更多關於XMind

-------------------------------------------------------------------------------------------

Treejack

如果信息架構師想測試他們創造的架構,並且檢驗用戶是否能很好地找到對應的信息,那麼Treejack會非常有用。被標榜為「信息架構師驗證過的軟體」,Treejack可以讓信息架構師輸入站點層次結構,建立任務,然後招募用戶。然後他們可以看到自然的測試結果,也可以共享或下載結果。

了解更多關於Treejack

知名會議和協會

信息架構師可以參加各種會議,協會和旨在幫助促進該領域和社區的社會團體。

Information Architecture Institute(信息架構學會)

信息架構協會(IAI)是一個非營利性組織,致力於促進「理念,工藝和信息架構的社區。」他們提供志願者工作機會,論壇,並促進當地信息架構團體和多種交流活動。IAI還促成了世界信息架構日,以及出版物Journal of Information Architecture。

更多信息請訪問:IA Institute

Association for Information Science and Technology(信息科學與技術學會)

Association for Information Science and Technology (ASIS&T)是一個協會,不僅為網路設計師,也為圖書館員,研究人員,開發人員,以及教授和學生開發。他們的目標是消除理論和信息科學實踐之間的鴻溝。他們經營著Strategic Planning Town Hall(市戰略規劃會議廳),運營著一家期刊出版社,也為他們的會員提供活動和在線研討會。

更多信息請訪問:ASIS&T | The Information Association for the Information Age

Information Architecture Community Group(信息架構社區組織)

信息架構社區組織是一個在線社區,由W3C主辦。社區成員可以提出問題或討論要點,並使用網上論壇與世界各地的信息架構師進行交流。W3C非常清楚這一點,雖然他們組織了社區,但大家表達的觀點和想法並不一定代表他們的立場。歡迎各界人士表達和討論。

更多信息請訪問:Information Architecture Community Group

IA Summit(信息架構峰會)

信息架構峰會每年在不同的城市舉辦,每年的峰會不論對於新手或是行業專家來說都是一場盛會。所有的討論和會談都被集中起來,話題涵蓋數據和信息架構等內容。在過去的幾年中,信息架構峰會也為數字生態系統及物聯網所帶來的新挑戰提供了很好的啟發和觀點。

更多信息請訪問:2016 IA Summit

EuroIA

EuroIA既是一個組織也是一個會議。EuroIA每年都在歐洲舉辦一些活動,其中EuroIA Summit最令人印象深刻。這個峰會是歐洲首屈一指的用戶體驗和信息架構會議。EuroIA主要有四個目標,「跨越民族,文化和語言的界限分享經驗;鼓勵信息架構,以及用戶體驗和相關學科的實踐活動;推動國家社區的實踐;幫助中歐和東歐新興市場成熟發展。」

更多信息請訪問:EuroIA 2016

An Event Apart

An Event Apart(AEA)宣稱自己不僅是設計師也是開發者的設計大會。 「信息架構師,UX專業人員,項目經理,作家/編輯,營銷,還有客戶,都來參與吧。」確實是這樣。AEA提供了一些令人興奮的會議(不糾結代碼,如HTML和CSS),也提供了跨領域與跨職業的討論機會。不論你作為信息架構師想學習更多有關設計的知識,還是作為設計人員想更多地了解信息架構,這個會議都值得參加。

更多信息請訪問:An Event Apart: The design conference for people who make websites.

Meetup

坦白地講,沒有一個叫Meetup的組織,這就是它有意思的地方:在你所處城市的Meetup上搜索「信息架構」,你會發現許多網路團體,教育團體和社會團體。如果你碰巧住在一個沒有這些團體的地區,那麼,是時候去建立一個了!Meetup網站可以幫你很容易地創建一個新的團體。

更多信息請訪問:meetup.com/

相關書籍

去信息架構圖書館看看這些推薦的書吧!

Ambient Findability: What We Find Changes Who We Become

Peter Morville

發表於2005年,這本書關於信息過載和如何在谷歌的世界中尋找內容,即便到今日,這本書仍然很有價值。作者深究這樣的問題:「假如谷歌可以神奇地回答你的問題時,你就會思考,信息的構成方式為什麼如此重要?」除此之外,作者也把內容可用性和信息架構聯繫起來。

-------------------------------------------------------------------------------------------

A Practical Guide for Information Architecture

Donna Spencer

Donna Spencer的這本書如其書中所說:實用。這本書實際上相當於信息架構師的清單,並且附帶著一些概述,探討了信息架構和用戶體驗如何協同運作。對於高級信息架構師來說,這本書可能有點太基本了,但是對於新手來說,這有你所需要的所有信息。

-------------------------------------------------------------------------------------------

How to Make Sense of Any Mess

Abby Covert

Abby Covert這樣定義語言文字的混亂:「那是一種人與信息之間的交互充滿了困惑和困難的情況。」這句話很好的定義了混亂,也準確定義了大多數網站,除非這些網站擁有設計過的架構。在這本書中,讀者可以學習並使用七個步驟,以此來處理甚至是最混亂的架構,使得一切變得清晰且可管理。

-------------------------------------------------------------------------------------------

Information Architecture: An Emerging 21st Century Profession 1st Edition

Earl Morrogh

這本書出版於2003年,探討了信息架構的多學科性質。作者提出完成信息架構的工作需要視覺設計,信息設計,圖書館學,信息科學和人機交互技術的融合。這本書更多的是探討信息架構的歷史而不是具體的方法,Morrogh討論了創建美麗的,有價值的,易於使用的信息環境的目的。

-------------------------------------------------------------------------------------------

Information Architecture: For the Web and Beyond

Louis Rosenfeld, Peter Morville & Jorge Arango

這本書目前已經出到了第四版,是信息架構領域最重要的書籍之一。這本書在UX部門或相關機構中隨處可見,很多人都知道它的昵稱「北極熊的書」,因為它的封面上印著北極熊。這本書的重點內容關於如何創建大型網站的信息架構,這其中包含複雜的層次結構。


推薦閱讀:

Leap Motion 能用來做什麼?在你所熟悉的領域,你能設想出哪些應用場景?
《設計是什麼》讀書筆記
運用在汽車 HMI 及內飾設計中的 Emotion Design(情感設計)及創新設計有哪些例子?
做設計靠猜的可以嗎?

TAG:信息架构 | 交互设计 | 用户体验 |