如果你的图标选择毁了你的工作怎么办？

huma13453

随着小屏幕移动计算在全球范围内的爆炸式增长，图标通常是 UI 中最节省空间的技术。 图标是对象、动作甚至想法的视觉表示，使用它们而不是单词、按钮、标签或超链接，通常可以为您提供更宽敞、更清晰的界面。 图标还可以让您通过使用“视觉隐喻” 来简化向用户传达的信息。常见的例子包括： 铅笔图标用于编辑字段的铅笔图标； 相机相机图标用于拍照； 软盘用于保存您的工作的软盘。 图标简单实用，您可能每天都会使用它们。它们完全有道理，对吧？如果您的用户感觉与这些图标没有任何联系，或者更糟糕的是，根本不理解它们怎么办？ Learn to Code with JavaScript 图标：隐喻和冗余上下文 因此，让我们考虑一下在典型界面中使用的图标的含义。大多数图标都具有大多数用户可以清楚识别的功能。但有一些常见的图标不太清晰。



事实上，事实证明，只有少数图标可以被定义为“通用”——在我们看到它们的每个上下文中都具有相同的含义。 测试了这一理论，他们定义唯一可以被认为是通用的图标是： 尼尔森诺玛集团的通用图标。 我无法夸大这对于用户界面的每一个实现的重要性。当我们为具有不同母语（甚至 中国海外亚洲号码数据 多种语言）和其他文化模式的另一种文化/国家设计用户界面时，他们对图像的理解可能会非常不同。 让我向您展示一些简单的例子。 保存图标 保存图标隐喻是随着图形用户界面 (GUI) 早期的软盘绘图而诞生的。一般来说，它是一个能够很好地实现其目的的图标。 麦金塔台式机 (1984) Learn to Code with JavaScript 但让我们尝试暂时转换一下我们的观点。 萨姆·丘吉尔 - 非洲手机 照片：Sam Churchill – 非洲手机 新兴市场——非洲、印度、中国和南美的大部分地区——都得益于最近的技术繁荣。



虽然他们的大多数人实际上无法使用计算机，但他们几乎肯定口袋里有一部智能手机。这些人群以前可能从未见过任何类型的基于磁盘的存储。 事实上，在全球范围内，20 岁以下的人不太可能使用过软盘。早在 1998 年，苹果公司就有争议地从 G3 台式机中取消了软盘驱动器。 那么，我们如何才能期望这些用户理解“保存”功能的这种视觉表示并感受到联系呢？ 就我个人而言，我已经在专业层面上遇到过这个问题，在一个非常相似的环境中，“保存”操作是完成任务的关键步骤。由于软盘图标没有与之关联的标签，因此最终用户遇到的困难比我们预期的要多。 最喜欢的图标 为了收集项目并保存它们以供稍后查看，许多用户界面允许您将它们标记为收藏夹。 示例 最喜欢的图标 示例：最喜欢的图标 这通常由三个符号之一表示：星星、心形或书签图标。