0

这就是我所指的:http: //twitter.github.com/bootstrap/components.html#badges

“徽章”是公认的术语吗?Facebook 和无数其他网站使用此功能通过消息、请求和通知即时更新用户。UI 模式变得如此普遍,我完全期望找到一些权威的东西,比如“对话”或“模态”。但是我发现的东西到处都是:徽章、通知、通知器、消息、宝石、更新图标、气泡、计数器、计数……但哪个最语义和准确?

我完全承认我正在尝试分裂头发,但是在最初打算在 Google 上进行快速搜索以找出这种模式被称为什么之后,我现在得出的结论是:a)没有达成共识如何描述这种非常常见的 UI 模式。或b)我在错误的地方搜索错误的假设和不正确的术语(我希望它是A,但我有足够的男人承认它更有可能是B)。

StackOverflow 的“徽章”标签描述是“徽章是对用户重要的事物的简明视觉指示。例如,电子邮件应用程序中未读电子邮件的数量可以显示为应用程序图标上的徽章。”

唉,我仍然不相信“徽章”这个词在这里甚至很合适。这张图是我思考时看到的

更不用说,我的团队正在开发一个完全不相关的功能,我们决定称之为“badges”(不是“badgers”,非常重要的区别),所以当我看到 Bootstrap 的.badges组件时,我开始怀疑我们是否错误地应用了一个“已知”的概念。

那么那个小通知更新图标叫什么?

编辑:在看到几个回复后,我想澄清一下,我是本着语义编码的精神问这个问题的。我并不真正“关心”模式的设计或可用性方面,我更感兴趣的是致力于让我的代码尽可能地符合语义。经过无数开源项目的糟糕书面标记后,我开始完全理解语义编码的价值。了解如何有效地描述类不仅仅是“UX”或词汇的事情。它是关于干净的代码、DRY 代码、尽可能准确地描述内容的有组织的语义代码等等。

4

1 回答 1

2

术语“徽章”通常是指添加到图标以显示图标所引用事物的当前状态的小指示器。例如,如果电子邮件图标在彩色矩形中有一个小数字,表示未读电子邮件的数量,那就是“徽章”。“徽章”放置在图标上的方式与将徽章放置在某人的衬衫上的方式相同。

Twitter 使用“徽章”一词来指代独立存在且不应用于其他图标的指示,这似乎是这一概念的延伸。就个人而言,我不喜欢它,因为它不像徽章的作用,而更像是一个指标。

于 2012-04-12T01:28:01.387 回答