編輯導(dǎo)讀：標(biāo)簽體系在產(chǎn)品設(shè)計(jì)過程中是非常重要的，也是設(shè)計(jì)連接前后端同學(xué)將業(yè)務(wù)需求在開發(fā)落地中不可或缺的一部分。本文作者圍繞標(biāo)簽化設(shè)計(jì)談了談自己的看法，與你分享。

一、什么是標(biāo)簽

百度釋義：網(wǎng)絡(luò)標(biāo)簽(Tag)是一種互聯(lián)網(wǎng)內(nèi)容組織方式，是相關(guān)性很強(qiáng)的關(guān)鍵字，它幫助人們輕松的描述和分類內(nèi)容，以便于檢索和分享，Tag已經(jīng)成為web 2.0的重要元素。

標(biāo)簽將內(nèi)容的組織權(quán)利從網(wǎng)站管理者下放到用戶手中，充分體現(xiàn)了web2.0自下而上，用戶參與的特點(diǎn)。以上為百度百科對于網(wǎng)絡(luò)標(biāo)簽（以下文章都統(tǒng)稱為“標(biāo)簽”）表述的已經(jīng)足夠讓大多數(shù)人理解了。

標(biāo)簽體系在產(chǎn)品設(shè)計(jì)過程中是非常重要的，也是設(shè)計(jì)連接前后端同學(xué)將業(yè)務(wù)需求在開發(fā)落地中不可或缺的一部分。市面主流樣式都是圖形+文字的組合，作為設(shè)計(jì)者在設(shè)計(jì)中往往會因?yàn)闃?biāo)簽設(shè)計(jì)的淺顯簡單而忽略掉標(biāo)簽設(shè)計(jì)的重要性，給設(shè)計(jì)師在設(shè)計(jì)上造成了生硬刻板的印象。出色的標(biāo)簽設(shè)計(jì)會根據(jù)業(yè)務(wù)需求，采取圖形+品牌理念的設(shè)計(jì)策略，此類標(biāo)簽擁有獨(dú)特的視覺符號，方便用戶快速識別，提升信息轉(zhuǎn)化的效率。

標(biāo)簽就相當(dāng)于連接內(nèi)容的“傳聲筒”，其聲量的大小可以影響到用戶的決策。依托于用戶場景，如果能夠做好本職工作，將重點(diǎn)信息內(nèi)容透傳給用戶側(cè)，對提升用戶對內(nèi)容的認(rèn)知度有所幫助，輔助用戶予以決策，即標(biāo)簽的價(jià)值。

簡而言之，標(biāo)簽就是結(jié)合產(chǎn)品內(nèi)容和特征提煉出的一種關(guān)鍵詞，便于用戶根據(jù)自身需求查找和使用的一種描述和定義。

二、標(biāo)簽使用場景

1. 電商類

基于業(yè)務(wù)側(cè)用戶的使用場景挖掘，通過符合用戶預(yù)期的機(jī)會點(diǎn)才能找到有效設(shè)計(jì)。標(biāo)簽為延續(xù)用戶行為推波助瀾，不同行業(yè)都有著各自特有的行業(yè)屬性標(biāo)簽，標(biāo)簽化體系在電商領(lǐng)域運(yùn)用也最為廣泛。

當(dāng)下比較火的淘寶、京東、拼多多等，算得上電商類標(biāo)桿性產(chǎn)品。目下為了迎合用戶的購買喜歡，提升下單轉(zhuǎn)化率。流行的做法是根據(jù)用戶的瀏覽行為等數(shù)據(jù)將各類用戶、寶貝、商家貼上標(biāo)簽，再利用算法機(jī)制推送符合用戶喜好的寶貝和店鋪，使得流量能夠合理分配，當(dāng)?shù)赇伒膶氊惻c對應(yīng)的人群契合度越高，店鋪的人群就越精準(zhǔn)。既迎合了用戶口味，節(jié)省了買家購物時(shí)效，又提升了商家的轉(zhuǎn)化率。打通這一渠道的關(guān)鍵就是”標(biāo)簽化“。

筆者也只是挖掘了一部分標(biāo)簽，可以看出大致上可以分為以下五個(gè)標(biāo)簽維度：

• 產(chǎn)品屬性類；
• 優(yōu)惠類；
• 寶貝所屬大類；
• 營銷場景類；
• 榜單類；

▲ 商家店鋪標(biāo)簽

商家店鋪所屬類目相對穩(wěn)定，基本上一個(gè)店鋪所售產(chǎn)品都是同一類型，產(chǎn)品定位相對明確。所以店鋪標(biāo)簽相對而言不會太多，以上「商家店鋪標(biāo)簽」只是一部分標(biāo)簽類型。

