如何做好标签系统设计？来看我的实践过程！

本针对的是从 UX 角发的标签系统设计，同于数据库的标签系统设计。「标签系统」的概念来源于《信息架构：超越 web 设计》一书。

想看作者更多好搜索知乎专栏「沁园的设计小跑」。

一、什么是标签系统

「标签」通俗就给界面元素命，使用用户语言好向用户传达信息，降低用户使用产品时的理解本。当产品各部分关系很复杂的时候，就需考虑「标签系统」了。产品中的文字图标都标签，普遍使用的文字标签，图标标签表达含义相对会困难一些。

△ 豆瓣「书影音」的标签系统

《信息架构：超越 web 设计》一书对标签系统进行了详细的介绍，包括标签系统的类、设计原则和设计方法。阅读的时候就在思考，要如何将这些论更好的在实际操作当中呢？

二、标签系统设计实践

最在做一个产的频道首页，当我们在对频道首页的功入口进行命名时，就涉及到标签系统的设计。个人觉得算是一个较小的标签系统，尝试结合书里的容来帮助设计。

在命名标签时遇到的两个难点：

• 功 ABCD 的命名无论从哪一个维，概念都有交叉的分。就好番茄同时属于水果和蔬菜，事物有多种分类方式。例如想把功 A 概念1命名，但是功 C 和功 D 属于概念 1。无论哪种维，这无法独立地表达这几个功。
• 由语言身具有模糊，一个词有种含义，不同的用户对同一个词也有不同的理。

这几个功的命名，小组讨论了多次，每一种命名方式都会有人质疑。因此，要采取更有依据的方式来命名标签。

△ 命名标签的难点

1. 初始版本

初始版本的标签命名有几个思路：

• 功能/业务本身。比如给用户提供的灵活存取的理财产品，标签就可以命：灵活理财。
• 竞。查看竞的产标签，借一些大都在的，如「期」、「余额宝」、「零钱」。
• 行业术语。比「定期」、「活期」是银行存款惯用的名称。

同时，要注意几个原则：

• 尽可能缩小范围：针对明确的受众场景。
• 一致性：一致性可带来可预测性，户更容易习。一致性包括语言格一致、视觉样式一致、语法一致、粒一致、目标户一致等。

2. 表格法

以表格理标签，可以排除界其他元素，更系统、更楚地审视标签。

比如用表格法检查初始版本的标签时，就发几一句话文案内重复、稍显赘述。

可是同一页面的标签表格整，可是跨页面的。这样我们就可知道，从同页面之间跳转，标题的表达连连贯，统统一。

△ 表格法系统性审视标签

3. 用户测试

什么用户测试？

产品的界面元素了用户好的「交谈」，标签的目标向用户效传达信息。宜的标签可以让用户产确的联，并决否点击去了解多内。所以标签的命以用户中的，因此，我们选择用户测试，检查标签的命否可以让用户速理解产品的功能价。

测试方法

针对频道首页的标签系统，我们采用了分测试法。把频道首页拆三版本，每版本只展示部分内，询问被测者并获取反馈，估标签的效性。

寻的被测者都是该频道的户，约6~8个人。

△ 分步测试法

测试大纲

• 第步测试：用户展示第个版本（有功能入口），询问用户认为这个频提供了什么功能和服务，以及这几个功能理解。
• 第二测试：给用户展示第二版本（功能入口+一句话文案），询问用户对这些功能的理解，之的理解什么不一样，什么疑问。
• 第步测试：给户展示第个版本（功入口+一句话案+容），询问户对这些功的解，和之前的解有么一样，有么疑问。

测试的时候好记录，然后整理搜集到的信息，优化标签的表达方式，优化后的方案可以再找用户测试，反复打磨迭。

此外，标签系统的设计还要注重拓展性，这样后增的标签才会破坏当前的标签系统。标签系统还需要跟随产迭代和用户认知行调整优化。

总结

由于语言本身的模糊性用户认知的差异性，「标签永远都不会完」。但我们设标签系统的时候可以注重一些原则，使用一些方法（例如表格法用户测试），标签系统的设提供依据，让标签尽可能效传达信息。