原文作者：Pierre Croft

原文地址：Smashing Magazine

信息架構是你經常聽到的流行詞之一。它指的是你的網站上信息如何組織，如何把信息放在一塊兒才合適。當你執行信息架構這項工作時，要盡快讓你的網站的用戶參與進來。

這篇文章我們討論卡片分類，一種經過經驗證明架設信息架構的良好方法。我們將列舉一些執行卡片分類時的使用建議，以及一些實例。

什么是信息架構

現代網頁設計的偉大之處之一就是在設計初始就考慮用戶需求。成功的項目之所以成功經常是因為負責人致力于盡早理解用戶，理解他們的背景和他們的目標。和這場游戲的其他方面一樣，一個成功的項目需要工作和計劃。

valuable-original-content-opt.jpg

好的導航始于好的信息架構

信息架構指的是網站中信息的結構，它描述為站點地圖，圖表和表格。導航指的是交互元素，運用這一元素——菜單，面包屑，鏈接——人們在信息結構中穿行，它在線框圖或者原型中被描述。因此，改善信息架構首先始于分析網站的內容和結構，然后再設計導航。

正如許多改善網站的技能一樣，讓用戶參與進來是很有幫助的。卡片分類就是這樣一種技術，因為它的可靠性和有效性已經被使用了很多年。首先，我們將審查一些信息被不良組織的原因——預防總是好過治療！然后，我們將介紹一些執行卡片分類的實用技巧以及它們如何在你自己的項目中改善信息架構。

不良的信息架構到處都是

不良的信息組織在任何地方都可能發生。最后一次你花費了大量時間在復雜系統中尋找信息而不得是何時？一個典型的例子是你試圖在一個大型超市里尋找某個貨物。大多時候你能夠在冷凍區，日常用品區或者生鮮產品區找到家庭必需品。但是你知道去哪里尋找一些更不起眼（不常見）的產品嗎？比如去哪里尋找無麩質面包？你最喜歡的一款進口辣椒醬品牌去哪里找？上周末在聚會中嘗到的手工浸豆又在哪里？

辣椒醬在哪里？

有時候我在大型超市里尋找商品時很吃力，這增加了我的挫折感。我通常最后都會去問商場職員哪里才能找到我所需的商品，前提是我還沒有沮喪到離開商場。同樣的情況發生在網頁中，網頁的用戶甚至更沒有耐心。如果用戶不能在幾秒種內找到他們想找的東西，無論是通過瀏覽還是通過搜索的方式，他們就不可能在網站中停留。因此，網站（以及超市）能從直觀的組織結構中獲益匪淺。不幸的是，一些人未能妥善解決這個問題，用戶不斷受挫而離開，最終導致銷售額損失。

信息組織不良如何發生

盡管出于某人的善意目的，網站還是很容易最終成為一個組織凌亂的網站。為何會出現這種現象？

最常見的一個理由就在于信息架構是從公司的商業結構出發創建的，而不是出于用戶的需求。這是許多客戶的默認選擇。更常見的現象是信息的架構是根據公司高層的虛妄想象和偏好來組織的。而公司高層往往是不能掌握什么是一個好的網站的獨斷個體。

內容策略的重要性

對于大型網站來說，問題經常在于內容策略的缺失。管理內容對于那些巨大或者頻繁升級的網站來說很重要。內容策略包含如下過程：

• 誰升級網站，多長時間升級一次
• 管理舊的或者過時內容的系統
• 在網站上維持內容的分類標準（標簽，類型，類別）

作為網頁制作專家，我們以我們的工作和規劃能力為傲。面對一個強勢的公司高層和陳舊的內容策略令人沮喪。然而，這兩個問題有一個共同的解決方法。諸如卡片分類這樣的用戶中心技術很有力，因為他們能使你在診斷和修復網站問題時變得更有科學性。稍后，我們將會展示卡片分類和內容策略如何“攜手共事”。

卡片分類有何幫助

