一、前言

数字时代中，标签在购物网站、社交媒体、搜索引擎等各个领域都发挥着重要作用。尽管标签的面积较小，它们却能够为用户提供关键信息，帮助用户快速做出决策。因此，设计一个合理、规范的标签体系成为了许多平台需要面对的挑战。作为百度旗下的B2B平台，爱采购通过不断优化标签体系以提升用户体验。下面将以此为例，简述B2B平台标签体系的设计优化思路。

1、常见的标签&作用

标签常用于展示内容/功能/商品/活动/价格/身份等信息，用于对高优信息进行标记&分类，辅助用户决策。

2、标签对爱采购平台的作用

爱采购作为百度旗下的企业一站式采销平台，致力于让买家直接接触海量商品和优质商家，同时还为卖家提供商家运营后台，帮助他们快速实现交易目标。在平台上，经过认证的商家和商品信息将会被打上相应的标签，确保真实性和实力资质。这些标签不仅展现了商家的优势，更是他们宝贵的会员权益。

3、原标签体系因何而变

平台的slogan从“买卖好货源，做出好生意”转变为“定制、批发、找工厂就来爱采购”的阶段中，逐步推出「实力品牌」「交易服务」「加工定制」「资质认证」四类标签权益。当推出新权益时，为了快速树立用户认知，将新权益的标签权重进行强化。但随着权益体系的逐步完善，各类标签优先级排序不合理、不清晰等问题日益凸显，影响用户对各种权益的价值认知。

4、新标签体系如何求变

我们从平台的角度出发，通过对标签权重进行排序和分类、统一标签的构成形式，致力于建立统一的标签体系，统一会员权益的感知，完善设计规范，并建立标签建设的协同机制，以规范后续标签的更新迭代产出。

二、分类-排序-收敛

1、标签分类

现有的标签从B2B平台的属性和用户的视角来看，可以分为六大类：会员类、认证类、服务类、交易类、保障类、资质类。

2、标签排序

各类标签都有其独特的重要性，但在设计表达时，需要从助力买家寻找优质店铺&服务这一核心情境出发，根据平台对标签的综合定位和用户的心智感知，定义标签的权重排序，并划分出强中弱三个梯级，以便后续的标签样式系统优化。

3、标签收敛

1）样式收敛

新权益推出时，常基于应用场景用“位置”和“样式”强化对应的标签。随着权益体系的完善，一个标签存在多种样式使得权益表达的不统一，影响了用户对标签价值的认知。为解决这一问题，需要对标签样式的数量进行收敛。保留符合标签权重和通用性强的样式，作为标签迭代的基础范式。

2）应用收敛

常规非特色信息使用标签，反而影响其他标签的权重和页面的阅读效率，根据奥卡姆剃刀原则“如无必要，勿增实体”，需要通过视觉降噪来提升页面的可阅读性。

三、统一标签体系的构成

1、形

标签的大小通常分为大、中、小三种，而标签的宽度常根据内容的长度进行适配。因此，在规则定义上，标签的大小会受到其高度的影响。

• 大标签（高度18-22Pt）：常用于表格、表单等信息密度相对较低的场景，使用相对较大的标签，以便与其他信息达到视觉上的平衡。
• 中标签（高度15-17Pt）：最常见的标签大小，常用于Feeds、用户信息卡等场景中。
• 小标签（高度12-14Pt）：由于面积较小，通常用来承载辅助信息，常见于Feeds等场景中。

结合爱采购平台的核心场景和常用文字字号，16Pt的标签高度与其他信息的大小比例最为平衡，故选择16Pt的标签高度作为基础大小。

在标签的造型上，可以将其分为常规形和异形两种类型：

• 常规形：常见的标签为矩形，具有规整有序的外观，阅读效率较高，有较强的通用性，适用于列表等大部分场景。
• 异形：异形标签的形状较为自由，由于其差异化较大，会更容易引起用户的注意，适用于特殊的身份表达、大促活动等场景。

在统一的场景中，同属性类型的标签形状应该保持统一和谐，避免在相同类别的标签中混用不同形状，造成视觉上的不统一感。通过统一标签形状，可以提升用户对标签信息的识别和理解。

在标签的圆角上，我们可以分为以下几种形状：

• 胶囊形状（圆角为高度的50%）：圆润的外观给用户带来柔和的视觉感受。
• 大圆角矩形（圆角为高度的6%~12%）：拥有视觉亮点的同时保持一定的圆润度。
• 小圆角矩形（圆角为高度的18%~32%）：标签更加锐利，但又不失整体的和谐性。
• 直角矩形（圆角度为0）：具有简洁硬朗的外观，适用于某些特定的场景或者设计风格。

新的标签体系从产品设计语言出发，选择小圆角矩形作为主要标签的基本型，以保持整体视觉风格的一致性。

作者：百度MEUX

来源：站酷

著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。