交互設(shè)計(jì)實(shí)用指南系列(6) –標(biāo)簽明晰、有效

0 評(píng)論 3246 瀏覽 5 收藏 8 分鐘

導(dǎo)航標(biāo)簽彼此互斥、完全窮盡。

導(dǎo)航標(biāo)簽其實(shí)就是一種文字表達(dá)形式,我們用標(biāo)簽來代表網(wǎng)站上的各種分類信息。比如“聯(lián)系我們”這個(gè)標(biāo)簽,代表的內(nèi)容通常會(huì)包括公司名稱、電話、地址、郵箱等信息。它可以是文字,也可以是圖片。在英文里被稱作“Label”,并不同于我們常說的“tag”標(biāo)簽云圖。

說簡單一點(diǎn),我們就是要為網(wǎng)站的信息做分類,并為它們起一個(gè)通俗易懂的名字。這其實(shí)是任何人都可以做的一件事情,所以在導(dǎo)航設(shè)計(jì)流程中,它的重要性也常常被忽略。在設(shè)計(jì)產(chǎn)品時(shí),常會(huì)聽到這樣的話:“這個(gè)欄目該叫什么名字?恩。。。先別管吧,把更重要的工作做了再說?!?/p>

然而,站在用戶的角度,導(dǎo)航標(biāo)簽代表的是整個(gè)網(wǎng)站的內(nèi)容、產(chǎn)品的結(jié)構(gòu),他們必須依靠標(biāo)簽的內(nèi)容和組織方式來尋找網(wǎng)站中的信息。

標(biāo)簽是訪客行為的觸發(fā)詞,好的標(biāo)簽?zāi)芪L客注意力,引導(dǎo)他們準(zhǔn)確地找到信息。導(dǎo)航標(biāo)簽是訪客預(yù)測目標(biāo)頁內(nèi)容的重要依據(jù),緊跟著它的就是導(dǎo)航中的關(guān)鍵點(diǎn),網(wǎng)頁的過渡,所以尤為重要,有歧義的標(biāo)簽逼人猜測它的意圖,甚至讓用戶走錯(cuò)路或迷失方向。

比如這個(gè)網(wǎng)站的標(biāo)簽:

這個(gè)網(wǎng)站的導(dǎo)航標(biāo)簽比較極端,首先標(biāo)簽之間的互斥性差,“淘寶潮流榜”、“愛物秀場”、“敗家俱樂部”等,含義和實(shí)際內(nèi)容都非常接近;其次是一致性差,標(biāo)簽的粒度不同、長度不同、語氣不同,甚至還有英文出現(xiàn),可謂五花八門; 最糟糕的是,在標(biāo)簽的選擇上,用了很多自作聰明的詞語,如“愛騷談資”,用戶很難預(yù)測到鏈接背后是什么內(nèi)容。

設(shè)計(jì)標(biāo)簽的過程,實(shí)際上就是對(duì)信息分類的過程,我們應(yīng)當(dāng)堅(jiān)持MECE原則,也就是彼此獨(dú)立、完全窮盡(Mutally Exclusive,Collectively Exhaustive)。這是一種客觀的角度。你也可以站在主觀的角度進(jìn)行分類,但必須做到標(biāo)準(zhǔn)清晰、在目標(biāo)群體中能獲得充分共識(shí)。

怎樣的標(biāo)簽才能稱作好的標(biāo)簽?它應(yīng)該滿足這幾個(gè)方面:

1、好的標(biāo)簽,應(yīng)該使用客戶的語言,避免使用術(shù)語、行話、縮寫詞等用戶難以理解的詞語;

2、采用描述性的標(biāo)簽,避免使用“信息”、“細(xì)節(jié)”等過于寬泛的詞語,盡量以某種方式加以限定,如:“給買家的信息”、“交易細(xì)節(jié)”。

3、標(biāo)簽之間的互斥性要強(qiáng),盡可能地尋找差異化;

4、使用聚焦地標(biāo)簽,如,能把貓、狗、倉鼠等歸納為“寵物”,就不要用“動(dòng)物”。

5、在粒度、語法、展現(xiàn)、用法等方面保持標(biāo)簽的一致性;