那么，當我們組織網站的信息時如何使用戶參與進來？理想的情況是，我們的解決方案要廉價，快速并且有用。謝天謝地，卡片分類具有所有以上三個特點。過程就像它聽起來的一樣，你把所有需要組織的的分離元素寫到卡片上，然后要求被試憑直覺把它們歸到不同的組別中。這就是卡片分類的全部了嗎？什么時候時候用這個技術，結果應該是怎樣的？

什么時候運用卡片分類

組織內容的過程總是充滿疑問。應該按照類別分類還是應該按照主題分類？常見問題（FAQ）應該歸于那個類別？卡片分類能夠回答這些問題，并且在許多情況下都有用。一些具體的案例包括：

• 電子商務網站中產品的分類
• 在常見問題（FAQ）模塊中組織問題
• 解決一個復雜的站點地圖

卡片分類的好處之一是不受客戶項目甚至網站本身的限制。在我們為客戶使用這種技術之后，我們發現了它作為一般目的性工具的價值。我們已經開始在我們自己的內部會議使用它，它可以用來整合團隊關于如何組織一項特定的業務流程或者如何構建一場即將來臨的演講的建議反饋。

最后，任何卡片分類的目的在于改善信息的分類標簽，分組及組織。 然而，它最適用于組織內容，并且它本身并不能解決所有問題。如果你的網站非常關注于任務（例如，一個在線預訂航班的網站），那么卡片分類本身的用處就十分有限。你最好執行可用性測試，尤其是你的時間或者預算很緊的情況下。

3-img-cardsortinternal-small-opt.jpg

開放還是封閉？

卡片分類法能被分為兩種類型——開放的或者封閉的。開放式的卡片分類是兩者中更靈活的一種。在這種分類方法中，用戶按照對他們自己有意義的方式自由把你所提供的卡片進行分組，然后他們為每個組別提出他們自己的名字。他們也具有重新命名卡片的自由，如果他們希望也可以提出新卡片的建議。

當你想要理解用戶如何組織你的內容時這種卡片分類方法是最好的。收集他們對組名和標簽的想法和建議對于使你的網站更直觀大有幫助。

另外一種方法就是封閉式的卡片分類，其中分類標準和標簽是固定的。當你想要理解用戶如何適應內容到一個現有的結構中時這種方法是有用的。當有新內容需要加入到網站中時也用這種方法。

舉例來說，考慮一個電子商務網站和它對產品的最高層的分類——科技，家居與園藝，運動休閑。現在假設網上商鋪開始儲存一些剛剛推出的新產品。這些新產品應在加到哪個高層分類類型中？讓用戶參與到封閉式的卡片分類中能幫助你找到答案。

有時候你可以混合這兩種分類技術。在一組用戶當中執行開放式的卡片分類法以決定高層級的分類類別。然后在另一組用戶當中執行封閉式的卡片分類，運用上一組用戶中得到的新分類類別，看看這組用戶是否很容易就能把存在的內容歸入到這些類別當中。

這時候，它是個人的

傳統上，卡片分類是一種低技術含量的工作，它不需要先進的技術或者軟件。你僅僅需要在紙片或者卡片上寫下所有的條目，把它們分散在桌子上，讓你的用戶對他們進行分類。這種方法被廣泛使用因為它費用低廉，快速而且直觀。和你的用戶待在同一間房間里意味著你可以隨叫隨到去指導用戶完成整個流程。

4-img-optimalsort-small-opt.jpg

這篇文章的關注點在于卡片分類的線下運用，但是在線卡片分類工具，比如 OptimalSort和ConceptCodify,表現出一些重要的優勢。招聘被試更容易，使得被試按規定比例分布更容易。許多高級報告工具具有鑒別相關關系和統計模型的特性，當這些工作需要手動完成時需要花費大量時間。免費的工具比如Trello也能很好的執行卡片分類工作，但是沒有生成報表的能力。

在線服務的局限在于它們通常很昂貴并且不能接觸個人。通過觀察個體的行為和身體語言你能獲得在線服務所不能捕捉到的獨特視角。

逐步地進行卡片分類

1. 準備