▲ 寶貝標(biāo)簽

▲ 排行/榜單

在消費(fèi)場景中，產(chǎn)品為追求打造持續(xù)的“逛街”感，同時(shí)又要有效降低用戶疲勞感。在用戶逛的過程中，利用突出賣點(diǎn)和利益點(diǎn)等要素，這時(shí)候標(biāo)簽化體系就可以迎合用戶需求，達(dá)到用戶轉(zhuǎn)化目的。但由于大多數(shù)用戶在逛的場景中消費(fèi)目的性不明確，產(chǎn)品通過提取不同維度更多元化的標(biāo)簽，可以精準(zhǔn)的將寶貝推送給用戶，促進(jìn)下單轉(zhuǎn)化，進(jìn)而有種“千人千面”的效果。

2. 金融類

▲ 支付寶金融模塊標(biāo)簽

通常我們所涉及到的常見金融類標(biāo)簽維度有以下三類：

• 平臺保障類；
• 產(chǎn)品風(fēng)險(xiǎn)類；
• 金融產(chǎn)品大類；

可以想像在銀行、證券交易所這類機(jī)構(gòu)辦理業(yè)務(wù)的很多時(shí)候，需要跟工作人員反復(fù)溝通，以確保交易的安全性。

在金融類產(chǎn)品標(biāo)桿支付寶中，標(biāo)簽同時(shí)也起到與用戶溝通的作用，當(dāng)各類輔助交易的關(guān)鍵信息進(jìn)行符號化之后，承載著更多信息源，用戶可以根據(jù)自身關(guān)注的信息源來篩選金融產(chǎn)品。從某種程度來看，正確對用戶引導(dǎo)也確實(shí)大大降低了客服進(jìn)線壓力，還能通過標(biāo)簽幫助用戶理解內(nèi)容信息，符號化的標(biāo)簽信息加強(qiáng)用戶對信息的記憶。

在界面設(shè)計(jì)中，進(jìn)行符號化之后的圖形+文字標(biāo)簽文案，可以清晰的在當(dāng)前界面中向用戶透傳出金融產(chǎn)品的關(guān)鍵信息，提升用戶對金融產(chǎn)品的快速認(rèn)知，來幫助用戶進(jìn)行甄別交易可行性。

3. 招聘類

▲ Boss直聘

常見互聯(lián)網(wǎng)招聘產(chǎn)品標(biāo)簽維度有以下四類：

• 企業(yè)規(guī)模類；
• 工作性質(zhì)類；
• 崗位要求類；
• 技能要求類；

互聯(lián)網(wǎng)招聘類產(chǎn)品將求職者和企業(yè)連接。為了方便求職者在平臺能夠更高效的找到與自身匹配的工作，將各JD和企業(yè)關(guān)鍵信息標(biāo)簽化處理，細(xì)分后的內(nèi)容與用戶標(biāo)簽匹配，更精確的推送在求職者面前，使得信息更加聚焦，提升內(nèi)容轉(zhuǎn)化，增加溝通機(jī)會。求職者會根據(jù)標(biāo)簽內(nèi)容調(diào)整自身簡歷及面試準(zhǔn)備，增加拿到offer的幾率，同時(shí)也提升招聘方對人才的滿意度。大幅度提升求職者和招聘方的雙向使用體驗(yàn)。

三、設(shè)計(jì)總結(jié)

結(jié)合上述不同行業(yè)標(biāo)簽維度的用例和顯性效果，大致可以看出標(biāo)簽設(shè)計(jì)的幾類設(shè)計(jì)特征。

• 標(biāo)簽符號化：文字+圖形的設(shè)計(jì)語言；
• 不同維度的標(biāo)簽設(shè)計(jì)樣式不同，樣式切勿吸睛奪目制造視覺干擾；
• 標(biāo)簽設(shè)計(jì)的文案（字段）長短盡量簡短清晰，具有一定的識別性，易通性；
• 一般官方平臺類屬性標(biāo)簽區(qū)別于通用產(chǎn)品標(biāo)簽，強(qiáng)調(diào)一定的視覺效果；
• 標(biāo)簽也需要分層呈現(xiàn)，注意優(yōu)先級排序；

再小的點(diǎn)也能做出有深度的設(shè)計(jì)～

后續(xù)會繼續(xù)針對工作中細(xì)微之處做一些設(shè)計(jì)見解，如果你也喜歡研究細(xì)節(jié)，歡迎關(guān)注，一起進(jìn)步～

本文由 @禪悅 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于 CC0 協(xié)議