中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

本文主要討論了如何準(zhǔn)確運(yùn)用不同的產(chǎn)品標(biāo)簽，并分析了不同類型的產(chǎn)品標(biāo)簽形式以及各自的特點(diǎn)。

最近在做一款漫畫類的設(shè)計(jì)規(guī)范，里面涉及到小標(biāo)簽的設(shè)計(jì)，這其實(shí)是一個(gè)很簡(jiǎn)單的視覺(jué)樣式。但是我今天發(fā)微博的時(shí)候，選擇超話和話題時(shí)，發(fā)現(xiàn)了不同的標(biāo)簽樣式，就在想同樣都是標(biāo)簽，難道是因?yàn)椴煌a(chǎn)品就會(huì)有不同的標(biāo)簽樣式嗎？那我們?cè)谠O(shè)計(jì)的時(shí)候要怎么去準(zhǔn)確運(yùn)用呢？今天就來(lái)好好的討論一下吧！

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

這是目前一種社會(huì)現(xiàn)象的延伸，每個(gè)人在不同的環(huán)境里都會(huì)有標(biāo)簽或者給別人貼標(biāo)簽，這是人們面對(duì)信息量過(guò)多的環(huán)境來(lái)進(jìn)行的大腦再加工，化繁為簡(jiǎn)，清晰的掌握事物的具體特征和信息，通過(guò)標(biāo)簽化進(jìn)行簡(jiǎn)單歸類。

這種以社會(huì)化參與的低門檻形式，讓用戶能夠通過(guò)一個(gè)關(guān)鍵標(biāo)簽就能輕易表達(dá)訴求或者到找到感興趣的人、事、物。滿足這個(gè)快節(jié)奏的網(wǎng)絡(luò)時(shí)代，第一眼就讓用戶掌握信息，并且是不是不是自己關(guān)注的點(diǎn)。

二、不同類型的產(chǎn)品標(biāo)簽形式

其實(shí)對(duì)于用戶來(lái)說(shuō)，標(biāo)簽相當(dāng)內(nèi)容的關(guān)鍵詞，或者是話題，在運(yùn)營(yíng)方面能夠有很大幫助。

從設(shè)計(jì)上而言，文本描述的多樣性加上多維度的信息呈現(xiàn)，能夠讓整個(gè)頁(yè)面的表現(xiàn)力更加豐富，那么不同種類的產(chǎn)品與不同形式標(biāo)簽使用之間是否有關(guān)聯(lián)呢？

我們來(lái)看看：

1. UGC產(chǎn)品（以內(nèi)容為主）

下面請(qǐng)出我們UGC內(nèi)容的代表產(chǎn)品：

（1） 首先請(qǐng)出第一位代表選手：馬蜂窩

馬蜂窩的正在旅行頁(yè)面和推薦頁(yè)面都有使用標(biāo)簽，但是是兩種不同的形式，正在旅行頁(yè)面使用的是話題文字標(biāo)簽，推薦頁(yè)面使用的種類線框標(biāo)簽。

正在旅行的頁(yè)面采用的是卡片式的feed流，用戶在快速下滑的時(shí)候，僅僅通過(guò)少數(shù)的文字和圖片是很難知道這篇游記是寫的什么內(nèi)容，這個(gè)時(shí)候關(guān)鍵字標(biāo)簽?zāi)軌蚝芎玫钠鸬接脩魧?duì)游記內(nèi)容是否感興趣有大致的了解，因此這里的標(biāo)簽使用面型加#的小圖標(biāo)加上文字標(biāo)簽，使用藍(lán)色讓它的層級(jí)變高并且表現(xiàn)力增強(qiáng)了。

推薦頁(yè)面大部分都是標(biāo)題加圖片的列表，這個(gè)頁(yè)面則使用的是彩色線框這種有顏色的標(biāo)簽，單個(gè)列表搭配單個(gè)標(biāo)簽，信息層級(jí)比較高，但又不會(huì)搶了主要內(nèi)容的風(fēng)頭，對(duì)于整個(gè)頁(yè)面圖文混搭起到了很好的分類作用。

（2） 請(qǐng)出下面的代表選手：微博&即刻

微博和即刻僅有兩個(gè)標(biāo)簽，話題和超話標(biāo)簽（即刻為圈子，但兩者性質(zhì)差不多）。

