DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 用戶體驗設計:弱化分類和標簽的區別
用戶體驗設計:弱化分類和標簽的區別
編輯:關於網頁技巧     

互聯網時代,面對充斥滿屏幕等待挑選的信息,如果能按屬性和內容特征篩選信息,無疑是磨刀不誤砍柴工。標記內容目前有兩種方式,一個是分類,另外一個是打標簽。

標簽:網絡2.0的象征

標簽:網絡2.0的象征

內容需要“做標記”,如同楊是樹,長江第一大橋在武漢一樣。互聯網時代,面對充斥滿屏幕等待挑選的信息,如果能按屬性和內容特征篩選信息,無疑是磨刀不誤砍柴工。

標記內容目前有兩種方式,一個是分類,另外一個是打標簽。

為什麼給內容做標記

因為我們要找東西,一切我們認為有用的東西。

方便識別

當一則“內容”出現在我們面前,我們首先需要識別它。不管是否需要深入關注,只要是我們主動或被動地接觸到內容後,我們就不得不去了解它的概要。最簡單的,一說“天壇”你就知道在北京、是一座建築;一說起“愛情”你就知道……嗯,就是那玩意。

方便檢索

沒錯,因為此後我們只有兩種選擇:要它(和目的的相關性較高或者感興趣),不要它(反之)。這裡不涉及其程度。如果你正在找建築的內容,那麼你會要“黃鶴樓”,不要“蝴蝶效應”。

當然,世界上內容那麼多,我們總有不知道的;一旦出現識別失敗,我們會下意識地分析該條目所在的相關度來決定是要它(去檢索)還是不要它(跳過該條目)。無論如何,當你找到下一個條目時,你要做的事情回到的原點:識別。

識別和檢索有時很難區分,不過,我們總是帶著目的(已識別)尋找(去檢索)東西。如果只是無聊在網上打發時間,那麼“目的”就是你所有感興趣的東西。

標記方法

定義來自英文維基百科。

分類

分類是一個將思想或事物進行識別、差異化和理性化的過程。也通常是出於某一目的,進行分門別類(分組)。

最初的博客頁面自帶了分類功能;文章和類別是一一對應的。後來對分類進行了延伸,允許子類的存在,允許一篇文章對應多個分類。

標簽

標簽是網絡體系裡,對某塊信息(網址、圖像、文件等)的一個非體系的關鍵詞或術語。有了這種元數據(描述數據的數據)的輔助描述,有利於再次浏覽或搜索原數據(被描述的數據)。標簽有利於搜索引擎優化。

標簽誕生起就是一對多的形式。由於它也可以用作“分類”,所以它們之間界限不清,容易造成困惑。

分類和標簽的聯系

普遍認為,標簽增強了信息之間的聯系。很對,分類本身就組織了信息,建立了一種聯系;而標簽則換一個思維、從另一種角度建立聯系。它的出現當然是信息組織的進步。

1、建立聯系的方式不同

分類是自上而下的,也就是先有分類,爾後才有內容。

標簽是自下而上的,一定是先有內容,才有標簽。

這就決定了它們的維度不同。分類是抽象化,大綱級別;標簽是實例化,關鍵詞級別。

2、描述的類型不同

分類描述的是屬性,故名“分門別類”。花是花,樹是樹。

標簽描述的是內容特征,所以叫做“打標簽”,有點像“扣帽子”。

如何運用標記

1、自己

分類是標簽,而標簽不是分類。不過由於分類的延伸,它們之間的差異也越來越不明顯。也正是這樣,Wordpress後台有一個“分類和標簽互換”的功能。

即便如此,自己需要對內容有個明確的把握,而概括和提取能力是內容生產者最基本的能力。如果你都搞不懂你寫的是什麼,那就不要指望別人能明白了。

2、讀者

總的來說,都是組織信息的方式。如何組織,全看你,跟定義沒什麼關系。就好比吃蘋果,更在乎它好不好吃,賣多少錢,我們才懶得管它是什麼科什麼綱,生長周期是多少。

千鳥故意弱化分類和標簽的區別,直接放在一起

弱化分類和標簽的區別,直接放在一起

分類自上而下的特性,可以很好的給讀者一個概覽。通俗點,就是大范圍。讀者肯定寧願范圍從大到小,逐步定位,這樣比較符合閱讀邏輯。

標簽相反的特性,更適合“重聚”關鍵詞相同的內容。比如攝影和旅游兩個分類裡有提到西安,那麼“西安”作為一個標簽,可以把內容縱向整合到一起。所以,給一個“相關條目(比如文章)”最好不過了。不要驚訝它居然這麼“聰明”,能給讀者“投其所好”。其實聰明的是你,首先,分類已經聚合過一次;這回,你又貼上了一個恰當的標簽。

給出相關文章,留住讀者

給出相關文章,引導讀者

如何標記內容

具體問題具體分析,弄清它們之間的聯系後,很容易更好地組織內容。

針對分類

即便天大地大,我們感興趣的也不過那些內容。如果條目數量不夠支撐一個類別,不妨列入雜項。這樣既不會打斷自己的思路,也不會讓讀者一頭霧水。

火花集網站的主題目錄(分類)給出留白

分類給出留白

好的分類應該是每個類別各司其責,基本上沒有交叉,不然怎麼叫做“分門別類”呢?

請直擊主題;花哨的分類不如不分。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved