发布时间：2022-9-25 分类： 行业资讯
中的图标设计提示在计算机图形学的早期阶段，图标只能在有限的范围内使用。从人机交互的角度来看，使用图标比使用文本更有利，原因如下：
简单，引人注目，友好，它可以取代漫长而无聊的描述;
随着屏幕尺寸变得越来越小，使用图标可以节省空间，这非常受欢迎;
使用图标看起来很舒服，增加了设计的艺术吸引力;
最后但并非最不重要的是，在大多数应用程序中使用图标是用户熟悉的设计模式。
尽管图标具有这些潜在优势，但如果设计它们而不考虑其潜在的负面影响，它们通常会导致可用性问题。本文致力于总结与UI中的图标相关的一系列关键问题，并为他们提供一组问题。解。您可以在图标设计中使用这些提示作为完成工作的起点。
1.图标应表达意思
设计师有时会过分关注形式，忽略自己的功能，使图标难以识别，这会破坏其最重要的图形图像属性 - 图标的传达意义必须放在第一位。根据定义，图标是对象或动作的直观表示。如果用户不清楚对象或动作，则图标立即失去其有用值并成为视觉干扰。
以下是一些在用户心中达成共识的图标。 （主页，打印机，用于搜索的放大镜都是这种类型）。
易于识别的图标
但除了这些例子之外，大多数用户的图标仍然含糊不清，认为它们也有不同的含义。例如，游戏中心图标是一组彩色玻璃圆圈。这是什么意思？它与游戏有什么关系？
游戏中心图标无法传达游戏的概念
让我们看另一个例子：当Google决定简化Gmail用户界面并隐藏抽象图标下的所有功能时，他们会收到一堆用户帮助请求，例如“ldquo;我的Google日历在哪里？”
桌面上的GMAIL界面
无论您了解此图标的含义及其所代表的功能有多少，第一次看到此图标时，体验可能仍然完全不同。假设用户熟悉这些抽象图形是一个常见的错误。
该图标的第一项任务是引导用户到达他们需要去的地方，因此请确保他们能够实现这一目标。
使用5秒规则：如果您花了超过5秒钟，请考虑使用合适的图标。此图标不太可能有效传达意义。
选择熟悉的图标：用户对图标的理解通常基于以前的经验。让自己熟悉竞争产品中使用的图标和常用目标平台（现有系统图标）上的图标，这些图标最容易被用户识别。
2.保持图标简单和原理图
在大多数情况下，设计图标不需要具有创造性。不要误解，并不是创新的图标不好，但具有过于花哨的基本功能的图标可能会对用户体验产生负面影响。如果您想展示您的设计技巧，您可以依靠其他设计元素来传达您的产品信息，同时保持系统图标简单，现代和友好。
图标设计概念的本质是将其简化为最简单的形式 - 需要简化的图标来减少学习曲线。设计应该确保即使图标在较小的尺寸上更具可读性和清晰度，也应该能够快速识别精心设计的图标。
3.包含清晰可见的文本标签
可以通过多种方式定义良好的用户体验，但其中一个指标是降低用户思考的成本。清晰度是良好界面的最重要特征。图标应设计为帮助用户毫不费力地了解他们正在做什么。然而，图标的问题在于用户将基于先前的经验将不同含义与每个图标相关联。另一个常见的误解是，用户（尤其是移动电话用户）将尝试每个功能，以便探索每个图标的功能。
Apple Mailbox的标准化屏幕。你能准确定义每个图标表达的含义吗？
事实上，面对不熟悉的界面，用户往往不安全，并且不会在他们的舒适区之外探索。在某些特殊情况下，为了避免几乎所有图标都可能出现歧义，应在图标周围设计文字标签，以清楚地表达其含义。在点击之前为用户设定明确的期望。
相同的设计包含文本标签的图标，这解释了图标的含义并提高了可用性
UserTesting是一家为开发人员提供测试用户的初创公司，他们对是否是标签进行了一系列测试，并发现：
对于带有标签的图标，88％的案例可以准确预测用户点击图标时接下来会发生什么。
对于没有标签的图标，此数字降至60％。对于那些特殊图标，这个数字只有34％。
这里有三个重要的方案需要考虑：
图形表达式对更复杂和抽象的函数有局限性。所以他们应该使用适当的文字标签来显示。
文本标签应始终可见，并且对于任何交互，用户都不应该看到它们。一些设计师发现文本标签打破了他们想用图标实现的效果并使界面变得混乱。它通常会添加到图标，教程，引导掩码和弹出提示中。但是用户将跳过这些教程并快速忘记他们刚学到的内容。另外，不要考虑依靠鼠标浮动逼真的文本标签：不仅因为它需要额外的操作，还需要在触摸屏上。
SWARM应用程序使用弹出提示来教育用户
组合文本标签和图形比单独使用其中一个更好。但是，最好只使用一个文本而不是单独使用图形。文字标签总是更好地表达清晰度。
4.使图标的触控体验更好（移动应用程序）
人们用手指与基于触摸的界面进行交互。较小的目标和错误的行为可能会使用户感到沮丧，因此UI控件必须足够大才能携带指尖。下图显示成人手指的平均宽度约为11毫米，宝宝为8毫米，有些篮球运动员的宽度超过19毫米！
人们经常谴责自己有“胖手指”。但即使是婴儿的手指也会比大多数点击目标更宽。
触摸屏对象的推荐点击目标大小约为7-10mm。以下是Apple和Google平台的规范（iOS人机界面规范和材料设计）：
Apple建议最小点击目标大小为44次; 44像素。由于物理像素的大小随屏幕分辨率而变化，因此在3.5英寸屏幕上，Apple建议使用320 * 480的大小。
Google建议触摸目标大小至少为48x48dp。在大多数情况下，这些触摸目标应使用至少8dp的空间分隔，以确保信息密度的平衡和可用性。无论屏幕尺寸如何，48x48dp触摸目标都需要9mm的物理尺寸。触摸目标包括响应用户输入的区域。触摸目标的区域通常超过元素的可见区域：例如，图标形状是24x24dp，但是周围的间距被组合以形成48x48dp的触摸区域。
图标大小：24DP触摸面积：48DP
需要考虑的重要方案：
触摸目标之间的有效间距。设置触摸目标之间的最小距离是为了防止用户导致错误操作。当两个相邻的操作互斥时，这一点尤其重要：例如，“保存”。并且“取消”当图标并排时，使用至少2mm的间距。
5.不要跨平台使用图标
在设计Android/iOS应用程序时，请勿使用其他特定于平台的UI元素。每个平台都使用一组典型图标来表示某些常见功能，例如共享，创建和删除。将应用程序转换为另一个平台时，应替换相应的图标。
ANDROID（顶部）和IOS（底部）的常用功能图标
6.测试你的图标
图标的使用应该非常小心：始终进行可用性测试。一旦熟悉了界面，就很难以新的外观来看待它并将其与直观的感觉区分开来。因此，观察新用户如何与UI交互非常重要，因为它可以帮助您确定图标是否足够清晰。
测试图标的可识别性。询问用户所需图标代表的功能。避免设计用户在看到之后不知道应该做什么的图标，因为没有人想玩捉迷藏。
测试图标的内存。难以记住的图标通常效率低下。告诉一组用户图标他们的意思，并在几周后询问他们是否还记得。
总结
图标图形是UI设计的核心：它是界面可用性的双刃剑。与用户体验设计的所有方面一样，界面中使用的所有图标都应该是有目的的。当您设计正确的路径时，图标可以帮助您简单直观地引导用户。
英文原文：NICK BABICH，在您的APP中使用图标的提示。
原始地址：HTTP: //BABICH.BIZ/TIPS-FOR-USING-ICONS-IN-YOUR-APP/