執行線下卡片分類的首要任務是準備你的卡片。創建一個文檔列出所有你要測試的條目內容，并對其進行編號——電子表格是理想的文檔方式。這些條目可以是某個站點地圖中的頁面，符合某個分類學標準的產品分類類別或者標簽。列表中的每個條目要被分別寫在單張卡片中，卡片的背面要寫上相對應的編號。這種編號有助于你分類完成后進行高級分析。

對于卡片本身而言，使用真實的卡片而不是紙片，紙片可能會丟失，容易破損和撕裂。再者，一次不要測試太多的事物。根據經驗，我會說每次測試不要超過50到70個條目。如果你正在組織一個巨大的系統，把它分成幾塊，然而每個模塊進行一次測試。

5-img-cards-small-opt.jpg

選擇在卡片上寫什么是個挑戰。理想上而言，分類標簽要足夠簡短使得用戶能快速閱讀，但是長的標簽能夠解釋標簽的意義讓被試能夠理解所呈現的標簽。簡短的標題通常只在描述它們所屬的組別的情況下才有意義。因此，盡可能簡潔地總結內容才有幫助，而不是僅僅使用一個標題。

例如，像這樣一個標簽“關于我們手機的更多信息”比僅僅“更多信息”更好。后者可能意味著這個標簽屬于一個已存在的叫做“我們的手機”的父組標簽之下，但是僅就其本身而言，它并沒有這種含義。

總結:

• 當準備卡片時使用電子表
• 卡片要耐用
• 標簽要在簡單和直觀之間尋找平衡

2. 先學會走路再跑步

如果這是你第一次使用該技術，先在小項目里使用。在小項目里，組織、分析結果都更簡單，并且你有機會在下次執行時做些調整。你在早期需要作出的一項決策是進行團體測試還是個人測試。決策依據系統的復雜度，你的時間和預算多少而定。如果你剛剛開始,首先在個人測試的實踐中學習——如果需要的話，你總有機會進行大規模測試。

當你要組織大量的內容時，三個被試為一組進行測試能更快得達成共識。然而，他們需要更多的協調，花費你更多的時間和金錢。你也有可能會遇到激進的強勢的公司高層，他們會有污染結果的風險。

在一次測試中應該包含多少用戶呢？為了數據更有效，你所需的用戶數量應該多于典型可用性測試所需的數量。雅各布尼爾森（Jakob Nielsen）建議收集大約15個用戶的數據就能達到統計學上有用的結果。謹慎在測試中包含越來越多的用戶，因為隨著用戶的增多，返回的結果將會越來越少。

總結

• 如果這是你第一次執行卡片分類，先在小項目中使用
• 團體測試能更快達成共識。
• 個體測試更容易協調
• 為了獲得有用的結果，你需要大約15個被試

3. 尋找被試

下一步就是尋找被試。最好的結果是尋找網站的真實用戶，特別是當網站是一個小眾而專業的系統時。例如，如果你正試圖改善一個學生內網的內容組織，那么就去找學生。對于更大眾一些的系統，例如電子商務網站，就需要找尋分布在廣泛的人口統計學指標下的被試，比如不同的年齡，不同的收入或者技術能力等。

如果可能的話，讓你的客戶區尋找用戶。客戶甚至能夠直接提供用戶——假設你正在重新設計客戶的員工內網。給被試提供一點點經濟報酬，例如禮品券，也有助于被試積極參與。

總結

• 對于小眾網站或者內網，尋找已經存在的用戶
• 對于更大眾的網站，尋找具有不同人口統計學特征的用戶
• 客戶對于尋找用戶總是有幫助的

4. 匯總

準備工作的最后一步是準備好會議室。準備好一張大桌子或者布告牌——越大越好。你也需要在恰當的地方安置記錄工具。攝像機或者智能手機都可以，只要它能夠記錄、回放測試過程的錄音或者視頻。同時確保手邊具有足夠的飲料和點心。

一旦你準備好了卡片，用戶也到了，你就可以開始進行測試了！提供清晰的指導語，讓用戶知道測試過程將會被錄下來以供隨后回顧。像用戶解釋清楚他們只需要將卡片歸到他們認為有意義的不同組別中，無所謂對錯。如果你正執行一項開放式的卡片分類，給他們提供一些空白卡片,以供他們在分好組之后給不同的組命名。

