最专业的八方代购网站源码!

资讯热点
如何设计标签系统?快来看看我的练习!

发布时间:2020-3-8 分类: 行业资讯

本文旨在从UX的角度设计标签系统,这与数据库的标签系统设计不同。 “标签系统”的概念来自书籍《信息架构:超越 web 设计》。

首先,什么是标签系统

通常,“标签”用于命名界面元素,使用用户语言更好地向用户传达信息,并降低用户使用产品时的理解成本。当产品的各个部分之间的关​​系复杂时,您需要考虑“标签系统”。产品中的文本和图标是标签,通常使用文本标签。图标标签的含义相对较难。

△豆瓣“预订视频”标签系统

《信息架构:超越 web 设计》该书提供了标签系统的详细介绍,包括标签系统的类型,设计原则和设计方法。当我在阅读时,我正在考虑如何在实践中更好地应用这些理论。

二,标签系统设计实践

我最近在一个产品的频道主页上工作。当我们命名通道主页的功能条目时,它涉及标签系统的设计。个人认为它是一个相对较小的标签系统,试图结合书中的内容来帮助设计。

命名标签时遇到两个困难:

功能性ABCD的命名具有其概念的横截面,无论它是哪个维度。就像西红柿既是水果又是蔬菜,有许多方法可以对东西进行分类。例如,您想要使用概念1命名函数A,但函数C和函数D也属于概念1.无论使用哪个维度,这都不能独立表达这些函数。由于语言本身含糊不清,一个词有多种含义,不同的用户对同一个词有不同的理解。

这些功能的命名已经被小组多次讨论过,每种命名方法都会受到质疑。因此,采用更相关的方式来命名标记。

△命名标签的困难

1.初始版本

标签命名的初始版本有以下想法:

功能/业务本身。例如,为了向用户提供对财富管理产品的灵活访问,标签可以命名为:灵活的财务管理。竞争产品。查看竞争产品的产品标签,并借用每个人正在使用的一些项目,例如“当前”,“悦宝”和“更改”。行业术语。例如,“常规”和“当前”是用于银行存款的名称。

同时,我们还必须注意以下原则:

尽可能扩展:更清晰的受众和场景。一致性:一致性可以带来可预测性,并使用户更容易学习。一致性包括一致的语言风格,一致的视觉风格,一致的语法,一致的粒度和一致的目标用户。 2.表格方法

以表格形式组织标签,您可以排除界面的其他元素并更系统,清晰地查看标签。

例如,当使用表格方法检查初始版本的标签时,发现重复并稍微描述了几个单字复制的内容。

它可以是同一页面的表格表,也可以是跨页面。通过这种方式,我们可以知道从不同的页面跳转,标题的表达不一致,并且系统不统一。

△使用表格方法对标签进行系统评价

3.用户测试

为什么要做用户测试?

产品的界面元素是与用户“交谈”,标签的目标是有效地向用户传达信息。正确的标签允许用户生成正确的关联,并决定是否点击以了解更多信息。因此标签被命名为以用户为中心,因此我们选择进行用户测试以检查标签命名是否允许用户快速了解产品的功能和价值。

测试方法

对于频道主页上的标签系统,我们使用了逐步测试。将频道主页拆分为三个版本,每个版本仅显示部分内容,询问被测者并获得反馈以评估标签的有效性。

正在寻找的人都是该频道的新用户,大约6-8人。

△步骤测试方法

测试大纲

测试的第一步:向用户显示第一个版本(仅限功能条目),询问用户通道提供的功能和服务,以及对这些功能的理解。第二步测试:向用户显示第二个版本(函数入口+一句复制),要求用户理解这些功能,以及与之前的理解有什么不同,有什么问题。第三步测试:向用户显示第三个版本(函数入口+一个句子复制+内容),要求用户理解这些功能,与以前的理解有什么不同,有什么问题。

在测试时做一个记录,然后组织收集的信息,优化标签的表达,优化程序然后可以找到用户进行测试,迭代迭代。

此外,标签系统设计还应注重可扩展性,以便新标签不会破坏当前的标签系统。标签系统还需要根据产品迭代和用户感知进行调整和优化。

总结

由于语言本身的模糊性和用户感知的差异,“标签永远不会是完美的”。但在设计标签系统时,我们可以注意一些原则,使用一些方法(如表格方法和用户测试)为标签系统的设计提供依据,使标签尽可能有效地传达信息。 。

« 《疯狂动物城》成功公共帐户操作需要持续或更改 | 如何正确使用标题标签进行代购源码网站SEO优化? »