设计师经常依靠图标来节省空间并利用视觉效果的快速识别。随着小型显示设备(如智能手机,可穿戴设备等)的日益普及,图标的使用也有所增加。但是,这些图标的可用性如何?知道特定图标是否有效的唯一方法是与用户一起对其进行测试。

    测试图标时会测试什么?

    不同的测试方法处理图标可用性的不同方面。但是什么使图标可用呢?以下是图标的 4 个质量标准:

    1 查找性:能让人找到网页上的图标?
    2 识别:人们知道图标代表什么吗?
    3 信息气味:用户与图标互动后能否正确猜测会发生什么?
    4 吸引力:图标是否美观?

    所有这些问题对于最终设计的成功至关重要,但必须单独考虑这些问题,以确定如何改进图标。

    图标测试方法

    有几种评估图标设计的技术,您将使用哪种技术取决于您的目标和设计阶段。:本方法可以分成 2 个主要类别外的上下文和在上下文中测试取决于图标是否被显示给用户在分离或在实际接口的上下文中,。然而,更重要的是,要根据需要学习的知识来选择一种方法,以便自信地进行设计。

    请记住,即使采用在上下文中不显示图标的方法,您的测试参与者也应始终是预期目标受众的一部分,从而熟悉整个行业和相关概念。

    可发现性方法

    为了评估可发现性,必须在完整界面的上下文中在其本地栖息地中显示图标。上下文中的测试可以帮助您确定多个图标是否看起来太相似,以及用户将很难区分它们,或者该图标是否隐藏在错误的地板下广告丰富的区域中,从而被忽略了。

    定位时间测试是衡量用户是否可以在完整设计人群中轻松找到图标(或其他界面元素)的最佳度量。在这些测试中,参与者必须单击或点击 UI 元素才能完成给定的任务。测量人们成功选择正确图标所需的时间,以及首次点击的选择率(即,第一次点击在正确的图标上的频率:错误的选择表示图标无法适当区分,而缓慢但正确的选择是可发现性问题)。

    识别方法

    最好在上下文之外进行识别测试:在没有文本标签或其他界面元素的情况下,单独显示图标。带有图标的用户必须猜测该图标所代表的含义。在某些方面,这是Rorschach 墨迹测验的图标版本。该测试的目的是确保图标可识别,并且人们可以轻松推断出它所描绘的对象。

    寻找常用的短语和术语以深入了解人们的最初解释。如果用户的猜测与您要表示的内容无关,请放弃该图标提示,然后重新开始。

    如果您知道您的图标将带有文本,您可能会认为向用户显示标签并要求他们在几个可能的选项中选择最能代表该标签的图标是合理的。但是,我们并不特别提倡使用此方法,因为在现实生活中,某些用户实际上可能会忽略最终 UI 中的标签,而仅查看图像。因此,这种测试方法仅在用户以某种方式已经知道要在界面中查找特定功能并且只是试图定位匹配的图形表示(这不是常见情况)的情况下才有意义。

    信息嗅觉方法

    最终重要的是,不仅用户是否可以识别图标类似于什么实际对象,而且还可以推断出图标可以代表什么功能。实际上,只要人们了解符号所代表的功能,就不知道对象是什么也没关系 - 我们不必担心会找到一个旧的软盘呈现给年轻人,只要他们继续理解奇怪的方形符号意味着保存。

    用于评估识别度的相同的上下文外测试方法也可以应用于判断信息气味。但是,与其问简单的图标代表什么,不如问他们选择该图标会发生什么。与识别测试不同,您应该提供有关该图标将出现的系统类型的一些最少的上下文信息。例如,研究参与者可能被告知手提箱图标是电子商务网站的一部分,并被要求猜测该图标在该类型网站的背景下可能代表什么。(不过,请注意,实际上并未向用户提供有关该网站的外观的特定信息,也未提供任何可能的功能提示。)此通用参考框架使研究人员可以了解该网站是否图像背后的心理模型与用户的期望相对应。

    后来,可以使用A / B 实验来帮助设计人员评估几个候选图标中的哪个可能具有更强的信息嗅觉。通过这种形式的 A / B 测试,一定比例的用户可以使用实时网站上的一个图标版本,而其他用户则可以看到另一个版本。测量图标版本之间交互率的任何差异,以及用户是否单击图标并非常快速地返回原始页面。这种行为称为探测,通常表示信息气味差;它表示用户对图标后面的内容感到失望,因此返回到上一页。测试最佳图形时,请确保图标的位置和标签保持相同,以确保没有其他变量引起用户行为的变化。

    吸引力法

    除了进行识别性测试外,还应单独或作为图标家族的一部分对图标的吸引力进行测试。首先使用图标的常见原因之一是为设计增加视觉吸引力,但并非所有图标都具有相同的外观。

    最简单的吸引力测试是要求人们以1–7 的等级给每个图标评分。如果您具有相同图标的替代设计,则还可以要求人们从每种替代方案中选出最具吸引力的,并说明他们为什么喜欢或不喜欢特定的图像。最后,您可以向人们展示整个偶像家族,并要求他们挑选他们最喜欢和最不喜欢的一个。这最后一个测试可以帮助您避免大多数图标都可以使用的常见问题,但是有一个或两个吸引力较差的图标需要重新设计才能更好地匹配整个设计的美感。

    标准可用性测试和图标测试

    标准的可用性测试还可以通过图标显示问题。但是,请记住,在标准可用性测试中可能会忽略图标的原因有很多,其中某些原因与图标本身的可用性无关。例如,用户可能会因交互或网站设计中的某些其他因素而分心,并且可能永远无法完成任务。即使图标设计有问题,也很难准确查明图标的哪些功能存在问题:是人们无法识别图标,无法理解图标的含义,还是根本找不到图标? ?

    例如,在对有争议的网站进行重新设计的研究过程中,没有参与者与代表最近查看页面的时钟图标进行交互,但是很难知道原因是因为他们没有注意到标题中的图标还是因为时钟没有显示图标。在这种情况下的明确含义。

    由于涉及许多因素,因此不应将标准可用性测试作为确定图标可用性的唯一方法。

    产品开发阶段

    与所有UX 研究方法一样,在为图标选择测试方法时,请考虑项目生命周期中的当前阶段。

    1 策略化:在此早期概念阶段,重点关注用于构思和探索众多设计方案的方法。在这段时间内,用于识别和信息气味的上下文无关技术最适用,它可以确定完全使用图标的可行性,并磨练图标的适当心理模型。
    2 执行:在此设计和实施阶段,专注于研究方法,这些方法将不断指导您朝着系统的最佳图标设计方向发展。一旦识别出图标设计,就应专注于上下文外测试的吸引力,直到明确的赢家出现为止。一旦设计了更多的 UI,就可以过渡到上下文图标测试方法。定位时间测试有助于量化图标的可发现性及其在界面的多种潜在变化中的位置。可用性测试(从纸制原型开始并过渡到更高保真度的版本)可以为您提供有关图标的预期含义及其可发现性的其他一些见解。
    3 评估:一旦启动系统或功能部件,衡量成功程度并允许进行增量改进的方法最为适用。可以定期进行带有可用性研究和定位时间测试的基准测试,以跟踪性能。为了不断改善图标,A / B 实验是衡量性能和确定最佳设计的最佳方法。

    其他注意事项

    与所有研究方法一样,请确保避免在测试中引入偏差。要特别注意在任务的措辞中使用的术语,因为它们很容易总理与图标影像相关联的。特别是对于上下文外的测试方法,请考虑使用多种方式对研究问题进行措辞多次(使用同义词,省略品牌字词等),以确保任务措辞不会影响响应选择。

    并非必须使用所有这些测试方法才能实现可用的图标设计,但是它们分别对设计目的和设计过程的不同阶段有用。此外,应迭代使用每种方法,以逐步实现有意义的图标 - 标签关系以及在界面内的最佳放置。

    有关图标及其在移动设计中的用法的更多信息,请考虑我们为期一天的有关移动和平板电脑视觉设计的培训课程。
    https://www.nngroup.com/articles/icon-testing/