在移動端產品中，標簽不是核心內容，甚至有點不起眼，但是誰都無法忽略它的存在。特別是在電商平臺中，標簽已經成為了不可或缺的設計形式。今天我們就來總結下標簽設計的細節(jié)。

文章主要分為 3 部分：

• 標簽是什么？
• 標簽需要表達什么？
• 標簽設計的要點

標簽是什么？

1. 功能標簽

百度百科給出的解釋是"Tag（標簽）是一種更為靈活、有趣的日志分類方式，可以為每篇日志添加一個或多個 Tag（標簽）"。

例如在網絡平臺發(fā)布文章時，作者可以定義多個標簽，方便讀者更好的理解文章內容。同時平臺也可以根據標簽聚合同類文章，建立目錄索引，引導讀者快速查看標簽文章。

還有一種就是「話題標簽」更加靈活，通常采用"#+任意文字"的形式，作為超鏈接可以跳轉到專題或者信息聚合頁。例如微信、微博、今日頭條的話題標簽。

以上 2 種形式更多的是從功能角度出發(fā)，側重分類和索引功能。

2. 標簽組件

在設計側更講求標簽的信息傳遞及表現形式。AntDesign、TDesign 等 Web 端規(guī)范都有專門的 Tag 組件，可以看出主要有 3 個作用——標記、分類和選擇。

標簽需要表達什么？

在移動端產品中，標簽通常出現在"發(fā)現"、"推薦"頁面，或者搜索結果頁面中。通過簡單精煉的表達方式，在有限的空間輔助信息表達，讓用戶可以更多維度地了解內容，引起用戶注意并激發(fā)用戶興趣。

所以標簽所表達的內容至關重要，主要包括以下 3 個信息方向。

1. 商品或服務特點

對電商平臺而言，商品、價格，服務、物流等服務環(huán)節(jié)都會影響到用戶決策，因此需要盡可能地將商品及服務的價值點傳遞給用戶。而移動端產品屏幕空間有限，需要將各類信息分層有序的展現出來。

標簽既可以突出商品折扣、優(yōu)惠信息、服務特色吸引用戶，又不會占用太多的空間，所以成為了商品展示重要的輔助信息。

2. 用戶行為

最近我在使用支付寶在付款時，發(fā)現對方賬戶信息增加了"經常光顧"的輔助標簽，讓我可以更放心地完成付款。簡單的標簽可以緩解用戶誤操作的焦慮，增強安全感。

而在騰訊云手機端登錄時，增加了"上次登錄"的標簽，降低了多賬號用戶的記憶成本，帶給用戶更好的用戶體驗。

同樣在電商平臺中，用戶行為也成為了重要的標簽符號，買過，訂閱過、瀏覽過等標簽可以喚醒用戶的記憶，拉進商品與用戶間的距離，有助于帶來更好的點擊量。

3. 從眾心理引導

當用戶無法決策時，從眾心理會成為影響用戶決策的重要因素。所以在電商平臺，銷量作為非常重要的排序條件單獨展示，方便用戶快捷操作。同樣其他用戶的收藏量、下單量、播放量數據也會對用戶行為產生影響。因此這類信息廣泛應用在標簽設計中，積極引導用戶點擊和轉化。

標簽設計的要點

1. 精煉

標簽通常面積比較小，主要作為輔助或者補充信息，幫助用戶更好的理解主體信息。因此需要精煉易懂，不適合展示大段內容。但是過于簡單的標簽，無法給用戶足夠的信息，容易讓用戶看不懂、產生疑惑。

例如美團美食中的標簽。"訂"是什么含義呢？提前預訂？訂座？"買"又是什么含義呢？買單？買券？當然可能是因為我不經常使用美團，對標簽有些不太理解。所以這些標簽信息對我來說，也起不到傳遞信息的作用。

2. 視覺突出

由于面積比較小，標簽通常會增加背景色，或者采用鮮亮的色彩、圖形吸引用戶的注意。但是在不同的產品中，視覺突出的方式也是不同的。我們可以通過以下 3 款產品的封面標簽了解其中的微妙差異。

騰訊視頻采用的是固定背景色標簽，標簽本身成為了一種信息符號，重在表達產品視頻的特性，強調突出醒目。

在美團中，標簽采用透明底色，信息以銷量和好評率為主，作為菜品的輔助信息，更多考慮的是減少對圖片造成干擾，輔助標簽文本信息的傳遞。

而在網易云音樂中，標簽采用的是封面主色調作為底色，盡量與封面融為一體，減少對封面干擾，保證標簽文本信息的有效傳遞。

3. 一致性與差異化

標簽是需要遵循一致性還是差異性呢？不同的平臺給出了截然不同的答案。

在淘寶中，標簽基本是固定在同一色系中，采用相近的視覺形式。當然首單優(yōu)惠、次日達等重點服務特性則采用了明顯的差異化表現形式。另外電商平臺中的廣告標簽，更多是滿足政策法規(guī)的要求，不得已而為之，因此相比價格優(yōu)惠等利益點標簽，明顯被弱化了。

而在京東中，不同類型的標簽具有明顯的差異化，整體形式、顏色都不一樣，力求通過差異化輔助標簽信息的傳遞。

大家是如何看待標簽的一致性和差異化的呢？歡迎大家評論區(qū)留言討論~

以上就是我對標簽的一點思考，今天的分享到此結束。

子牧UXD