先說(shuō)一下微博的，我之前發(fā)微博的時(shí)候其實(shí)并沒(méi)與搞懂話題標(biāo)簽和超話標(biāo)簽有什么區(qū)別，在我看來(lái)僅僅只是兩個(gè)文字標(biāo)簽表現(xiàn)形式不同，后來(lái)點(diǎn)進(jìn)去了才發(fā)現(xiàn)，超話可以關(guān)注，也可以在里面發(fā)帖子，并且兩者除了視覺(jué)上有細(xì)微的差別之外，都是一樣出現(xiàn)在發(fā)布的內(nèi)容里的。

其實(shí)并沒(méi)有說(shuō)這樣不好，只是個(gè)人并不常玩微博，需要一些學(xué)習(xí)成本，這種標(biāo)簽表現(xiàn)能力就比較弱，如果超話這個(gè)功能在微博里的位置沒(méi)有那么突出，與話題標(biāo)簽放在一起，影響就不是很大。

即刻相對(duì)于微博就簡(jiǎn)單一些，話題標(biāo)簽與發(fā)布內(nèi)容一起，加入的圈子標(biāo)簽會(huì)顯示在整個(gè)內(nèi)容的底部，同時(shí)使用淺灰色塊做底，搭配主題色的文字，層級(jí)和視覺(jué)表現(xiàn)力就比較強(qiáng)了。

而且用戶在看到有趣的內(nèi)容，就可以直接點(diǎn)擊進(jìn)入下面的圈子查看更多有意思的信息，能夠更好的吸引用戶進(jìn)入圈子。

小結(jié)：以文字內(nèi)容為主的標(biāo)簽大多是以#+藍(lán)色文字的形式，適合使用在文字內(nèi)容信息比較多的產(chǎn)品里，這樣的文字標(biāo)簽?zāi)軌蚋玫膸椭脩袅私膺@段內(nèi)容的主題及核心，幫助用戶在最短的時(shí)間內(nèi)找到自己感興趣的內(nèi)容。

2. UGC產(chǎn)品（以圖片為主）

UGC的圖片標(biāo)簽?zāi)軌蛴卸嘀氐木S度，讓整個(gè)圖片的內(nèi)容變得更加豐富并且生動(dòng)起來(lái)。當(dāng)用戶選擇性的通過(guò)觸屏讓標(biāo)簽信息呈現(xiàn)時(shí)，標(biāo)簽就與用戶之間發(fā)生了一種互動(dòng)，如下圖所示：

小紅書的圖片是可以加很多各種類型的標(biāo)簽，以白色描邊+黑色半透明作為標(biāo)簽背景，同時(shí)有位置指向，但是需要用戶點(diǎn)擊一下才會(huì)出現(xiàn)，一張圖片可以背景音樂(lè)、語(yǔ)音、文字等標(biāo)簽，這張圖片就被賦予了多個(gè)屬性。

以圖片為主的UGC和社交領(lǐng)域，這些屬性就是用戶之間的興趣點(diǎn)，用戶通過(guò)點(diǎn)擊圖片上的變遷找到自己感興趣的點(diǎn)，很大程度上降低了用戶的成本。

如上圖，你安利最愛(ài)的海底撈醬料攻略，配上又燃又炸的BGM，或者發(fā)自己最滿意的健身照，配上有活力的聲音，這樣的效果可比配圖加上300字的描述來(lái)的更加生動(dòng)，這種方式也算是一種新的溝通交流方式。

小結(jié)：UGC產(chǎn)出的圖片配上文字、語(yǔ)音等小標(biāo)簽的之后，能夠讓用戶對(duì)內(nèi)容和圖片有更方便切快速的解讀，因此這種形式的標(biāo)簽大多都會(huì)在以UGC為主的并且圖片比較多的產(chǎn)品里，也因此這種標(biāo)簽在其他產(chǎn)品里看到的不是很多。

3. 電商產(chǎn)品（產(chǎn)品列表為主）

電商產(chǎn)品因?yàn)樗麄兊奶厥鈱傩?，因此?huì)在產(chǎn)品信息的列表有很多關(guān)于促銷或者價(jià)格的標(biāo)簽來(lái)吸引用戶注意，但是根據(jù)不同的產(chǎn)品，標(biāo)簽的視覺(jué)表現(xiàn)都會(huì)有所變化，如下圖所示：

淘寶、京東和馬蜂窩的商品列表使用的標(biāo)簽都是有顏色的線條標(biāo)簽，不同的內(nèi)容會(huì)用顏色區(qū)別開的，但都是以主題色為主， 整體視覺(jué)層級(jí)比較強(qiáng)，可多個(gè)呈現(xiàn)。