當你在執行這個測試的時候，你要扮演一個主持人的角色。當用戶在測試過程中卡住的時候（這時候用戶很可能發出很多“呃”“啊”的詞），你要在他們身邊向他們解釋說沒關系。事實上，知道哪里使得用戶感到困惑（卡住）是有用的，因為這表明你的卡片標準有問題。如果他們發現一些卡片很難被分類，把這些卡片放在一邊然后記錄是哪些卡片。并且，你要意識到在團體測試中，作為主持人，對你的要求將會更高。

總結

• 記錄每個測試并且做筆記
• 答案沒有對錯之分
• 隨著被試的增多你作為主持人的要求將會更高。

5. 打包（原文為Wrap Up，不知道怎么翻譯合適= =）

一旦他們（指被試）已經盡他們所能分類好了，如果你有時間，可以隨意地問他們一些問題。你可以要求他們詳細解釋一下他們這么選擇的理由，對哪些特定的卡片的分類感到猶豫等等。

最后，記錄下他們對卡片的排列方式。最簡單的方式就是拍照，但是在一間小房間里，你很難確保所有的卡片都被拍下來。拍照不是永遠可行的方式，如果你已經對卡片進行編號，那么你就能記下哪些號碼被排列在一起。編號也有助于你做一些更詳細的統計分析，這就不是本文所要講的范圍。

一旦這些工作都做完了，在你的筆記或者照片上寫下被試的名字。為了減少任何潛在的選擇傾向，在對下個被試測試之前重新打亂卡片。

總結

• 拍照是記錄被試排列的快速方式
• 如果你有時間問一些問題
• 為了排除潛在的偏向，在每次測試之前先打亂卡片

更進一步的建議

• 提供一點小小的獎勵是鼓勵被試參與的好方法
• 當你選擇所需要的分類內容時，試著從更小層級的內容出發（比如，對頁面進行分類或者對個人幫助主題的內容進行分類）。將父級和子級分類混在一起會讓人困惑。
• 提供清晰的指導說明。在測試開始之前先想好要說什么
• 提供空白的卡片和標記筆以備被試新的分類建議——這對開放式分類是基本的
• 除非被試請求幫助，否者不要打斷他們
• 如果被試不能對所有卡片進行分組那也沒問題。這也有用的信息- 每次測試設置時間限制，這樣你安排測試會更簡單
• 在個人測試時，確保沒有其他人在場。他人在場會導致分心。
• 總是記錄測試過程并做筆記

理解結果

恭喜！你剛剛進行完了你的第一次卡片分類測試，你的筆記本上充滿了新的見解。下一步就是理解這些結果。因為這可能使你第一次進行卡片分類測試，你可能不具有清晰的結果脈絡。

對于每個被試，每次測試的觀察結果需要整理兩組記錄文檔。第一步是創建一個新的文檔，然后把你在測試過程中記下來的筆記轉移到該新文檔中，這些記錄應該是一些定性的觀察，比如被試所建議的任何新的卡片名稱，被試是否對某個特定的卡片猶豫不決。

然后，記下被試所列的群組。你可以在你的文檔中簡單地用無序列表排列被試的分組，或者用電子表格展示分組。如果你想要在隨后執行一些高級統計分析，那么電子表格是理想的文檔形式。很多方法和軟件能做這些工作，其中的細節可以寫另一篇文章。重要的是描述層級，每個被試所創建的父級-子級的關系。

尋找什么

一旦完成以上步驟，就可以開始分析。這是藝術和科學的結合。目標是鑒定不同測試之間的關聯趨勢，并回答以下問題：

• 哪些條目最常被放在一起？
• 哪些條目被試分類的時候顯示出掙扎(分類困難)？
• 被試提出了哪些新的建議或者標簽？
• 是否有條目被歸到不只一個組別中？
• 測試過程中是否有其他相關的條目被提出來？

如果許多用戶以相似的方式組織卡片，那么這項工作就相當簡單。把你的網站內容按照相同方式進行組織就可以了。如果你有時間，可以在隨后進一步進行用戶測試，確認新的結構是否優于舊的結構。

對于那些復雜的信息架構，不同用戶經常提出相當不同的結構。你的測試可能需要更大規模的用戶直到出現一種大的趨勢。這是困難的部分，想要去蕪存菁、只留下有用的信息，你可能需要渡過幾個關卡。在執行幾次卡片分類測試之后，你就會掌握一定的技巧。

在這些情況下，在線工具就很有幫助，因為它們能使統計分析更簡單。統計分析的高級技巧包括創建樹狀圖。這些樹狀圖顯示了各個層級內的信息組，以及條目之間的關系有多緊密。一些在線服務提供分析這些的工具，這部分內容是相當繁重的，不再本文討論的范疇。

6-img-dendrogram-small-opt.jpg

一個真實項目的例子

項目背景

最近，Decibel Digital團隊正致力于重新設計英國一個主要的動物慈善網站。現有的網站僅僅將網站內容按字母A到Z進行分類，網站包含了上百個頁面。很多頁面都是真正有用的并且包含大量的內容諸如新聞、幫助、視頻和下載。問題在于內容沒有結構。一切都被混雜在一起然后按字母排序。這就是目前為止網站內容的最大劃分，這就導致不依賴搜索而定位到你所需要的內容時遇到難以置信的困難。

上面我們提及了數字團隊，我們認識到問題的部分原因是缺乏內容監管。公司的任何人都能夠上傳新內容到這個模塊，他們經常上傳名字上稍有不同的重復內容。經過許多年，這個模塊的內容變得一團糟，就像一條小行星帶——就是難以導航。

進行內容審查

在對網站進行重新設計之前進行內容審查，養成這種習慣是件好事。我們在一張電子表格中收集了所有的網站頁面，對頁面內容（文字，圖像，視頻，文章等等）的簡要描述以及它們的URLs。這些URLs可以從現有的CMS（客戶關系管理系統）中導出來，但是我們使用了一個叫做Screaming Frog的工具。

7-img-seospider-small-opt.jpg

一旦上面的電子表格準備好了，下一步就是評估內容。我們使用了一種叫做“ROT”分析的方法。我們用以下標準檢驗每項內容：

• R：內容是否是多余的？
• O：是否過時？
• T：是否瑣碎？

像這樣遍歷網站內容似乎是費力的，但是實際上它非常有療效。一旦客戶開始解決他們的舊網站所引起的內容怪物，客戶會感到寬心，這也會使每個人對項目的感覺更良好。使用ROT分析能使團隊在選擇哪些頁面需要刪除，哪些頁面需要增加的問題上更快達成共識。很快，內容就會消減到可以管理控制的水平。下一步就是解決如何組織內容的問題。進入了卡片分類的范疇！

8-img-audit-small-opt.jpg

進行卡片分類測試

內容審查之后，我們感到現存的按字母A-Z的內容劃分是不合適的，盡管許多內容都是有用、有價值的。我們決定執行卡片分類測試來組織內容，以用來設計新的網站導航。我們的目標是開發一個新的結構，使得內容瀏覽的體驗更友好，用戶無需依賴搜索就能很容易找到所需內容。

測試什么

網站還是有許多頁面，所以我們必須決定測試中要包含哪些內容。若有太多卡片需要分類工作就會變得費力而困難，所以我們決定僅對一級和二級頁面進行卡片分類測試，以確保工作在可管理的范圍。我們沒有把一些通用頁面包含進來，比如，“聯系我們”， “隱私政策”等等，這些頁面在許多其他網站中一般也能發現。做完這步篩選工作，我們發現還剩下大約50個頁面，我們認為這是個進行卡片分類的理想數量。

尋找用戶（被試）

下一步就是尋找可測試的用戶，我們在客戶的幫助下征募到了用戶。這個網站的用戶的人口統計學特征傾向于年長的女性，這里擁有客戶的幫助是非常有用的。參與我們測試的一些用戶已經加入了客戶進行的線下營銷活動，他們很樂意能為我們提供幫助！

開放式 VS. 封閉式

