隨著科技的不斷發(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)容。
盡管信息架構(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ì)的服裝末秃。如果這些服裝是隨意擺放的概页,不同尺寸混在一起,短褲和襯衫混在一起练慕,混亂沒有秩序惰匙,那么你的購物體驗可能會很糟糕技掏。
現(xiàn)在,如果這家服裝店按尺碼项鬼、商品類型(短褲與短褲哑梳、褲子與褲子)、甚至按季節(jié)來排列绘盟,那么購物體驗會變得更加愉快和直觀鸠真。不僅滿意度會更高,而且顧客找到他們打算購買的商品并完成銷售的可能性也會增加龄毡。
就像在實體商店中一樣吠卷,我們的數(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)中垮卓。
在顏色(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ù)可能看起來像這樣:
- 名稱 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)航通常代表用于組織信息的分類法笔链。
從Apple.com網(wǎng)站中,我們可以了解到用來組織產(chǎn)品的分類法的一些要素腮猖。頂部導(dǎo)航包括廣泛的鉴扫、為消費者所熟知的類別,如Mac澈缺、iPad和iPhone坪创。二級導(dǎo)航按產(chǎn)品類型Macbook Air、Macbook Pro 13”姐赡、iMac和iMac 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ù)薄嫡,以便于搜索氧急。
了解你的分類結(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)明出處妙痹。