DIV CSS 佈局教程網

tag和label區別的問題去年曾經在概描述和泛描述中提出過，當時的結論其實不夠明確，大概“tag是泛描述，而label是概描述”的意思。近來“做”產品感觸不深，但“用”產品的觸動，讓我似乎...

tag和label區別的問題去年曾經在概描述和泛描述中提出過，當時的結論其實不夠明確，大概“tag是泛描述，而label是概描述”的意思。近來“做”產品感觸不深，但“用”產品的觸動，讓我似乎更清晰了tag與label之間的區別。比如會碰到這樣的情況：

1. 網易郵箱裡“極速3.0”和“簡約3.0”有什麼區別？
2. 淘寶賣家後台的“掌櫃推薦”和“櫥窗推薦”有什麼區別？

我理解郵箱裡“極速”和“簡約”是有關聯的詞，因為“簡約”所以“極速”，他們之間並不是平級關系，所以作為並列項會有傳達上的問題。我理解淘寶賣家後台裡“掌櫃推薦”和“櫥窗推薦”用戶理解是一回事，難道“櫥窗推薦”的貨物不是“掌櫃”推薦的嗎？所以當做為功能描述時也容易產生歧義。

以上兩個問題可能需要對相應產品比較熟悉的人才知道，相信大家很快會想到自己使用過產品中的類似疑惑。此類問題相當普遍，其根源在於對內容的概括出現偏差，但顯然這種問題不是tag，在內容組織范疇那應該是什麼？答案就是label，除產品描述，其應用范疇還涉及功能名稱、模塊名稱、導航名稱、引導文字等等場景。

另外在做設計的角度，我們經常想破頭去描述某個產品功能，要麼為了更准確，要麼為了更好理解，其前提都是緊緊圍繞咱們的核心用戶群。如果產品主要針對高級用戶，那麼需要准確和專業的描述，需要強化術語；如果主要針對初級用戶，那麼需要約略和民間的描述，盡量避免術語。

其實都知道，同樣產品要兼顧兩類用戶並不現實，常見處理的辦法是分版本。當然，版本名稱的叫法還是回到的了“描述”這個話題，好的版本名稱是成功的關鍵步驟（參考前文網易郵箱例子）。通用成體系對層級的理解可能是“初級、中級、高級”三類，但完全可以結合業務類型來定制更“動人”的描述，比如我覺得淘寶旺鋪的“初級版”叫做“創業扶持版”就是很好的創意，很直接的打動用戶。或者，我們來參考下Win7關於“初級版、家庭普通版、家庭高級版、專業版、企業版、旗艦版”六種不同級別版本的叫法，分別針對各典型用戶和場景。

基本可以理解為，從產品最初的“產品名稱”，到“子產品名稱”，再到“功能模塊名稱”等等，其實都需要認真的做label。因此，還是沒有脫離“泛描述、概描述”的觀點，我認為“label是概描述”的結論還是比較准確。tag寫的內容比較多，不做重復闡述。更進一步綜合對比，我認為tag與label之間有三個顯著差異：

1. label是本身的，tag是附加的；
2. label強調是一種標志，tag強調是一種記號；
3. label標明信息之間的歸屬，tag區別信息之間的差異。

當然，最好還是都有個中文對應。tag叫“標簽”在翻譯基本沒問題，並且同行的認識也比較統一。label的中文翻譯個人認為叫“標記”更合適，描述比較准確（其實這個概括也是做label的過程），並且也與“標簽”很好的搭檔了起來。於是，有了在UCD2010年會上分享的這張圖：

針對開始提到“網易郵箱”和“淘寶賣家後台”的那兩個問題，提供兩點思路。“網易郵箱”的極速版、簡約版保留“極速版”就可以，“默認”也應該改成“標准版”，並且應該默認“極速版”（推薦使用）。淘寶賣家後台的“掌櫃推薦”和“櫥窗推薦”這兩個功能合並為“掌櫃推薦”，再往下細分推薦到達“搜索結果頁、店鋪和商品頁”的兩類途徑。