使用分類法和元數(shù)據(jù)組織網(wǎng)站信息

隨著科技的不斷發(fā)展,越來越多的信息被在線存儲,共享和創(chuàng)建。無論你是在手機上發(fā)送消息還是在臺式計算機上繪制3D渲染,信息無處不在,但又經(jīng)常被忽略。

信息架構(Information Architecture,簡稱IA)專注于以有效和高效的方式對信息進行組織,使數(shù)字產(chǎn)品既能發(fā)揮其性能,又能為其受眾所訪問。就像當你走進圖書館,希望能在成千上萬的書目和類別中找到你要找的內(nèi)容一樣,當你訪問一個網(wǎng)站時,你也希望能找到你要找的內(nèi)容。

image

盡管信息架構有很多方面需要考慮,但有兩個方面對信息的編目和組織特別重要,即分類法(Taxonomies)和元數(shù)據(jù)(Metadata)。如果你曾編寫過網(wǎng)站代碼,或針對搜索引擎進行過優(yōu)化,你可能會熟悉元數(shù)據(jù)的概念,因為它被眾多搜索引擎用來了解網(wǎng)站上存在的信息。本文將探討分類法和元數(shù)據(jù)如何幫助你構建和組織信息,并考慮你的設計。

為什么組織信息很重要

組織網(wǎng)站或數(shù)字產(chǎn)品上的信息對其成功至關重要。無論你是在運營博客、電子商務網(wǎng)站還是網(wǎng)絡應用,擁有一個清晰、直觀的信息結構不僅對你有所幫助,還能幫助你的客戶完成他們的目標。

想象一下,當你走進一家實體店,里面有各種尺寸、顏色和材質(zhì)的服裝。如果這些服裝是隨意擺放的,不同尺寸混在一起,短褲和襯衫混在一起,混亂沒有秩序,那么你的購物體驗可能會很糟糕。

image

現(xiàn)在,如果這家服裝店按尺碼、商品類型(短褲與短褲、褲子與褲子)、甚至按季節(jié)來排列,那么購物體驗會變得更加愉快和直觀。不僅滿意度會更高,而且顧客找到他們打算購買的商品并完成銷售的可能性也會增加。

image

就像在實體商店中一樣,我們的數(shù)字產(chǎn)品必須是可以被發(fā)現(xiàn)的,并且在處理信息方面要具有邏輯性。這既是一個好的用戶體驗決策,也是一個極佳的商業(yè)策略。

分類法(Taxonomies)

分類法是一種特殊的信息分類,利用了下面我們將介紹的元數(shù)據(jù)。分類法是一種組織結構,典型的是樹狀結構,在要分類的對象或項目之間具有層次結構。這個比較有技術含量,因此我們將其放在上面的示例中來說明。

「有組織的」服裝店示例中,我們通過幾個不同的選項(顏色、尺寸、類型)來對服裝進行組織。每個選項都是我們的「服裝 Clothing」分類法的一部分,并處于一個層次結構中。

分類法樹狀結構

在顏色(Color)、尺碼(Size)和類型(Type)中,還有「子分類」的存在。在「類型 Type」中,可能會有短褲(Shorts)褲子(Pants)、襯衫(Shirts)連衣裙(Dresses)的分類。根據(jù)我們希望對商店中的商品進行分類的粒度(granularity),我們可能會在樹狀圖中添加額外的子分類。分類法越精細,用戶的搜索就越具體。

以XD Idea網(wǎng)站為例,所有博客都使用「分類法」來組織文章。這樣做的目的是為了讓你在尋找特定內(nèi)容時,可以通過導航找到它。在此處增加顆粒度有助于內(nèi)容的發(fā)現(xiàn)。如果我們在博客分類法中僅有一個級別的分類(例如設計、原型、測試),那將無法幫助用戶發(fā)現(xiàn)和設計界面有關的深入內(nèi)容。用戶可以直接找到「設計」這個分類相關的內(nèi)容,但隨后可能需要篩查大量信息才能找到具體的內(nèi)容。

為了讓用戶能夠更方便的找到內(nèi)容,可以在「設計」這個分類法中增加一些子分類,比如網(wǎng)頁設計、移動端設計語音設計游戲設計等?,F(xiàn)在,當有人在尋找「為Web設計界面」的相關內(nèi)容時,設計分類中進一步細分了特定于Web的內(nèi)容。

元數(shù)據(jù)(Metadata)

有了組織結構(分類法),現(xiàn)在需要對所有的信息進行分類。分類法本身只是提供了組織架構,但在所有信息在包括元數(shù)據(jù)之前,還不算真正被組織起來。

