萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 程式設計 >  >> 網頁製作 >> 互動設計

交互設計實用指南(六):導航標籤的 MECE 原則與詞彙來源

導航標籤是網站信息分類的文字表達,如「聯系我們」代表公司名、電話、地址、郵箱等。英文稱 Label,區別於 Tag 標籤雲。看似簡單——「給分類起個名字」,實則常被忽視:「這欄目叫啥?先別管,幹大事要緊。」但對用戶而言,標籤代表整站內容結構,是他們尋找信息、預測目標頁內容的唯一依據。

好的標籤能吸引注意、精準導航;有歧義的標籤逼迫用戶猜測,甚至迷失方向。反面教材:某站標籤「淘寶潮流榜」「愛物秀場」「敗家俱樂部」含義高度重疊(互斥性差);粒度、長度、語氣不一,甚至混雜英文(一致性差);更用「愛騷談資」類自作聰明詞彙,用戶無法預測鏈接內容。

好標籤的六大標準(MECE 原則)

設計標籤即對信息分類,應堅持 MECE(彼此獨立、完全窮盡),或以主觀標準但須在目標群體獲共識。具體六條:

  1. 用客戶語言: 避免術語、行話、縮寫;
  2. 描述性強: 拒絕「信息」「細節」等泛詞,改用「給買家的信息」「交易細節」;
  3. 互斥性強: 標籤間盡量差異化;
  4. 聚焦性: 能用「寵物」歸納貓狗倉鼠,就別用「動物」;
  5. 一致性: 粒度、語法、展現、用法統一;
  6. 長度適中: 較長標籤往往優於短標籤,建議 ≤12 字(非硬性)。

標籤詞彙從哪來?四大來源

1. 自己網站/產品

遍走全站收集現有標籤,用表格整理。淘江湖改版時即通過表格暴露現有系統問題。

2. 同類/競品網站

收集競品標籤系統,獲取行業通用詞彙,降低用戶理解成本。

3. 受控詞表/敘詞表

圖書館員與領域專家構建的公開資源,表達精確一致。信息架構理論多源於圖書館學。

4. 無依據時的新建方法

  • 內容分析;
  • 請內容生產者提供;
  • 求助專家/直觀用戶;
  • 卡片分類法: 招募 15-30 位志願者(驗證想法 5-10 人即可)→ 準備預設標籤卡片 → 觀察用戶分類過程 → 分析結果(工具:IBM EZSort、CardZort、WebSort)。

參考文獻:《Web 信息架構:設計大型網站》《Web 導航設計》
作者:淡月 | 文章來源:淘寶 UED

copyright © 萬盛學電腦網 all rights reserved