如何评估UI视觉设计？

Free-Photos

摘要：在评估字体，颜色和其他视觉细节时，同时评估美学印象和行为效果。

关键词：UI设计，视觉设计

人们日益期望诸如字体，颜色，对齐方式和图像之类的视觉细节，不仅可以创建可用的体验，而且还可以表达复杂的品牌特征（例如友好性，可靠性或创新性）。

许多团队从定义目标品牌特征开始；然后，设计师选择他们认为最能传达这些品牌特征的视觉细节。这种方法假定设计师的意见将准确地预测用户的反应。这是重要的一步，但不能保证设计师认为“好”的东西会被用户所接受。

当公司从有效的品牌推广中受益匪浅时，应通过严格的数据驱动方法评估视觉设计及其对用户态度的影响。

如何测试视觉设计的感知

与UX研究一样，请招募目标用户参与测试。他们不需要具备任何设计专业知识，用户不需要视觉设计培训就可以知道自己是否喜欢某些东西。实际上，用户可以在不到十分之一秒的时间内可靠地评估对视觉效果的喜爱程度。但是，知道某人是否喜欢某个设计并不能说明该设计正确传达了品牌特质。

强调一下，无论你是否喜欢设计或是认为设计表达了预期的品牌特征，这也不是一个有效的标准。因为你不是用户，团队的其他成员也不是。

为了衡量品牌认知度，不只是问人们是否喜欢设计，而是使用一种结构化的方法，包括两个主要部分：

• 受到视觉刺激：向研究参与者展示视觉设计，可以是静态图像，原型或实时互动网站或应用程序。
• 评估用户对刺激的反应：使用开放式或严格控制的问题来衡量用户对设计的反应。

呈现视觉设计测试刺激

进行现场视觉设计评估时，可以简单地向人们展示静态图像，可以打印在纸上或在屏幕上显示。打印的页面应具有真实的大小，并且通常以数字形式对2个屏幕以上的页面进行评估，因为将打印出来，与在屏幕上相比，用户可以立即看到更多的内容。如果要获得有关特定视觉设计的第一印象反馈，请使用静态图像。

审美和品牌印象也可以使用远程方法进行评估，该方法允许与难以见面的用户或大量用户（在需要高度确定性的结果时使用）进行测试。任何可以显示图像的调查工具都可以用于远程评估。

如果对第一印象感兴趣，请在短时间内向用户展示视觉刺激。有两种方法可以实现此目标：

• 5秒测试：使用这种类型的测试，可以显示刺激5秒钟（或短时间）。这种方法最适合准确捕获人们的“第一反应”。5秒钟的观看时间对于阅读文本或留意特定字体或颜色之类的细节而言太短了，但足以形成能准确反映视觉风格的印象。
• 初次点击测试：可以向参与者提供特定的说明（例如“了解有关此组织的更多信息”），然后再让他们点击操作，并在他们完成该任务后停止。大多数用户将只花几秒钟的时间进行测试，但是他们无意查看整个页面，而是搜索与任务相关的特定功能或链接，并仅在外围查看设计的其余部分。如果你希望用户在初次访问网站时已经有了一个特定的目标，则此测试最适合。

使用第三方测试服务，Userzoom（针对5秒测试）或Chalkmark（针对首次点击测试）之类的服务，可以远程管理这两个测试。

比较多个版本的视觉设计

如果要求测试者评估多个版本的设计，请确保改变他们看到替代方案的顺序，因为人们的可能会受到首先看到版本的影响。（例如，如果一个版本更容易理解，那么那些先看到此版本的人将会了解内容，而对另一个版本的了解会更少。）跟踪每个人最先看到哪个版本，以便可以将用户响应时间考虑在内。

当要求用户评估同一设计的不同版本时，差异必须足够显著，能使普通人立即观察到。字体大小或类似字体的替换，这样的细微变化对于普通用户而言通常是无法注意到的。

评估用户反应：开放式与结构化

一旦参与者看到了设计，下一步就是衡量他们的反应。人们的审美印象可能非常独特，需要进行系统分析，这可以通过开放式反馈来完成。以下是一些可以使用的技术，从完全开放式到高度结构化：

