你设计的图标，能顺利通过图标的可用性测试吗？

在业务迭代周期内，产品经理和设计师对要做的产品需求和功能点进行需求分析和设计讨论的过程中，有时会出现一些拿捏不定的设计细节。比如，试图推出某个新功能时所设计的图标，它的应用效果如何？如果你还在头疼诸如此类的问题，那现在就可以take it easy了，因为你即将拥有一个得力助手——图标的可用性测试，来帮你排解疑惑。如何拥有呢？还请认真阅读本期内容。

图标的可用性测试，测的是什么？

以下有4个指标，用于判断图标是否可用。

• 可查找性（Find-ability）：用户是否能在某页面上找到该图标。
• 可识性（Recognition）：用户是否能够理解图标所代表的意思。
• 预测性（Information scent）：用户能否猜到点击图标会发生什么。
• 吸引力（Attractiveness）：图标是否美观。

以上这些都是关乎设计是否成功的关键方面，在思考如何改进一个图标的时候，必须分别考虑。

如何进行图标的可用性测试？

图标的可用性测试的方法，可以主要分为2个类别：脱离情境的测试（out-of-context testing）和情境之中的测试（in-context testing ）。选择哪种类别，取决于测试时，图标是单独呈现给用户，还是在真实完整的界面之中呈现给用户，前者是脱离情境的测试，而后者则是情境之中的测试。

1. 可查找性（Find-ability）测试

图标需要被展示在完整的真实界面中。

因此，需要采用情境之中的测试，它可以帮助你明确，是否存在多个过于相似的图标，使得被访者需要花较长的时间去区分它们；是否图标被隐藏在相似背景色之中，或者广告很多的地方，使得被访者忽视了图标。

其中，定位所需的时间测试（time-to-locate tests）为最佳方式。

测试中，被访者需要按任务点击图标，你需要计算被访者成功找到目标图标的操作时间，首次点击的正确率。

首次点击的正确率，指的是用户第一次点击即选中目标图标的频率，错误的选择暗示着图标之间的差异不够明显。

2. 可识性（Recognition）测试

用户需要猜出他看到的图标代表了什么，有什么作用。

因此，选择脱离情境的测试，它让图标在没有文本标签，或者其他界面元素的情况下，被单独展示。

从用户的描述中，获得他对于图标的理解。如果用户的理解与图标想要表达的意义不符，就意味着需要重新设计图标。

不推荐的方式：如果图标将伴随着文本（文案）标签，在测试的时候，给用户呈现文本标签，然后让他在几种可能的图标中选择最能代表标签意思的图标。

不推荐的理由：在现实情境中，有的用户会忽略文字标签，只看图标。

3. 预测性（Information scent）的测试

图标的可用性测试目的，不仅是测出用户理解出这个图标的意义，还需要测出用户推断这个图标所代表的功能。

因此，选择脱离情境的测试，询问用户当他点击图标后，将会发生什么。

4. 吸引力（Attractiveness）的测试

增加视觉的吸引力，是使用图标的一个常见原因。

最简单的测试方式：让用户给每一个图标打分，最高分7分，最低分1分.

如果你对同一个图标有多套设计方案，可以让用户从中选择一个最有吸引力的图标，并对喜欢或者不喜欢某个图标给出原因。接着，让用户选择最喜欢的一套方案和最不喜欢的一套方案。

这样一来，能够避免出现如下状况。你的图标大部分是不错的，但离一套最适合的产品图标方案差一点，因为其中存在个别需要修改的图标。

作为一篇「科普文」，上面介绍的内容，都是一些通用性的方法，细节没有照顾得很周到，比如图标的可识性测试中，可能需要结合目标用户的文化背景来分析等。在具体项目中，还需要团队成员发挥主观能动性。

欢迎关注滴滴创意设计中心：

「可用性测试好文合集」

• 《在可用性测试中，如何做好任务评估模型与计量方式？》
• 《适合小公司！为什么你只需要5个用户去做可用性测试？》
• 《零基础也能学！超详细的可用性测试方法经验总结》

================明星栏目推荐================

优优教程网： UiiiUiii.com 是优设旗下优质中文教程网站，分享了大量PS、AE、AI、C4D等中文教程，为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章，按照我们的专栏一步步学习，一定可以迅速上手并制作出酷炫的视觉效果。

设计导航：国内人气最高的设计网址导航，设计师必备： http://hao.uisdc.com