【UXRen译#105】关于图标的可用性测试

原文作者：Aurora Bedford

译者：fudanchen ；审校：Snow；来自：UXRen翻译组

 

 

摘要：为了确保人们理解图标的含义和目的，在产品开发周期的各个阶段对图标进行多种类型的测试。

设计师们往往利用图标来节省空间，以及实现视觉上的快速识别。随着小型显示设备如智能手机、可穿戴设备等的普及，图标的使用也在增加。但这些图标的可用性如何呢？知道一个图标是否起作用的唯一方法就是进行用户测试。

 

一、当你测试一个图标的时候，你在测什么？

不同的测试方法可以解决关于图标不同方面的可用性问题。但什么因素影响一个图标是否可用呢？以下是关于图标质量的4个标准。

1. 可寻性：人们是否在页面上可以找到该图标？
2. 可识性：人们是否能理解图标代表的意思？
3. 信息线索：当用户通过图标进行互动时，他们可以知道会发生什么吗？
4. 吸引力：图标是否美观？

以上这些都是关于最终设计是否会成功的至关重要的方面，但在思考如何改进一个图标的时候必须分别考虑。

 

 

二、图标测试的方法

关于图标设计的评测有好几种方式，采用哪种方式取决于你的目标和设计所处的阶段。这些方法可以被分为两个主要的类别：脱离背景的测试（out-of-context testing）和在背景中的测试（in-context testing），选择哪种类别取决于在测试的时候该图标是单独展示给用户的还是在真实界面中呈现给用户的。然而，更重要的是，要根据你需要从测试中获知什么以便更自信地用你的设计来推进设计进程（来选择合适的方式）。

同时请记住，即使采取的是脱离背景（out-of-context testing）的测试，被试者应该始终是产品的目标受众，熟悉整个行业和相关概念。

 

1. 测可寻性的方式

为了评估可寻性，图标必须被展示在它们的原生环境，即完整的界面中。背景中的测试（in-context testing）可以帮助你明确，是否存在多个图标过于相似，以至于被试者需要花较长的时间去分辨它们，或者图标是否被隐藏在相似背景色中或者广告很多的地方，导致被忽视了。

定位所需的时间测试（Time-to-locate tests）是用来测量用户是否可以很容易地在一个完整的界面中找到一个图标（或其他界面元素）的最好的方式。在这些测试中，被试者必须点击或者触碰界面上的元素来完成给定的任务。测量人们需要用多长的时间才能成功地找到正确的图标，以及第一次点击的正确率（即人们第一次点击即选中正确图标的频率：错误的选择暗示着图标之间的差异并不足够明显，然而慢但正确的选择则是一个可辨性的问题）。

 

2. 测可识性的方法

测试图标的可识性最好是在脱离背景（out-of-context testing）的情况下完成：图标在没有文本标签或者其他界面元素的情况下，被单独展示。用户必须猜出他看到的图标代表了什么。在某种程度上，这像是罗夏墨迹测试的图标版本。这个测试的目标是保证图标是可识别的，而且人们很容易推断出这个图标的作用。

通过一些通用的短语和术语去获取用户最初始的关于图标的解释，如果用户的猜测跟你设计的图标想表达的意思并没有关联的话，那就抛弃已经设计好的图标，然后从头再来。

如果你能确认图标将伴随文本出现，你可能会认为给在测试的时候，给用户呈现标签，然后让用户在几种可能的选择中挑选最能代表标签意思的图标是一种合理的测试方式。但我们并不提倡这种方式，因为在现实生活用，有的用户可能会忽略最终界面上的标签，而只看图标。因此，这种方式只对用户已经知道在一个界面上如何找一个特定的功能，只是简单地尝试寻找匹配的图形（这种情况并不经常出现）的情况下有意义。

 

3. 测信息线索的方式

图标测试最终想达到的目的不仅仅是用户可以识别出这个图标代表了什么，还包括了用户可以推断出这个图标代表了什么功能。事实上，只要人们理解这个符号代表的功能，是否知道这个物体是什么并不重要。只要年轻人能够一直明白软盘的奇怪方形图标代表了存储，我们并不需要给他们看一个旧的软盘。

同样的，脱离背景（out-of-context testing）的测试也可以用于测试信息线索的传达。但是，并不是简单地去询问人们图标代表了什么，而是问如果他们选择了某个图标会有什么情况发生。与测图标可识性的方式不同，你应该提供些许关于该图标出现的系统相关的背景信息。比如，被试者可以被告知一个手提箱图标是某电子商务网站的一部分，然后去猜在这样的背景中图标代表了什么意思。（请注意，不要给用户提供关于这个网址会长啥样的信息，以及任何关于这个网站的具体功能也不要透露任何信息给用户。）这种大致的参考框架可以让研究人员了解通过图标想提供的信息的心理模型与用户的预期是否匹配。