• 不限人数的偏好说明：要求用户解释为什么喜欢设计
• 公开单词选择：要求用户列出3-5个描述设计的词
• 封闭单词选择（可取性测试）：向用户提供术语列表，并要求他们选择最能描述设计的单词
• 数值等级：收集有关设计表现出特定品牌品质的数值等级

1、偏好说明

第一种方法，仅要求人们解释为什么喜欢（或不喜欢）设计，可以很好地与用户进行面对面的交流。如果你对用户的期望不了解，并想了解对他们而言重要的事情，那么这个问题将提供最广泛的帮助。它还可以帮助识别基于个人特质（例如“我喜欢紫色”）的意见，这些意见可以被筛选出来，以便你专注于更多实质性因素。

这种方法的缺点是，如果参与者没有动力或者说不清楚的话，你可能只会得到简短或不相关的答复。这种方法在无节制的远程测试中特别危险，因为如果有人给出模糊的回答（例如“很好”），你将无法在后续问题中询问更多细节。

2、公开单词选择

结构化的评估方法是要求测试者列出描述视觉设计的几个单词。这种格式可确保获得一些特定的反馈，同时仍使问题保持开放性，以发现你可能没有考虑到但对用户很重要的因素。

将术语分为正面，负面或中性，然后将具有相似的术语归类，并评估它们是否与你的目标品牌属性匹配。例如，下面显示了对企业网站的描述单词，该企业的品牌目标是值得信赖，具有现代性和实用性。这些术语都没有被用户明确指定为视觉设计的描述单词，但是许多用户将设计描述为简单（具有正面和负面双重含义）。

正面：简单，专业，干净，优雅，人性化 中性：3个部分 负面：乏味，平淡，过于简单，过时，信息太多

3、封闭单词选择

通过向用户提供一组有限的词，此方法特别关注目标品牌属性是否被参与者感知。将你希望传达的品牌特征包括在单词表中。

该测试在面对面的研究中效果很好，可以询问用户后续问题，并让他们在解释选择每个术语的理由。它也可以用于远程测试。

4、品牌认知度的数值等级

为避免测试周期过长，请选择3–5个最重要的品牌品质，并要求人们评价设计中含有每个品质的程度。（提出的问题越多，测试就越困难，随机回答的机会就越高。）

在可用性测试中评估视觉设计

人们并不是孤立地查看视觉设计，而是作为整体体验的一部分，其中还包括内容和互动。用户体验的每个维度都会影响其他维度：更具美感的设计通常被认为更实用。同样，用户对品牌特征的看法也受交互设计的影响：乍一看似乎简单易用的设计，如果人们不理解如何使用它，很快就会变得令人困惑和沮丧。

尽管第一印象很重要，但并不能说明整个故事。还应该评估视觉设计在交互时如何影响用户的行为。实际上，只有当人们实际使用系统时，细微变化的影响（例如标题的大小）才可能变得明显。乍一看，它们甚至可能没有什么区别，但是在浏览文章时，较大的标题可能会更容易被注意到。这种变化的行为可以再次提高用户查找相关信息的能力，并使他们更喜欢该网站。人们甚至可能会说，即使视觉设计都一样，但是某个版本的内容更好（因为他们阅读了更多感兴趣的信息）。

不要在会议开始时向用户询问他们对视觉设计的看法，而是让人们先完成任务，并注意与视觉设计有关的动作或自发的评论。

例如，对我们公司网站原型的测试中，要求用户完成正常的可用性任务，例如查找内容。一位用户评论说页面顶部的新导航菜单很有帮助。该菜单实际上并不是设计的新功能，新版本使用了小写单词，并改变了颜色。（原本全部大写的单词使用户不能在快速扫描中识别单词）

视觉设计单独评估，还是整合到可用性测试中去？

如果只有时间和资源来进行一项测试，请将视觉设计评估整合到可用性测试中，并使用本文提供的方法评估视觉设计效果。

在以下情况下，请考虑使用视觉设计单独评估：

• 时间和资源足够，允许进行多种类型的测试
• 视觉和品牌认知可能会严重影响产品的成功
• 在测试交互式原型前，需要先比较多个视觉设计版本
• 在测试交互式原型后，需要进行大规模用户测试