图标的可用性测试,测的是什么?

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

1可查找性(Find-ability):用户是否能在某页面上找到该图标

2可识性(Recognition):用户是否能够理解图标所代表的意思

3预测性(Information scent):用户能否猜到点击图标会发生什么

4吸引力(Attractiveness):图标是否美观

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

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

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

如果从具体的测量角度,我们还是要分指标来做哈~

你设计的图标,能顺利通过图标的可用性测试吗? - 图1

你设计的图标,能顺利通过图标的可用性测试吗? - 图2

1.可查找性(Find-ability)测试

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

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

其中,定位所需的时间测试(time-to-locate tests)为最佳方式!!!

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

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

2.可识性(Recognition)测试

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

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

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

以下是不推荐的方式

如果图标将伴随着文本(文案)标签,在测试的时候,给用户呈现文本标签,然后让他在几种可能的图标中选择最能代表标签意思的图标。

以下是不推荐的理由

在现实情境中,有的用户会忽略文字标签,只看图标。

3.预测性(Information scent)的测试

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

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

4.吸引力(Attractiveness)的测试

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

最简单的测试方式

让用户给每一个图标打分,最高分 7 分,最低分 1 分.

如果你对同一个图标有多套设计方案

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

这样一来,能够避免出现如下状况:

你的图标大部分是不错的,但离一套最适合的产品图标方案差一点,因为其中存在个别需要修改的图标。

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