6、較長的標(biāo)簽往往比短標(biāo)簽更好,但并非越長越好,請(qǐng)盡量控制在12個(gè)字以內(nèi)(這不是一個(gè)硬性規(guī)定)。

那我們?cè)O(shè)計(jì)標(biāo)簽時(shí)的詞匯從何而來呢?是憑空想象出來的嗎?當(dāng)然不是啦,你可以從以下幾個(gè)方面獲得詞匯:

1、你自己的網(wǎng)站或產(chǎn)品

你的網(wǎng)站和產(chǎn)品,在前期建設(shè)中,已經(jīng)積累了很多標(biāo)簽。我們要做的,就是遍走整個(gè)網(wǎng)站,盡可能收集所有標(biāo)簽,然后用表格進(jìn)行整理。

比如,我們?cè)谔越陌鏁r(shí),對(duì)現(xiàn)有標(biāo)簽系統(tǒng)進(jìn)行了一次整理,在表格的幫助下,比較容易看出現(xiàn)有標(biāo)簽系統(tǒng)存在的問題。

2、類似網(wǎng)站或競爭對(duì)手網(wǎng)站

如果你還沒有網(wǎng)站和產(chǎn)品,那就要去同類型網(wǎng)站或競爭對(duì)手網(wǎng)站去收集標(biāo)簽了。相信這一做法,在互聯(lián)網(wǎng)上,幾乎是無師自通的。你可以通過對(duì)同類型網(wǎng)站標(biāo)簽系統(tǒng)的觀察和比較,得到一些行業(yè)類比較通用的詞匯,降低用戶的理解成本。

你可以用同樣的方式,收集同類型或競爭對(duì)手網(wǎng)站的標(biāo)簽,以供參考:

3、受控詞表或敘詞表

這是由圖書館員和特定領(lǐng)域的專家所建立的資源,這些詞匯都是專家們付出很多努力的成果,表達(dá)方式精確且一致,而且這些資源通常是公開的。其實(shí)信息架構(gòu)的很多理論,都來源于圖書館管理。

在完全沒有依據(jù)的情況下,我們必須設(shè)計(jì)新的標(biāo)簽系統(tǒng)時(shí),應(yīng)該怎么辦呢?

你可以對(duì)通過對(duì)內(nèi)容進(jìn)行分析、要求內(nèi)容的產(chǎn)生者提供、或者象專家或你的直接用戶求助??ㄆ诸惙ㄒ彩潜容^流行的一種做法。

卡片分類大概有4個(gè)步驟:

1、招募志愿者,大部分項(xiàng)目適當(dāng)?shù)目ㄆ诸愔驹刚呷藬?shù)是 15 人,大型項(xiàng)目可以達(dá)到 30 人。個(gè)人覺得如果只是想對(duì)自己想法進(jìn)行驗(yàn)證的話,5-10 人即可。

2、? 準(zhǔn)備卡片,寫上你預(yù)先設(shè)定好的標(biāo)簽(這些標(biāo)簽必須是你們內(nèi)部討論或請(qǐng)教過專家的結(jié)果)。

3、? 讓用戶進(jìn)行分類,你可以觀察用戶的分類過程,以及對(duì)標(biāo)簽的理解。

4、? 對(duì)卡片分類的結(jié)果進(jìn)行分析,如果數(shù)據(jù)龐大,你可以借用軟件進(jìn)行分析,推薦工具有 IBM EZSort、CardZort、WebSort 等。

對(duì)卡片分類感興趣的同學(xué)可以進(jìn)一步查閱資料,我們?cè)谶@里就不詳細(xì)說明了。

來源:http://ued.taobao.com/blog/2010/01/18/標(biāo)簽明晰、有效/

延伸閱讀:

交互設(shè)計(jì)實(shí)用指南系列(1) – “有效性”之“操作入口明確”

交互設(shè)計(jì)實(shí)用指南系列(2) –“有效性”之“可及”

交互設(shè)計(jì)實(shí)用指南系列(3)—“有效性”之“適時(shí)幫助”

交互設(shè)計(jì)實(shí)用指南系列(4)—“有效性”之“簡潔清晰,自然易懂”

交互設(shè)計(jì)實(shí)用指南系列(5)—突出重點(diǎn),一目了然

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒評(píng)論,等你發(fā)揮!