如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點這里

前言

標(biāo)簽設(shè)計是我們最經(jīng)常用的設(shè)計組件之一，由于功能強大，使用場景多樣化深受設(shè)計師們的喜愛。好的標(biāo)簽設(shè)計就像一劑完美的助攻，能幫助用戶完成當(dāng)前的任務(wù)，幫助產(chǎn)品達到業(yè)務(wù)目標(biāo)。接下來我們會講到標(biāo)簽的定義、特征以主要的功能和使用場景。

目錄

1.標(biāo)簽的定義

2.標(biāo)簽的特征

3.標(biāo)簽的作用

4.標(biāo)簽的使用場景

5.總結(jié)

標(biāo)簽是事物抽象出來的定義，方便用戶標(biāo)記和機器識別。當(dāng)然我們這里只需要理解在用戶行為層面的使用，用戶最終通過標(biāo)簽進行信息反饋和交互操作。

 

A.開放性（所有用戶可見）

B.輕量化（以關(guān)鍵詞的形式）

C.參與性（標(biāo)簽內(nèi)容可以由用戶主動生成）

標(biāo)簽的兩大作用我們可以理解為“信息傳遞”和“交互操作”。接下來我們詳細分析一下標(biāo)簽的兩大作用。

A.信息傳遞

無論 icon 圖形標(biāo)簽或是文字標(biāo)簽首要的任務(wù)都是信息傳遞，因為適宜的標(biāo)簽設(shè)計能讓用戶產(chǎn)生正確的聯(lián)想，進而執(zhí)行下一步操作。我們可以理解為標(biāo)簽信息傳遞是為了滿足用戶的隱性需求，當(dāng)用戶在猶豫是否要進行下一步操作的時候，標(biāo)簽信息的作用則是加強用戶的需求欲望，促進完成下一步操作。

結(jié)合上述中標(biāo)簽輕量化的特征，標(biāo)簽都是由提取的關(guān)鍵詞組成。根據(jù)產(chǎn)品屬性和業(yè)務(wù)的不同關(guān)鍵詞的維度也各有所不同。例如偏向內(nèi)容平臺一般都會從內(nèi)容中提取關(guān)鍵詞，來達到為其他同屬性內(nèi)容引流的目的。

而電商快銷類平臺則是為了達到業(yè)務(wù)目標(biāo)而盡量突出與用戶利益相關(guān)的優(yōu)惠活動。例如：熱銷、精選、滿減等目的性特別強的關(guān)鍵詞。

B.交互操作

標(biāo)簽的最終目的其實是幫助用戶完成交互操作。我們可以分為可點擊和不可點擊兩種。

可點擊的標(biāo)簽一般多用于為產(chǎn)品內(nèi)部流量分發(fā)，為其他同屬性內(nèi)容導(dǎo)流，點擊標(biāo)簽進入其他頁面。不可點擊的標(biāo)簽的主要工作則是輔助業(yè)務(wù)模塊，刺激用戶點擊業(yè)務(wù)模塊。因為用戶是否點擊的該業(yè)務(wù)模塊還需要考慮到其他因素，這時標(biāo)簽的作用更多的是輔助整個業(yè)務(wù)模塊刺激用戶點擊。

接下來我們會根據(jù)標(biāo)簽的作用來歸納分析一下市場上主流的標(biāo)簽使用場景。主要包括產(chǎn)品展示&運營活動、興趣推薦（模糊推薦）、內(nèi)容引流、篩選分類、填寫評論等五個主要的使用場景。

A.產(chǎn)品展示&運營活動

產(chǎn)品展示和運營活動是標(biāo)簽最經(jīng)常出現(xiàn)的兩個場景。因為這兩個場景都有很強的目的性！產(chǎn)品展示最重要的目的就是提高產(chǎn)品的購買率，所以除了商品基本信息之外我們需要添加更加符合用戶利益的的標(biāo)簽來吸引用戶，輔助產(chǎn)品完成點擊購買的任務(wù)，我們以小紅書為例：

小紅書的商品展示模塊會將“折扣信息”和“自營”等標(biāo)簽放在底部，一方面刺激用戶直接點擊購買，另一方面用戶會根據(jù)“關(guān)鍵詞”去判斷選擇那種購買的方式會更加實惠。

運營活動則更多來激發(fā)用戶的參與感。需要從多方面贏得用戶的信任，一般情況下會通過加強與用戶之間的情感和利益的聯(lián)系，通過利益的吸引來促使用戶在短時間之內(nèi)做出決定。我們以下廚房為例：

下廚房活動區(qū)通過添加“夏秋特輯”的標(biāo)簽，來滿足用戶潛在對夏秋養(yǎng)生的需求，通過底部的添加“專欄“標(biāo)簽來提高活動的專業(yè)度，贏得用戶的信任。下廚房從潛在需求和專業(yè)度的角度促進了用戶的點擊參與的欲望。

B.興趣推薦（模糊推薦）

