2018-12-2 鶴鶴
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
前言
標(biāo)簽設(shè)計(jì)是我們最經(jīng)常用的設(shè)計(jì)組件之一，由于功能強(qiáng)大，使用場(chǎng)景多樣化深受設(shè)計(jì)師們的喜愛(ài)。好的標(biāo)簽設(shè)計(jì)就像一劑完美的助攻，能幫助用戶(hù)完成當(dāng)前的任務(wù)，幫助產(chǎn)品達(dá)到業(yè)務(wù)目標(biāo)。接下來(lái)我們會(huì)講到標(biāo)簽的定義、特征以主要的功能和使用場(chǎng)景。
目錄
1.標(biāo)簽的定義
2.標(biāo)簽的特征
3.標(biāo)簽的作用
4.標(biāo)簽的使用場(chǎng)景
5.總結(jié)
標(biāo)簽是事物抽象出來(lái)的定義，方便用戶(hù)標(biāo)記和機(jī)器識(shí)別。當(dāng)然我們這里只需要理解在用戶(hù)行為層面的使用，用戶(hù)最終通過(guò)標(biāo)簽進(jìn)行信息反饋和交互操作。
A.開(kāi)放性（所有用戶(hù)可見(jiàn)）
B.輕量化（以關(guān)鍵詞的形式）
C.參與性（標(biāo)簽內(nèi)容可以由用戶(hù)主動(dòng)生成）
標(biāo)簽的兩大作用我們可以理解為“信息傳遞”和“交互操作”。接下來(lái)我們?cè)敿?xì)分析一下標(biāo)簽的兩大作用。
A.信息傳遞
無(wú)論 icon 圖形標(biāo)簽或是文字標(biāo)簽首要的任務(wù)都是信息傳遞，因?yàn)檫m宜的標(biāo)簽設(shè)計(jì)能讓用戶(hù)產(chǎn)生正確的聯(lián)想，進(jìn)而執(zhí)行下一步操作。我們可以理解為標(biāo)簽信息傳遞是為了滿(mǎn)足用戶(hù)的隱性需求，當(dāng)用戶(hù)在猶豫是否要進(jìn)行下一步操作的時(shí)候，標(biāo)簽信息的作用則是加強(qiáng)用戶(hù)的需求欲望，促進(jìn)完成下一步操作。
結(jié)合上述中標(biāo)簽輕量化的特征，標(biāo)簽都是由提取的關(guān)鍵詞組成。根據(jù)產(chǎn)品屬性和業(yè)務(wù)的不同關(guān)鍵詞的維度也各有所不同。例如偏向內(nèi)容平臺(tái)一般都會(huì)從內(nèi)容中提取關(guān)鍵詞，來(lái)達(dá)到為其他同屬性?xún)?nèi)容引流的目的。
而電商快銷(xiāo)類(lèi)平臺(tái)則是為了達(dá)到業(yè)務(wù)目標(biāo)而盡量突出與用戶(hù)利益相關(guān)的優(yōu)惠活動(dòng)。例如：熱銷(xiāo)、精選、滿(mǎn)減等目的性特別強(qiáng)的關(guān)鍵詞。
B.交互操作
標(biāo)簽的最終目的其實(shí)是幫助用戶(hù)完成交互操作。我們可以分為可點(diǎn)擊和不可點(diǎn)擊兩種。
可點(diǎn)擊的標(biāo)簽一般多用于為產(chǎn)品內(nèi)部流量分發(fā)，為其他同屬性?xún)?nèi)容導(dǎo)流，點(diǎn)擊標(biāo)簽進(jìn)入其他頁(yè)面。不可點(diǎn)擊的標(biāo)簽的主要工作則是輔助業(yè)務(wù)模塊，刺激用戶(hù)點(diǎn)擊業(yè)務(wù)模塊。因?yàn)橛脩?hù)是否點(diǎn)擊的該業(yè)務(wù)模塊還需要考慮到其他因素，這時(shí)標(biāo)簽的作用更多的是輔助整個(gè)業(yè)務(wù)模塊刺激用戶(hù)點(diǎn)擊。
接下來(lái)我們會(huì)根據(jù)標(biāo)簽的作用來(lái)歸納分析一下市場(chǎng)上主流的標(biāo)簽使用場(chǎng)景。主要包括產(chǎn)品展示&運(yùn)營(yíng)活動(dòng)、興趣推薦（模糊推薦）、內(nèi)容引流、篩選分類(lèi)、填寫(xiě)評(píng)論等五個(gè)主要的使用場(chǎng)景。
A.產(chǎn)品展示&運(yùn)營(yíng)活動(dòng)
產(chǎn)品展示和運(yùn)營(yíng)活動(dòng)是標(biāo)簽最經(jīng)常出現(xiàn)的兩個(gè)場(chǎng)景。因?yàn)檫@兩個(gè)場(chǎng)景都有很強(qiáng)的目的性！產(chǎn)品展示最重要的目的就是提高產(chǎn)品的購(gòu)買(mǎi)率，所以除了商品基本信息之外我們需要添加更加符合用戶(hù)利益的的標(biāo)簽來(lái)吸引用戶(hù)，輔助產(chǎn)品完成點(diǎn)擊購(gòu)買(mǎi)的任務(wù)，我們以小紅書(shū)為例：
小紅書(shū)的商品展示模塊會(huì)將“折扣信息”和“自營(yíng)”等標(biāo)簽放在底部，一方面刺激用戶(hù)直接點(diǎn)擊購(gòu)買(mǎi)，另一方面用戶(hù)會(huì)根據(jù)“關(guān)鍵詞”去判斷選擇那種購(gòu)買(mǎi)的方式會(huì)更加實(shí)惠。
運(yùn)營(yíng)活動(dòng)則更多來(lái)激發(fā)用戶(hù)的參與感。需要從多方面贏得用戶(hù)的信任，一般情況下會(huì)通過(guò)加強(qiáng)與用戶(hù)之間的情感和利益的聯(lián)系，通過(guò)利益的吸引來(lái)促使用戶(hù)在短時(shí)間之內(nèi)做出決定。我們以下廚房為例：
下廚房活動(dòng)區(qū)通過(guò)添加“夏秋特輯”的標(biāo)簽，來(lái)滿(mǎn)足用戶(hù)潛在對(duì)夏秋養(yǎng)生的需求，通過(guò)底部的添加“專(zhuān)欄“標(biāo)簽來(lái)提高活動(dòng)的專(zhuān)業(yè)度，贏得用戶(hù)的信任。下廚房從潛在需求和專(zhuān)業(yè)度的角度促進(jìn)了用戶(hù)的點(diǎn)擊參與的欲望。
B.興趣推薦（模糊推薦）
當(dāng)用戶(hù)進(jìn)入一個(gè)新的場(chǎng)景的時(shí)候，用戶(hù)往往顯得不知所措，這個(gè)時(shí)候我們需要提供”興趣標(biāo)簽“來(lái)為用戶(hù)引導(dǎo)方向，用戶(hù)可以根據(jù)平時(shí)自己的興趣愛(ài)好選擇標(biāo)簽。產(chǎn)品基于用戶(hù)選擇標(biāo)簽來(lái)推薦用戶(hù)感興趣的內(nèi)容。我們以閑魚(yú)為例：
閑魚(yú)在魚(yú)塘頁(yè)面的熱門(mén)主題模塊中，通過(guò)”興趣標(biāo)簽“流的形式來(lái)引導(dǎo)一部分目的不明確的用戶(hù)來(lái)選擇自己感興趣的標(biāo)簽，進(jìn)入自己感興趣的魚(yú)塘中，滿(mǎn)足了用戶(hù)的潛在需求。
C.內(nèi)容引流
在注重內(nèi)容的平臺(tái)當(dāng)中，標(biāo)簽承擔(dān)著為其他內(nèi)容導(dǎo)流的任務(wù)。我們常見(jiàn)內(nèi)容引流的方式有兩種：一種是文末出現(xiàn)關(guān)聯(lián)性標(biāo)簽，另一種則是搜索推薦。
關(guān)聯(lián)性標(biāo)簽通常會(huì)在內(nèi)容底部出現(xiàn)，從內(nèi)容中提取出與本文相關(guān)聯(lián)的“關(guān)鍵詞”作為標(biāo)簽，當(dāng)用戶(hù)瀏覽其中的內(nèi)容后，通過(guò)標(biāo)簽來(lái)滿(mǎn)足了用戶(hù)想瀏覽其他相關(guān)內(nèi)容的潛在需求。我們以UC頭條為例：
UC頭條通過(guò)從內(nèi)容中提取相關(guān)內(nèi)容的“關(guān)鍵詞”標(biāo)簽，來(lái)滿(mǎn)足用戶(hù)對(duì)瀏覽同屬性?xún)?nèi)容的潛在需求，同時(shí)達(dá)到了為平臺(tái)內(nèi)其他內(nèi)容引流的目的。
搜索推薦，當(dāng)用戶(hù)要進(jìn)行搜索的時(shí)候，app 會(huì)根據(jù)日常的瀏覽的數(shù)據(jù)和近期的熱點(diǎn)進(jìn)行興趣推薦。這種場(chǎng)景下通常會(huì)弱化一下標(biāo)簽視覺(jué)沖擊力，減少對(duì)用戶(hù)主觀意識(shí)的影響，這樣做既不影響用戶(hù)進(jìn)行搜索同時(shí)又為用戶(hù)提供了推薦選擇。我們以豆瓣為例：
豆瓣的搜索界面會(huì)在最近搜索下面顯示豆瓣熱搜，以標(biāo)簽的形式的來(lái)展示平臺(tái)內(nèi)的的熱門(mén)話題，從而達(dá)到為其他內(nèi)容導(dǎo)流的目的，促使平臺(tái)內(nèi)部的流量分發(fā)平衡。
D.篩選分類(lèi)
通過(guò)標(biāo)簽進(jìn)行篩選分類(lèi)能更加精準(zhǔn)的選擇所需要的內(nèi)容。用戶(hù)可以通過(guò)篩選自己認(rèn)為對(duì)自己有用的數(shù)據(jù)維度信息，來(lái)進(jìn)行信息的篩選。這樣用戶(hù)可以在一定范圍內(nèi)的內(nèi)容進(jìn)行瀏覽自己感興趣的內(nèi)容，避免了用戶(hù)耗費(fèi)大量的精力和時(shí)間去瀏覽信息，提高了用戶(hù)的閱讀效率。我們以淘寶的評(píng)論區(qū)域?yàn)槔?
淘寶的評(píng)論區(qū)域通過(guò)算法將評(píng)論的內(nèi)容通過(guò)標(biāo)簽的形式進(jìn)行分類(lèi)，用戶(hù)可以根據(jù)自己需求進(jìn)行篩選，瀏覽自己感興趣的評(píng)論，這樣幫助用戶(hù)提高了瀏覽的效率，減少了用戶(hù)在時(shí)間精力上的消耗。
E.填寫(xiě)評(píng)論
傳統(tǒng)的評(píng)論區(qū)域需要用戶(hù)填寫(xiě)大量的文字，但是我們可以通過(guò)前期對(duì)數(shù)據(jù)收集分析，選用常用的數(shù)據(jù)，預(yù)設(shè)成通用標(biāo)簽，用戶(hù)可以根據(jù)自己的喜好進(jìn)行快速選擇點(diǎn)擊選擇，減少交互的路徑。例如我們會(huì)在完成某項(xiàng)操作任務(wù)之后，app 會(huì)提示我們進(jìn)行評(píng)價(jià)。我們以滴滴打車(chē)為例：
滴滴在完成行程和支付環(huán)節(jié)之后，會(huì)自動(dòng)彈出評(píng)價(jià)頁(yè)面，而這個(gè)時(shí)候用戶(hù)通常是沒(méi)有過(guò)多的精力去處理這些事情的，為了提高用戶(hù)填寫(xiě)評(píng)價(jià)數(shù)量，滴滴將常用的評(píng)價(jià)提煉成關(guān)鍵詞的形式，用戶(hù)可以通過(guò)點(diǎn)擊預(yù)設(shè)的評(píng)價(jià)來(lái)完成評(píng)論任務(wù)，這樣能有效的減少用戶(hù)所要消耗的精力，優(yōu)化用戶(hù)體驗(yàn)，提高信息采集率。
這次我們講到了標(biāo)簽的定義是事物抽象出來(lái)的定義，標(biāo)簽具備開(kāi)放性、輕量化、參與性的三個(gè)主要特征。標(biāo)簽的主要作用是信息傳遞和交互操作，交互操作包括可點(diǎn)擊和輔助點(diǎn)擊兩種狀態(tài)，其目的分別是為平臺(tái)內(nèi)部導(dǎo)流和貼合用戶(hù)潛在需求和痛點(diǎn)。最后我們我們總結(jié)歸納標(biāo)簽的主要使用場(chǎng)景分別是產(chǎn)品展示和運(yùn)營(yíng)活動(dòng)、興趣推薦、內(nèi)容引流、篩選分類(lèi)以及填寫(xiě)評(píng)論。
藍(lán)藍(lán)設(shè)計(jì)( www.lapeinture.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.lapeinture.cn