交互設計實用指南系列(6) –標籤明晰、有效

連接：http://ued.taobao.org/blog/2010/01/the-practice-guidelines-of-interaction-design-make-labels-clear-and-attractive/

 

導航標籤彼此互斥、徹底窮盡。

導航標籤其實就是一種文字表達形式，咱們用標籤來表明網站上的各類分類信息。好比「聯繫咱們」這個標籤，表明的內容一般會包括公司名稱、電話、地址、郵箱等信息。它能夠是文字，也能夠是圖片。在英文裏被稱做「Label」，並不一樣於咱們常說的「tag」標籤雲圖。

說簡單一點，咱們就是要爲網站的信息作分類，併爲它們起一個通俗易懂的名字。這實際上是任何人均可以作的一件事情，因此在導航設計流程中，它的重要性也經常被忽略。在設計產品時，常會聽到這樣的話：「這個欄目該叫什麼名字？恩。。。先別管吧，把更重要的工做作了再說。」

然而，站在用戶的角度，導航標籤表明的是整個網站的內容、產品的結構，他們必須依靠標籤的內容和組織方式來尋找網站中的信息。

標籤是訪客行爲的觸發詞，好的標籤能吸引訪客注意力，引導他們準確地找到信息。導航標籤是訪客預測目標頁內容的重要依據，緊跟着它的就是導航中的關鍵點，網頁的過渡，因此尤其重要，有歧義的標籤逼人猜想它的意圖，甚至讓用戶走錯路或迷失方向。

 

好比這個網站的標籤：

 

這個網站的導航標籤比較極端，首先標籤之間的互斥性差，「淘寶潮流榜」、「愛物秀場」、「敗傢俱樂部」等，含義和實際內容都很是接近；其次是一致性差，標籤的粒度不一樣、長度不一樣、語氣不一樣，甚至還有英文出現，可謂五花八門； 最糟糕的是，在標籤的選擇上，用了不少自做聰明的詞語，如「愛騷談資」，用戶很難預測到連接背後是什麼內容。

設計標籤的過程，實際上就是對信息分類的過程，咱們應當堅持MECE原則，也就是彼此獨立、徹底窮盡（Mutally Exclusive,Collectively Exhaustive）。這是一種客觀的角度。你也能夠站在主觀的角度進行分類，但必須作到標準清晰、在目標羣體中能得到充分共識。

怎樣的標籤才能稱做好的標籤？它應該知足這幾個方面：

一、好的標籤，應該使用客戶的語言，避免使用術語、行話、縮寫詞等用戶難以理解的詞語；

二、採用描述性的標籤，避免使用「信息」、「細節」等過於寬泛的詞語，儘可能以某種方式加以限定,如：「給買家的信息」、「交易細節」。

三、標籤之間的互斥性要強，儘量地尋找差別化；

四、使用聚焦地標籤，如，能把貓、狗、倉鼠等概括爲「寵物」，就不要用「動物」。

五、在粒度、語法、展示、用法等方面保持標籤的一致性；

六、較長的標籤每每比短標籤更好，但並不是越長越好，請儘可能控制在12個字之內（這不是一個硬性規定）。

那咱們設計標籤時的詞彙從何而來呢？是憑空想象出來的嗎？固然不是啦，你能夠從如下幾個方面得到詞彙：

一、你本身的網站或產品

你的網站和產品，在前期建設中，已經積累了不少標籤。咱們要作的，就是遍走整個網站，儘量收集全部標籤，而後用表格進行整理。

好比,咱們在淘江湖改版時，對現有標籤系統進行了一次整理，在表格的幫助下，比較容易看出現有標籤系統存在的問題。

 

二、相似網站或競爭對手網站

若是你尚未網站和產品，那就要去同類型網站或競爭對手網站去收集標籤了。相信這一作法，在互聯網上，幾乎是無師自通的。你能夠經過對同類型網站標籤系統的觀察和比較，獲得一些行業類比較通用的詞彙，下降用戶的理解成本。

你能夠用一樣的方式，收集同類型或競爭對手網站的標籤，以供參考：

三、受控詞表或敘詞表

這是由圖書館員和特定領域的專家所創建的資源，這些詞彙都是專家們付出不少努力的成果，表達方式精確且一致，並且這些資源一般是公開的。其實信息架構的不少理論，都來源於圖書館管理。

在徹底沒有依據的狀況下，咱們必須設計新的標籤系統時，應該怎麼辦呢？

你能夠對經過對內容進行分析、要求內容的產生者提供、或者象專家或你的直接用戶求助。卡片分類法也是比較流行的一種作法。

卡片分類大概有4個步驟：

一、招募志願者，大部分項目適當的卡片分類志願者人數是 15 人，大型項目能夠達到 30 人。我的以爲若是隻是想對本身想法進行驗證的話，5-10 人便可。

二、 準備卡片，寫上你預先設定好的標籤（這些標籤必須是大家內部討論或請教過專家的結果）。

三、 讓用戶進行分類，你能夠觀察用戶的分類過程，以及對標籤的理解。

四、 對卡片分類的結果進行分析，若是數據龐大，你能夠借用軟件進行分析，推薦工具備 IBM EZSort、CardZort、WebSort 等。

對卡片分類感興趣的同窗能夠進一步查閱資料，咱們在這裏就不詳細說明了。