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

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

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

image

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

為什么組織信息很重要

組織網(wǎng)站或數(shù)字產(chǎn)品上的信息對其成功至關(guān)重要架谎。無論你是在運營博客炸宵、電子商務(wù)網(wǎng)站還是網(wǎng)絡(luò)應(yīng)用,擁有一個清晰谷扣、直觀的信息結(jié)構(gòu)不僅對你有所幫助土全,還能幫助你的客戶完成他們的目標(biāo)。

想象一下会涎,當(dāng)你走進(jìn)一家實體店裹匙,里面有各種尺寸、顏色和材質(zhì)的服裝末秃。如果這些服裝是隨意擺放的概页,不同尺寸混在一起,短褲和襯衫混在一起练慕,混亂沒有秩序惰匙,那么你的購物體驗可能會很糟糕技掏。

image

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

image

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

分類法(Taxonomies)

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

「有組織的」服裝店示例中瞄沙,我們通過幾個不同的選項(顏色、尺寸慌核、類型)來對服裝進(jìn)行組織距境。每個選項都是我們的「服裝 Clothing」分類法的一部分,并處于一個層次結(jié)構(gòu)中垮卓。

分類法樹狀結(jié)構(gòu)

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

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

為了讓用戶能夠更方便的找到內(nèi)容,可以在「設(shè)計」這個分類法中增加一些子分類稻爬,比如網(wǎng)頁設(shè)計嗜闻、移動端設(shè)計語音設(shè)計游戲設(shè)計等∥Τ現(xiàn)在琉雳,當(dāng)有人在尋找「為Web設(shè)計界面」的相關(guān)內(nèi)容時,設(shè)計分類中進(jìn)一步細(xì)分了特定于Web的內(nèi)容友瘤。

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

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

元數(shù)據(jù)是每條信息的定義屬性和分類盟戏,這也是搜索引擎可以利用它來理解內(nèi)容的原因所在绪妹。在代碼中,元數(shù)據(jù)通呈辆浚看起來像是具有相關(guān)值的屬性列表邮旷,這些值表明了該項目的分類。對于網(wǎng)頁來說蝇摸,與元數(shù)據(jù)相關(guān)的內(nèi)容如下:

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

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

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

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

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

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

在你開始設(shè)計之前,請先了解你的用戶旅程和需求覆致。將用戶需求與對現(xiàn)有元數(shù)據(jù)的理解或映射(在理清信息清單后)進(jìn)行配對侄旬,有助于定制分類法以適應(yīng)用戶旅程。這樣做將幫助你構(gòu)建你的設(shè)計元素篷朵,例如導(dǎo)航和內(nèi)容層次結(jié)構(gòu)勾怒。

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

image

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

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

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

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

了解你的分類結(jié)構(gòu)岂座,以及你想為元素(標(biāo)題态蒂、作者、日期费什、類別)顯示哪些元數(shù)據(jù)對你進(jìn)行設(shè)計會很有幫助∈炙兀可以理解的是鸳址,這些結(jié)構(gòu)是可以改變的,并且應(yīng)該像其他部分一樣迭代進(jìn)行泉懦。但是稿黍,從一開始就設(shè)置好這些結(jié)構(gòu)將有助于你了解設(shè)計中需要包含哪些模板、頁面和元素崩哩。

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

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


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

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末铸史,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子怯伊,更是在濱河造成了極大的恐慌琳轿,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,188評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異利赋,居然都是意外死亡水评,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,464評論 3 395
  • 文/潘曉璐 我一進(jìn)店門媚送,熙熙樓的掌柜王于貴愁眉苦臉地迎上來中燥,“玉大人,你說我怎么就攤上這事塘偎×粕妫” “怎么了?”我有些...
    開封第一講書人閱讀 165,562評論 0 356
  • 文/不壞的土叔 我叫張陵吟秩,是天一觀的道長咱扣。 經(jīng)常有香客問我,道長涵防,這世上最難降的妖魔是什么闹伪? 我笑而不...
    開封第一講書人閱讀 58,893評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮壮池,結(jié)果婚禮上偏瓤,老公的妹妹穿的比我還像新娘。我一直安慰自己椰憋,他們只是感情好厅克,可當(dāng)我...
    茶點故事閱讀 67,917評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著橙依,像睡著了一般证舟。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上窗骑,一...
    開封第一講書人閱讀 51,708評論 1 305
  • 那天女责,我揣著相機與錄音,去河邊找鬼慧域。 笑死鲤竹,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的昔榴。 我是一名探鬼主播辛藻,決...
    沈念sama閱讀 40,430評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼互订!你這毒婦竟也來了吱肌?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,342評論 0 276
  • 序言:老撾萬榮一對情侶失蹤仰禽,失蹤者是張志新(化名)和其女友劉穎氮墨,沒想到半個月后纺蛆,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,801評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡规揪,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,976評論 3 337
  • 正文 我和宋清朗相戀三年桥氏,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片猛铅。...
    茶點故事閱讀 40,115評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡字支,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出奸忽,到底是詐尸還是另有隱情堕伪,我是刑警寧澤,帶...
    沈念sama閱讀 35,804評論 5 346
  • 正文 年R本政府宣布栗菜,位于F島的核電站欠雌,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏疙筹。R本人自食惡果不足惜富俄,卻給世界環(huán)境...
    茶點故事閱讀 41,458評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望腌歉。 院中可真熱鬧蛙酪,春花似錦、人聲如沸翘盖。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,008評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽馍驯。三九已至,卻和暖如春玛痊,著一層夾襖步出監(jiān)牢的瞬間汰瘫,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,135評論 1 272
  • 我被黑心中介騙來泰國打工擂煞, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留混弥,地道東北人。 一個月前我還...
    沈念sama閱讀 48,365評論 3 373
  • 正文 我出身青樓对省,卻偏偏與公主長得像蝗拿,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子蒿涎,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,055評論 2 355