當(dāng)用戶進入一個新的場景的時候，用戶往往顯得不知所措，這個時候我們需要提供”興趣標(biāo)簽“來為用戶引導(dǎo)方向，用戶可以根據(jù)平時自己的興趣愛好選擇標(biāo)簽。產(chǎn)品基于用戶選擇標(biāo)簽來推薦用戶感興趣的內(nèi)容。我們以閑魚為例：

閑魚在魚塘頁面的熱門主題模塊中，通過”興趣標(biāo)簽“流的形式來引導(dǎo)一部分目的不明確的用戶來選擇自己感興趣的標(biāo)簽，進入自己感興趣的魚塘中，滿足了用戶的潛在需求。

C.內(nèi)容引流

在注重內(nèi)容的平臺當(dāng)中，標(biāo)簽承擔(dān)著為其他內(nèi)容導(dǎo)流的任務(wù)。我們常見內(nèi)容引流的方式有兩種：一種是文末出現(xiàn)關(guān)聯(lián)性標(biāo)簽，另一種則是搜索推薦。

關(guān)聯(lián)性標(biāo)簽通常會在內(nèi)容底部出現(xiàn)，從內(nèi)容中提取出與本文相關(guān)聯(lián)的“關(guān)鍵詞”作為標(biāo)簽，當(dāng)用戶瀏覽其中的內(nèi)容后，通過標(biāo)簽來滿足了用戶想瀏覽其他相關(guān)內(nèi)容的潛在需求。我們以UC頭條為例：

UC頭條通過從內(nèi)容中提取相關(guān)內(nèi)容的“關(guān)鍵詞”標(biāo)簽，來滿足用戶對瀏覽同屬性內(nèi)容的潛在需求，同時達到了為平臺內(nèi)其他內(nèi)容引流的目的。

搜索推薦，當(dāng)用戶要進行搜索的時候，app 會根據(jù)日常的瀏覽的數(shù)據(jù)和近期的熱點進行興趣推薦。這種場景下通常會弱化一下標(biāo)簽視覺沖擊力，減少對用戶主觀意識的影響，這樣做既不影響用戶進行搜索同時又為用戶提供了推薦選擇。我們以豆瓣為例：

豆瓣的搜索界面會在最近搜索下面顯示豆瓣熱搜，以標(biāo)簽的形式的來展示平臺內(nèi)的的熱門話題，從而達到為其他內(nèi)容導(dǎo)流的目的，促使平臺內(nèi)部的流量分發(fā)平衡。

D.篩選分類

通過標(biāo)簽進行篩選分類能更加精準(zhǔn)的選擇所需要的內(nèi)容。用戶可以通過篩選自己認(rèn)為對自己有用的數(shù)據(jù)維度信息，來進行信息的篩選。這樣用戶可以在一定范圍內(nèi)的內(nèi)容進行瀏覽自己感興趣的內(nèi)容，避免了用戶耗費大量的精力和時間去瀏覽信息，提高了用戶的閱讀效率。我們以淘寶的評論區(qū)域為例：

淘寶的評論區(qū)域通過算法將評論的內(nèi)容通過標(biāo)簽的形式進行分類，用戶可以根據(jù)自己需求進行篩選，瀏覽自己感興趣的評論，這樣幫助用戶提高了瀏覽的效率，減少了用戶在時間精力上的消耗。

E.填寫評論

傳統(tǒng)的評論區(qū)域需要用戶填寫大量的文字，但是我們可以通過前期對數(shù)據(jù)收集分析，選用常用的數(shù)據(jù)，預(yù)設(shè)成通用標(biāo)簽，用戶可以根據(jù)自己的喜好進行快速選擇點擊選擇，減少交互的路徑。例如我們會在完成某項操作任務(wù)之后，app 會提示我們進行評價。我們以滴滴打車為例：

滴滴在完成行程和支付環(huán)節(jié)之后，會自動彈出評價頁面，而這個時候用戶通常是沒有過多的精力去處理這些事情的，為了提高用戶填寫評價數(shù)量，滴滴將常用的評價提煉成關(guān)鍵詞的形式，用戶可以通過點擊預(yù)設(shè)的評價來完成評論任務(wù)，這樣能有效的減少用戶所要消耗的精力，優(yōu)化用戶體驗，提高信息采集率。

這次我們講到了標(biāo)簽的定義是事物抽象出來的定義，標(biāo)簽具備開放性、輕量化、參與性的三個主要特征。標(biāo)簽的主要作用是信息傳遞和交互操作，交互操作包括可點擊和輔助點擊兩種狀態(tài)，其目的分別是為平臺內(nèi)部導(dǎo)流和貼合用戶潛在需求和痛點。最后我們我們總結(jié)歸納標(biāo)簽的主要使用場景分別是產(chǎn)品展示和運營活動、興趣推薦、內(nèi)容引流、篩選分類以及填寫評論。

藍藍設(shè)計( m.lzhte.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計