但馬蜂窩和京東還有淺灰色標(biāo)簽搭配，是對(duì)產(chǎn)品做得賣點(diǎn)小補(bǔ)充，但視覺(jué)層級(jí)比較弱，從產(chǎn)品表現(xiàn)上來(lái)說(shuō)，因?yàn)榇黉N信息和可預(yù)訂是用戶的第一需求，可以薅羊毛的產(chǎn)品才是用戶們的本命。

美團(tuán)的列表是以有色線框標(biāo)簽，下面搭配深色塊的關(guān)鍵字標(biāo)簽，將排名、賣點(diǎn)和優(yōu)惠活動(dòng)很好的結(jié)合在了一起，但到了外賣模塊就有所不同。

美團(tuán)外賣和餓了么的標(biāo)簽從視覺(jué)上來(lái)說(shuō)算是比較接近了，列表頁(yè)的標(biāo)簽關(guān)于折扣使用的是有色線條標(biāo)簽，同時(shí)搭配淺色深字的評(píng)論標(biāo)簽來(lái)吸引用戶，但是到了產(chǎn)品的詳情頁(yè)，滿減的折扣信息視覺(jué)都會(huì)降低，將領(lǐng)取優(yōu)惠券的視覺(jué)變成最高。

為什么呢？因?yàn)闈M減同時(shí)還有優(yōu)惠券可以領(lǐng)，這屬于超出預(yù)期值的需求點(diǎn)，能夠很大的提高用戶點(diǎn)外賣的體驗(yàn)。

小結(jié)：電商類以產(chǎn)品列表為主的模塊，標(biāo)簽使用的大多是有色線框標(biāo)簽，灰底標(biāo)簽，深色塊的關(guān)鍵字標(biāo)簽，前兩者基本在這個(gè)模塊使用的頻次最高，可多個(gè)搭配，也可以混搭，還可以多個(gè)混搭，這些小標(biāo)簽是這個(gè)模塊的靈魂，能夠很快速的提高用戶對(duì)于商品列表的處理。

4. 視頻類產(chǎn)品

視頻類產(chǎn)品大多都是以圖片為主的列表展示，與上面的UGC圖片不同，這里的圖片就沒(méi)有互動(dòng)，以純信息標(biāo)簽給用戶看的，如下圖所示：

在圖片上增加標(biāo)簽，也是一樣對(duì)內(nèi)容進(jìn)行二次分類和細(xì)分，其實(shí)這里的標(biāo)簽更偏向于運(yùn)用多一些，但我們需要學(xué)習(xí)的是，如果運(yùn)營(yíng)的同學(xué)需要在圖片上加標(biāo)簽，我們的解決方案有哪些。

因?yàn)閳D片比較多的頁(yè)面本身視覺(jué)就會(huì)比較復(fù)雜，因此標(biāo)簽的增加要在視覺(jué)上起到輔助作用，同時(shí)又不會(huì)讓整個(gè)頁(yè)面變得很有負(fù)擔(dān)，因此大多都是對(duì)比色或者飽和度比較高的顏色，作為標(biāo)簽，作為視覺(jué)的第一層級(jí)。因此愛(ài)奇藝的近似色還有映客的黑底標(biāo)簽都是我們?cè)谠O(shè)計(jì)的時(shí)候值得參考的點(diǎn)，但愛(ài)奇異的標(biāo)簽處理方式屬于目前大部分產(chǎn)品使用頻率比較高的方案。

小結(jié)：在以整個(gè)圖片為主的界面，需要為某些內(nèi)容作出區(qū)分的時(shí)候，在圖片上標(biāo)簽是最加分的方式，但是顏色的搭配需要注意。

三、總結(jié)

現(xiàn)在我們可以回答之前文章開頭提到的那個(gè)問(wèn)題了，不同種類的產(chǎn)品與不同形式標(biāo)簽使用之間是有關(guān)聯(lián)的。

這么說(shuō)有點(diǎn)瑕疵，我們可以精確一點(diǎn)的說(shuō)，就是同種類型的模塊使用的標(biāo)簽大多都是同樣的形式，因此我們?cè)谧鲈O(shè)計(jì)的時(shí)候，可以先確定好是屬于以上的哪種模塊，就能夠快速的決定使用哪種標(biāo)簽了。

參考引文

http://1t.click/nga《產(chǎn)品剖析：為何“圖片+標(biāo)簽”值得玩味？》

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

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