元數(shù)據(jù)是每條信息的定義屬性和分類,這也是搜索引擎可以利用它來理解內(nèi)容的原因所在。在代碼中,元數(shù)據(jù)通??雌饋硐袷蔷哂邢嚓P值的屬性列表,這些值表明了該項目的分類。對于網(wǎng)頁來說,與元數(shù)據(jù)相關的內(nèi)容如下:

  • 元標題:用于描述網(wǎng)站內(nèi)容的描述性標題。
  • 元描述:較長的內(nèi)容描述,通常是頁面內(nèi)容的介紹性摘要。
  • 社交元標記:Twitter,F(xiàn)acebook和其他社交平臺使用特定的元標簽,可以幫助你控制帖子圖片、標題和描述在這些平臺上分享時的顯示方式。
  • 位置和語言:用于告訴搜索引擎內(nèi)容所使用的語言或位置的標簽。

元數(shù)據(jù)標簽可以是廣泛的,并根據(jù)需求進行定制。在上面的商店例子中,需要為每個服裝項目分類打上標簽,這意味著元數(shù)據(jù)可能看起來像這樣:

image
  • 名稱 Name { Unisex Red T-Shirt }
  • 顏色 Color { Red }
  • 尺寸 Size { Medium }
  • 類型 Type { Shirt }
    • 襯衫類型 Shirt Type { T-Shirt}
  • 材質(zhì) Material { Cotton }

一旦為每個項目定義了這些特征,就有助于填充分類法結構和組織數(shù)據(jù)。根據(jù)這些元數(shù)據(jù),我們知道我們希望可以在T恤部分中找到此商品,并與其他中等尺寸的襯衫組織在一起。根據(jù)我們的分類結構,也可以按材料或顏色進行組織。

在設計中使用分類法和元數(shù)據(jù)

在你開始設計任何用戶體驗(無論是數(shù)字體驗還是實體體驗)之前,了解這種組織結構是很重要的。正如我們所看到的,如果沒有配置適當?shù)姆诸惙?,實體和數(shù)字購物體驗可能會面臨同樣的組織挑戰(zhàn)。電子商務的優(yōu)勢在于,搜索元數(shù)據(jù)標簽的能力可以使客戶更容易發(fā)現(xiàn)產(chǎn)品。

在你開始設計之前,請先了解你的用戶旅程和需求。將用戶需求與對現(xiàn)有元數(shù)據(jù)的理解或映射(在理清信息清單后)進行配對,有助于定制分類法以適應用戶旅程。這樣做將幫助你構建你的設計元素,例如導航和內(nèi)容層次結構。

如果你想找一個「分類法」的實例,可以看看熱門網(wǎng)站是如何配置其主導航的。主導航和次級導航通常代表用于組織信息的分類法。

image

Apple.com網(wǎng)站中,我們可以了解到用來組織產(chǎn)品的分類法的一些要素。頂部導航包括廣泛的、為消費者所熟知的類別,如Mac、iPadiPhone。二級導航按產(chǎn)品類型Macbook Air、Macbook Pro 13”、iMaciMac Pro進行細分。這與客戶瀏覽網(wǎng)站的方式保持一致。

有趣的是,這種數(shù)字體驗和大多數(shù)蘋果店的店內(nèi)體驗有很多相似之處。在實體體驗中,每張桌子都代表了其中一個頂級的導航項目,而在這個桌子上擺放的商品就是產(chǎn)品類型的分類。蘋果很好地將他們的店內(nèi)分類法和數(shù)字分類法統(tǒng)一起來,以便用戶能夠更好地尋找產(chǎn)品。

當然,對于蘋果公司來說,這是基于固定數(shù)量產(chǎn)品的非常有經(jīng)驗的體驗。然而這些產(chǎn)品中仍然嵌入了元數(shù)據(jù),以便于搜索。

使用谷歌搜索Apple.com的Macbook Pro 32GB產(chǎn)品頁面的結果顯示。

了解你的分類結構,以及你想為元素(標題、作者、日期、類別)顯示哪些元數(shù)據(jù)對你進行設計會很有幫助??梢岳斫獾氖牵@些結構是可以改變的,并且應該像其他部分一樣迭代進行。但是,從一開始就設置好這些結構將有助于你了解設計中需要包含哪些模板、頁面和元素。

使用現(xiàn)有的內(nèi)容

如果你想對現(xiàn)有內(nèi)容、產(chǎn)品或正在進行重新設計的網(wǎng)站進行構建和組織信息,則在開始之前進行內(nèi)容審計非常有必要。這包括查看網(wǎng)站內(nèi)的所有頁面、產(chǎn)品和內(nèi)容,了解存在哪些元數(shù)據(jù),以及哪里有缺失。然后結合分析,不僅可以更好的用來研究客戶,還可以通過重組分類法來改善產(chǎn)品渠道。


英文原文:https://xd.adobe.com/ideas/process/information-architecture/organizing-information-taxonomies-metadata/
原文作者:Matt Rae
編譯作者:@設計吐司

以上譯文僅代表原作者觀點。如需轉(zhuǎn)載請遵循CC版權協(xié)議正確標明出處。

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

友情鏈接更多精彩內(nèi)容