B端设计：提示图标中蕴藏の奥义

你是否和我一样，曾经有两个图标摆在我面前，我却傻傻分不清楚，随便乱用，他们就是？和 i两个小家伙。

今天我们一起来分析一下二者的区别和应用场景，以便于正确的应用到产品设计当中。

含义：

在系统页面当中，i 图标通常代表信息（information），而 ? 图标代表帮助（help）。

运用场景：

i 图标（信息）：通常用于提示用户可以获取额外信息或详细说明的地方。例如，在表单输入框旁边的i图标可以提示用户悬停或点击以获取有关该字段的更多信息。

？图标（帮助）：通常用于提供用户帮助和解答疑问。例如，在应用程序的菜单中，可以使用？图标来提供关于如何使用该功能或应用程序的帮助文档链接。

这些图标的使用可以帮助用户更好地理解和使用应用程序，提供额外的信息和帮助，从而提升用户体验。

i 图标和 ？图标的意思确实很相近，但它们在UI设计中有着微妙的区别。下面是它们的区别和如何判断该用哪个的方法：

1. 区别：

- i 图标（信息）通常用于提供有关特定项目或字段的额外信息、解释或提示。它强调的是提供信息。

- ？图标（帮助）则更倾向于提供整体上的帮助和支持，通常用于指示用户可以获取额外的帮助文档、FAQ（常见问题解答）或联系支持团
队。它强调的是提供帮助和解答疑问。

2. 如何判断该用哪个：

- 如果需要提供特定项目或字段的额外信息或解释，可以使用i图标。

- 如果需要提供整体上的帮助和支持，可以使用？图标。

简单总结一下

i 侧重点是提供信息，详细的说明，重点提示。

? 侧重点是帮助提示，对疑问的解释，如何使用该功能。

以上列举出来的实例在提示图标的应用上不会有太大的分歧，其场景都很明确也容易区分。

但是有一类场景会让人有些摸不着头脑，争议点比较大（如下图）

上图所展示的，对于系统内一些专业名词的解释，该使用哪种符号每个设计师和产品经理处理的方式不一样，甚至会发现同一个系统下出现两种符号同时使用的情况的场景（如：钉钉后台管理页面）

在这些特定的词汇旁边的提示图标，所表达的潜在含义是：这是么？以及对这些字段的拓展解释。

同时我也问了一些大厂的朋友，这种地方是个仁者见仁智者见智的场景，所以此处可以对于图标的运用可以灵活一些。

在实际应用中，可以根据具体情况来判断使用哪个符号。但最重要的是保持一致性和符合用户习惯，确保用户能够直观地理解并使用这些符号。

最后给大家留一道思考题

下图中同时出现了i和？两种符号，他们表达的含义分别是什么？