我們決定執行一個開放式的卡片分類測試因為現有的按字母從“A”到“Z”分割的內容是多種多樣的，由新聞、視頻、博客、幫助文章和建議等內容構成。我們想要依賴用戶為這些類型的內容創建對他們而言有用的標簽。因此，我們為用戶提供了充足的空白卡片和筆，讓他們寫下他們的建議。

每次測試過程中，我們都做了大量的筆記，特別是那些用戶感到分類困難的卡片，以及他們所提出的而我們沒有考慮到的新標簽建議。我們也把每次測試錄下來做了備份，以便我們隨后翻看觀察一些我們遺漏的東西。

我們發現了什么

在測試結束時，我們拍下了用戶的分組并且把它們整理到電子表格當中。我們尋找一些定量的數據——是否存在一些趨勢？是否有多個用戶對于新標簽具有相似的建議？是否有一些標簽不斷得讓用戶在分類時感到很掙扎？我們也查看一些定性的數據：用戶的具體評論或者當他們對某個特定卡片進行分類感到掙扎時大聲說了些什么。

9-img-cardsorting-small-opt.jpg

作為一個慈善機構，我們的客戶大量依賴于公眾捐款和支持，所以正確獲得這個模塊的分類標簽很重要。我們發現了一些有趣的結果：

• 網站提供了年費會員作為公眾支持慈善的一種方式，同時用戶也可以在網站上注冊免費賬戶。它們分別被標為 “注冊一個賬戶（Register an account）” 和 “成為一名會員（Become a member）”；然而，許多用戶對這兩個標簽之間的區別感到困惑。我們最后通過改變稱呼會員的單詞的方式，采取行動消除了這種困惑。
• 我們提出用“知識中心（Knowledge Centre）”這個名稱作為幫助內容的標簽，但是許多用戶具有不同的提議。我們最終在網站上使用了“幫助和建議（Help & Advice）”。
• 這個慈善機構每個月都舉行“呼吁（Appeals）”活動作為獲取捐助的另一種途徑，同時也會舉行其他一些問題的活動，他們都被列在“活動（Campaigns)”這個標簽之下。盡管缺少任何的上下文，每個參與測試的用戶都對這些卡片感到分類困難。我們最終把“活動”模塊整合到網站的另一個區域中。
• 為了表明對外界支持的渴望，幾乎每個用戶都建議將“參與進來（Get Involved）”作為一個主要的分類標簽。我們注意到在其他慈善網站中也有這個慣例。

做完以上所有工作，我們呈現我們的研究報告。我們決定不報告大量的定量數據。但是對我們團隊內部來說，定量數據是有用的，我們認為客戶不熟悉定量數據并且沒有充分的解釋的話客戶將不能理解這些定量數據。

相反的，我們用簡單的語言呈現了我們的關鍵發現（正如上面所列舉的），并且我們將研究的結果分為了高、中、低三種優先級。我們也羅列了一些解決我們所發現的問題的建議。對于客戶來說，這使他們能針對內容結構制定出一套快速方案，對于我們來說，要執行客戶要求改善的地方也更容易。

10-img-report-small-opt.jpg

結語

卡片分類是一種常用的技術因為它花費少，可靠并且容易設置。它是熟悉諸如信息架構和用戶中心設計這些概念的好方法。記住它不是“萬能藥”，不能解決現有網站中的所有問題。網站可能因為很多理由而表現不良或難以使用，改善信息架構可能只能解決其中一部分問題。然而，當和其他用戶中心設計技術結合起來使用時，它對你項目的開始大有幫助，或者說它幫助你以好的方式開始重新設計網站。

希望你通過此文愉快得學習了卡片分類。一旦卡片分類執行的好，它能使產品更直觀并且容易導航。

其他資源:

• ConceptCodify
  在線卡片分類工具

• OptimalSort
  另一個分類工具，是用戶體驗產品套裝的一部分

• “The Difference Between Information Architecture and Navigation” Jennifer Cardello, Nielsen Norman Group
  這篇文章很好得解釋了什么是信息架構，什么不是信息架構。

• “Information Architecture for the World Wide Web”， Peter Morville and Louis Rosenfeld
  深入了解信息架構的好書籍