互動設計實用指南系列 6 標籤明晰 有效

2022-09-20 21:30:16 字數 1762 閱讀 5920

說簡單一點,我們就是要為**的資訊做分類,並為它們起乙個通俗易懂的名字。這其實是任何人都可以做的一件事情,所以在導航設計流程中,它的重要性也常常被忽略。在設計產品時,常會聽到這樣的話:「這個欄目該叫什麼名字?恩。。。先別管吧,把更重要的工作做了再說。」

然而,站在使用者的角度,導航標籤代表的是整個**的內容、產品的結構,他們必須依靠標籤的內容和組織方式來尋找**中的資訊。

標籤是訪客行為的觸發詞,好的標籤能吸引訪客注意力,引導他們準確地找到資訊。導航標籤是訪客**目標頁內容的重要依據,緊跟著它的就是導航中的關鍵點,網頁的過渡,所以尤為重要,有歧義的標籤逼人猜測它的意圖,甚至讓使用者走錯路或迷失方向。

這個**的導航標籤比較極端,首先標籤之間的互斥性差,「**潮流榜」、「愛物秀場」、「敗家具樂部」等,含義和實際內容都非常接近;其次是一致性差,標籤的粒度不同、長度不同、語氣不同,甚至還有英文出現,可謂五花八門; 最糟糕的是,在標籤的選擇上,用了很多自作聰明的詞語,如「愛騷談資」,使用者很難**到鏈結背後是什麼內容。

設計標籤的過程,實際上就是對資訊分類的過程,我們應當堅持mece原則,也就是彼此獨立、完全窮盡(mutally exclusive,collectively exhaustive)。這是一種客觀的角度。你也可以站在主觀的角度進行分類,但必須做到標準清晰、在目標群體中能獲得充分共識。

怎樣的標籤才能稱作好的標籤?它應該滿足這幾個方面:

1、好的標籤,應該使用客戶的語言,避免使用術語、行話、縮寫詞等使用者難以理解的詞語;

2、採用描述性的標籤,避免使用「資訊」、「細節」等過於寬泛的詞語,盡量以某種方式加以限定,如:「給買家的資訊」、「交易細節」。

3、標籤之間的互斥性要強,盡可能地尋找差異化;

4、使用聚焦地標籤,如,能把貓、狗、倉鼠等歸納為「寵物」,就不要用「動物」。

5、在粒度、語法、展現、用法等方面保持標籤的一致性;

6、較長的標籤往往比短標籤更好,但並非越長越好,請盡量控制在12個字以內(這不是乙個硬性規定)。

那我們設計標籤時的詞彙從何而來呢?是憑空想象出來的嗎?當然不是啦,你可以從以下幾個方面獲得詞彙:

1、你自己的**或產品

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

2、類似**或競爭對手**

如果你還沒有**和產品,那就要去同型別**或競爭對手**去收集標籤了。相信這一做法,在網際網路上,幾乎是無師自通的。你可以通過對同型別**標籤系統的觀察和比較,得到一些行業模擬較通用的詞彙,降低使用者的理解成本。

3、受控詞表或敘詞表

這是由圖書館員和特定領域的專家所建立的資源,這些詞彙都是專家們付出很多努力的成果,表達方式精確且一致,而且這些資源通常是公開的。其實資訊架構的很多理論,都**於圖書館管理。

在完全沒有依據的情況下,我們必須設計新的標籤系統時,應該怎麼辦呢?

你可以對通過對內容進行分析、要求內容的產生者提供、或者象專家或你的直接使用者求助。卡片分類法也是比較流行的一種做法。

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

1、招募志願者,大部分專案適當的卡片分類志願者人數是 15 人,大型專案可以達到 30 人。個人覺得如果只是想對自己想法進行驗證的話,5-10 人即可。

2、 準備卡片,寫上你預先設定好的標籤(這些標籤必須是你們內部討論或請教過專家的結果)。

3、 讓使用者進行分類,你可以觀察使用者的分類過程,以及對標籤的理解。

4、 對卡片分類的結果進行分析,如果資料龐大,你可以借用軟體進行分析,推薦工具有 ibm ezsort、cardzort、websort 等。

對卡片分類感興趣的同學可以進一步查閱資料,我們在這裡就不詳細說明了。

互動設計實用指南系列 0 我們眼中的互動設計

互動設計 interaction design,縮寫 ixd 或者 iad 是定義 設計人造系統的行為的設計領域。人造物,即人工製成物品,例如,軟體 移動裝置 人造環境 服務 可佩帶裝置以及系統的組織結構。互動設計在於定義人造物的行為方式 the interaction 即人工製品在特定場景下的反應...

互動設計實用指南系列 12 避免出錯

乙個 簡單 和 複雜 的例子 在我和開發人員溝通乙個專案需求的時候,他們頻頻慨嘆mockup的設計所考慮情況之細緻,很多程式要實現的預判和 非基礎功能點 讓開發人員望而卻步不情願去實現。相比較設計師為了讓使用者避免出錯而絞盡腦汁去設想和考慮,開發人員更傾向於直接給到乙個只能容許的操作行為,其他非法請...

互動設計實用指南系列 8 深廣度平衡

圖1從右側這家店的櫥窗裡,我們能迅速分清哪些是租房資訊哪些是售房資訊。因為店家很貼心的將房產資訊進行歸類,並且在視覺上做了一些劃分,讓我們對資訊能一目了然。借這個小案例引出我們今天要分享的話題 深廣度平衡。其實 深廣度 本身並不是乙個單一的概念。在 的資訊架構中,有一種組織結構叫做樹形結構 首頁視為...