接着，A／B测试可以用来帮助设计师评估在几个候选的图标中哪个具有更强的信息线索。在A／B测试中，一定比例的用户看到的是线上图标的一个版本，另外一部分用户看到的是另外一个版本。测量不同版本图标之间交互率的差异，以及用户点击了图标之后是否很快地回到原来的页面。（用户点击图标之后快速地回到原来的页面）这种行为通常被称为探测，探测往往意味着较差的信息线索；它表明用户对点击图标之后看到的内容感到失望于是回到了前一个页面。在为选择最优的图标进行测试的时候，要确保不同的图标保持相同的位置和标签，以保证没有其他变量在（测试的）用户行为中产生变化。

 

4. 测吸引力的方法

除了测试识别性，图标也应该被测试是否有吸引力，无论是单独被测试还是被当做一个图标组的一部分。使用图标的一个常见的原因是为设计增加视觉的吸引力，但并不是所有的图标都一样好看。

关于最简单的吸引力测试方法就是让人们从1-7分给图标打分。如果对于同一个图标，你有不同的设计方案，你也可以让人们从每一组的方案中选出最有吸引力的一个，并让他们解释为什么喜欢或不喜欢特定的图像。最后，你可以向他们展示全部的图标，然后让他们选择一个最喜欢的和最不喜欢的。这样可以帮助你避免以下这个常见的问题：即你的图标大部分都是不错的，但有那么1-2个需要重做以更好地匹配整体设计的风格。

 

 

三、标准的可用性测试和图标测试

标准的可用性测试同样也可以揭露图标存在的问题。然而，请记住在一个标准的可用性测试中，一个图标会因为许多的原因被忽略，有些原因跟图标本身的可用性无关。比如，用户可能在交互中或者在界面设计上被其他的因素干扰，从而导致无法完成任务。而即使图标的设计被发现是导致错误的原因，也很难确定地判定到底是图标的那些特征出现了问题：到底是人们不能识别这个图标，还是不能理解图标的含义是什么，又或者是他们根本就找不到它？

比如，在对一个有争议的网站进行重新设计的研究中，我们发现没有被试者跟一个代表最近浏览网页的时钟图标进行互动，但我们很难知道原因到底是因为他们没注意到页头的这个图标还是说这个图标在情境中没用传达出明确的意义。

因为受到众多因素的影响，我们不应该把标准的可用性测试当做唯一的方式来确定图标的可用性。

 

 

四、产品的发展阶段

像所有的UX的研究方法一样，当你在选择对图标进行测试的方法时候，要考虑项目处于项目周期的阶段问题。

1.战略：在早期的概念阶段，关注那些可以激发思考或探索众多设计方案的方法。在脱离背景（out-of-context testing）的情况下测图标的可识性和信息线索是最适合这个阶段的测试方式，用来确定图标的实用性以及打磨符合心理模型的图标。

2.执行：在设计和执行阶段，关注那些会不断引导你为系统设计最好的图标的方法。一旦设计的图标是可识别的，重点采用脱离背景（out-of-context testing）的方式测图标的吸引力，直到明确的优胜者出现。一旦更多的UI元素被设计好了，就过度到背景中的测试（in-context testing），定位所需的时间测试（Time-to-locate tests）有助于去量化一个图标是否容易被找到，以及在界面上几个潜在可选位置中的最佳摆放处。可用性测试（从纸上原型开始逐渐过渡到更高保真度的版本）可以给你提供一些关于图标的预期含义和可发现性。

3.评估：一旦系统或者是功能上线了，测量系统或功能是否能成功运行和找出持续改进的点是最合适的事情。可以周期性地用包含了可用性测试和定位所需的时间测试（Time-to-locate tests）的基准测试来追踪系统或者功能的表现。而如果为了要持续地提升某个图标的设计，A／B测试是最好的用来衡量图标的表现和确定最佳图标设计的方式。

 

 

五、其他注意事项

正如所有的研究方法一样，一定要避免在测试中引入偏差。特别要注意在描述测试任务时候使用的语词，因为它们很容易激起和图标相关联的联想。尤其在使用脱离背景（out-of-context testing）的测试方式时，可以考虑多次测试，然后用不同的词语去描述测试的问题（使用同义词，忽略品牌相关的词等等），确保用户对任务的反应不受语词的影响。

并不是所有的这些测试的方法都要用才能到达一个可用的图标设计，但在不同目标和设计阶段，这些方法起着不同的作用。此外，每一种方法都应该被反复使用，以逐步达到图标设计有意义和图标在界面中最佳的摆放。

版权所有：UXRen翻译组

译者：fudanchen

审校：Snow

原文作者：Aurora Bedford

原文地址：https://www.nngroup.com/articles/icon-testing/

头图来源： zcool.com.cn

————————————————————

转载带有【UXRen译】抬头的文章，请务必标明：UXRen翻译组、译者和审校者。如未标注，视为侵权，UXRen社区保留随时追责的权利。

UXRen翻译组链接地址：https://www.uxren.cn/?page_id=7869

本文地址：https://www.uxren.cn/?p=36911

除转载文章外，本站所有文章版权归UXRen社区所有，转载请注明出处：UXRen社区。