菜单

如何测试视觉设计

通过 凯瑟琳怀特顿2018年6月17日

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


字体,颜色,对齐和图像等视觉细节越来越多地被期望不仅可以创建可用的体验,而且还可以创建表达复杂的品牌特征例如友善,可靠性或创新。

许多团队开始定义目标品牌特征; then manbetx官方网站手机版ers and stakeholders select the visual details they believe will best convey those brand traits This approach assumes that the opinions of manbetx官方网站手机版ers and stakeholders will accurately predict users’ reactions这是一个伟大的第一步,但它不能保证用户认为manbetx官方网站手机版本看起来“友好”的东西。

当组织从有效的品牌推广中获益良多时,应通过严格的数据驱动方法评估审美选择及其对用户态度的影响。

如何测试视觉设计的感知

与任何形式的用户体验研究一样,招募测试参与者谁是您目标受众的代表They  don’t need to have any manbetx官方网站手机版 expertise — people don’t need training in visual manbetx官方网站手机版 to know whether they like something; in fact, users can reliably rate how much they like visuals in less than a tenth of a second (according to one study by Gitte Lindgaard and her colleagues)但是,知道是否有人喜欢一个manbetx官方网站手机版并没有表明manbetx官方网站手机版是否传达了正确的品牌特质。

(并且为了更好的衡量,让我们强调,你是否喜欢manbetx官方网站手机版,或者你认为它是否表达了目标特征,这也不是一个有效的标准。你不是用户,您的团队的其他成员和管理层也不是。)

要衡量品牌认知度,不要只是问人们是否喜欢manbetx官方网站手机版,而是采用更加结构化的方法,包括两个主要部分:

  1. 暴露于视觉刺激: Show study participants the visual manbetx官方网站手机版, which could be a static image, a prototype, or a live interactive website or application.
  2. 评估用户对刺激的反应:使用开放式或严格控制的问题衡量用户对manbetx官方网站手机版的反应。

介绍视觉设计测试刺激

你使用的“测试刺激”(即manbetx官方网站手机版的视觉表现形式)可以很容易地适应几种不同类型的研究进行时in-person visual-manbetx官方网站手机版评估,您可以简单地向人们展示静态图像,无论是打印在纸上还是显示在屏幕上打印页面应该是一个真实的大小,超过2个屏幕的页面通常会以数字形式进行更好的评估,因为打印它们会一次向用户显示比在屏幕上实际看到的内容更多的内容如果您想确保获得有关特定视觉manbetx官方网站手机版的即时第一印象的反馈,请使用静态图片。

也可以使用评估美学和品牌印象远程,未经模仿的方法,允许与难以亲自见面的用户或大量用户进行测试(当您需要高度确定的结果时有用)任何可以显示图像的调查工具都可用于远程评估。

如果你有兴趣的话第一印象,在短时间内向用户呈现视觉刺激有两种方法可以实现这一目标:

  1. 5秒测试:  With this type of test, you显示刺激5秒(或另一个短暂的时间)这种方法最适合准确捕捉人们的“直觉反应”.5秒的观看时间太短,无法阅读副本或注意特定字体或颜色等细节,但足以形成准确反映视觉风格的印象。
  2. 首次点击测试:你给参与者一个特定的指示(例如“了解更多关于这个组织的信息”),然后再将他们暴露给manbetx官方网站手机版,并在他们点击屏幕上可以完成任务的位置后停止他们Most users will still spend only a few seconds on this type of test, but instead of intentionally looking at the whole page, they will search for a specific task-related feature or link, and only view the rest of the manbetx官方网站手机版 peripherally如果您希望用户在第一次遇到您的网站时已经考虑到特定目标,那么此测试最适合。

使用诸如此类的服务,这两项测试最容易远程管理5第二次测试Userzoom(进行5秒测试)或Chalkmark(用于首次点击测试)。

请记住,通过首次点击测试,您提供的确切任务说明肯定会影响参与者注意和记住视觉manbetx官方网站手机版如果您的用户可能在您的网站上有各种目标,则可以将用户随机分配给多个不同的任务说明之一,或者坚持使用更为中性的5秒测试。

比较多种设计变化

通常,向用户展示多个可能的视觉manbetx官方网站手机版有助于他们识别他们喜欢(或不喜欢)每个变体的内容如果你要求参与者评估一个以上的manbetx官方网站手机版,请务必改变他们看到替代方案的顺序,因为部分人的反应可能会受到他们首先看到的版本的影响(For example, if one version is easier to understand, those who see that one first will have learned about the content and will be less confused by the other variation.) Keep track of which version each person sees first, so you can take it into account when analyzing responses.

另外,当要求用户评估相同的manbetx官方网站手机版的不同版本时,差异必须足够大,才能立即被外行人察觉字体大小的微小变化或类似字体的替换等微小变化对于可视化的manbetx官方网站手机版来说可能是显而易见的,但对于普通用户来说通常是不可检测的要求人们有意识地识别和评估这些微妙的细节,很可能会让他们感到困惑,浪费你的时间(更糟糕的是,你可能会陷入困境查询效果用户只是为了满足这个问题而做出答案,即使他们对两个过于相似的版本并没有真正的不同。)

评估用户反应:Open-Ended vs.Structured 

一旦参与者接触到manbetx官方网站手机版,下一步就是测量他们的回答人们的审美印象可能非常特殊,需要系统地分析以确定有意义的趋势这可以通过开放式反馈来完成,但使用稍微更结构化的方法可以更容易地理解整体模式以下是一些可以使用的技术,从完全开放式到高度结构化:

  • 开放式偏好解释:请用户解释为什么他们喜欢manbetx官方网站手机版
  • 打开单词选择:要求用户列出描述manbetx官方网站手机版的3到5个单词
  • 封闭式词语选择(满意度测试):为用户提供术语列表,并要求他们选择最能描述manbetx官方网站手机版的词语
  • 数字评级:收集关于manbetx官方网站手机版展示特定品牌质量的数字评级

开放式偏好解释

第一种方法,简单地要求人们说明为什么他们喜欢(或不喜欢)manbetx官方网站手机版, can work well for in-person sessions with highly motivated and articulate usersThis question casts the broadest net and can be useful if you don’t know much about your audience’s expectations, and want to discover what matters to themIt can also help identify opinions that based on personal idiosyncrasies (such as “I like purple”), that can be screened out so you can focus on more substantive factorsThe drawback of this approach is that you may get only brief or irrelevant responses if the participant is not motivated or just not very articulate.  This method is especially risky in an unmoderated remote setting (such as a survey), since you won’t be able to ask for more detail in followup questions if someone gives a vague response such as ‘It’s nice.’

打开单词选择

评估用户感知的稍微更有条理的方法是询问测试参与者列出几个描述manbetx官方网站手机版的词这种格式可以确保您获得至少一些特定的反馈,同时仍然保持问题的开放性,以发现您可能没有考虑的因素,但这些因素对您的受众非常重要您可能会收到大量描述符,并需要仔细分析它们以确定有意义的主题A good approach for this analysis is to categorize terms as generally positive, negative, or neutral, then group terms with similar meanings, and evaluate whether they match your target brand attributesFor example, the table below shows descriptors provided about a business-to-business website whose brand goal was to be trustworthy, contemporary, and helpful这些术语都没有被研究参与者特别命名为描述符,但许多用户将manbetx官方网站手机版描述为简单(具有正面和负面含义)。

中性

Simple

简单,大胆

专业,整洁

企业

优雅

人的

清醒

三方

3部分

布兰德

平淡,典型,安全

太简单

简单,通用

基本

过时的

太多的信息

临床

开放式词汇选择问题引出了广泛的描述符,必须对其进行分析以确定它们是否有效地表达了所需的品牌特征。

结构化的词选择

要求用户从术语列表中选择描述符你提供的是字选择方法的受控变体通过向用户提供有限的单词集,该方法特别关注参与者是否感知目标品牌属性您希望传达的品牌特征应该包含在您的术语列表中,以及描述矛盾或不同质量的其他选择结构化词语选择,(也称为“可取性测试”) is less sensitive than open word choice to discovering new points of view, but makes it easier to compare different versions of a manbetx官方网站手机版, or the reactions of different audience groups to the same manbetx官方网站手机版. This technique works well in an in-person study, where you can ask users follow up questions and let them refer to the manbetx官方网站手机版 as they explain their reasoning for selecting each term. It can also be used in a remote study, but it's not a good idea to combine this with a '5-second' test format because looking through a long list of words may take so much time that by users get to the end they don't recall much about a manbetx官方网站手机版 they only saw for 5 secondsInstead, use a survey tool which allows people to see the manbetx官方网站手机版 as they are choosing words from the list. 

品牌认知的数字评级

最后,最受控制的方法是收集每个品牌特征表达能力的数字评级由manbetx官方网站手机版为了避免过长的测试时间,选择3-5个最重要的品牌质量,并要求人们对每个品牌的捕获率进行评分manbetx官方网站手机版(The more questions you have, the more difficult the questionnaire, and the higher the chance of random answers.) Because this paradigm limits the ability to discover different perspectives and reactions, numerical ratings are appropriate only if you’ve figured out the most common perceptions in previous research and simply want to assess the relative strength of each quality.

最后,一句话专门小组:虽然它们可用于捕获用户偏好,但如果您没有有才能,经验丰富的焦点小组辅导员,则此方法存在风险在群组对话中从每个参与者捕获关于视觉manbetx官方网站手机版的详细反馈是困难的可以提供帮助的一种策略是让参与者在将他们作为一个小组进行讨论之前记下他们自己的看法,并收集这些书面评论以供以后分析焦点小组也不会捕获任何行为信息。

评估可用性测试中的视觉设计美学

All the methods described above focus specifically on visual impressions; but the reality is that people do not encounter visual manbetx官方网站手机版 in isolation, but rather as part of a holistic experience which also includes content and interaction用户体验的每个维度都会影响其他维度:更多美学上吸引人的manbetx官方网站手机版通常被认为更有用同样,用户'关于品牌特征的看法受到互动的影响 - manbetx官方网站手机版选择:如果人们无法理解如何使用它,那么乍一看似乎简单而热情的manbetx官方网站手机版很快就会变得令人困惑和沮丧。

虽然第一印象很重要,但它们并不能说明整个故事您还应该评估视觉manbetx官方网站手机版如何影响用户的行为和任务成功当他们实际与系统交互时In fact the effects of subtle changes, such as slightly increased header sizes, may only be apparent when people actually use a system; at first glance they may not even notice a difference, but when skimming an article, larger headers may make it easier to jump quickly to a specific section这种改变的行为可能会再次提高用户查找相关信息的能力,并使他们更像网站人们甚至可能会说写作更好(因为他们阅读了更多感兴趣的信息),即使实际副本保持不变,唯一的变化就是排版。

幸运的是,典型的可用性测试协议可以很容易地修改,以结合visual manbetx官方网站手机版的评估您可以在常规可用性测试会话中包含有关视觉展示甚至单词选择练习的特定问题但是,这些不是试图捕捉用户的第一印象美学评估应该发生研究的行为可用性部分是完整的

这个序列非常重要,因为如果你在会议开始时询问某人对visual manbetx官方网站手机版的看法,你就会冒着偏离研究行为部分的风险特别是如果用户看过多个版本并选择了“最爱”,他们可能会忽略或最小化他们在整个会话期间遇到的“最喜欢”版本所遇到的任何问题。

让人们首先完成行为任务,并注意与视觉手机有关的动作或自发评论,而不是在会话开始时向用户询问他们的视觉效果,并注意行动或自发评论官方网站手机版例如,在最近对我们公司网站原型的测试中,我们要求用户完成正常的可用性任务,例如查找内容在尝试任务时,一个用户随意地评论了新导航菜单在页面顶部是有帮助的这个菜单实际上并不是manbetx官方网站手机版的新功能 - 这个用户过去经常访问的网站上显示的菜单相同,现在以较轻的字体显示,没有大写样式。

以前版本中带有重型全大写字体的nngroup.com主导航的屏幕截图
A study which compared two different fonts for the global navigation using normal usability-testing methods discovered that the original navigation menu (top) which was presented in a heavy, all-caps font became more discoverable and was perceived as a ‘new’ addition to the site when presented in the lighter, title-case font (bottom.)

一旦完成了基于任务的研究部分,您就可以转向评估用户对品牌特征的看法他们的答案不会完全基于视觉印象,就像他们在5秒测试中那样,但是视觉,内容和互动的结合形成的印象实际上更接近用户在现实世界中的反应。

视觉印象是应该在隔离中测试,还是作为可用性测试的一部分?

对于交互式系统,永远不应该评估视觉偏好代替可用性测试如果您只有时间和资源进行一次测试,请使用添加技术评估visual manbetx官方网站手机版的效果,进行可用性测试。

在以下情况下,请考虑使用本文中介绍的独立方法:

  • 时间和资源允许多种类型的测试
  • 视觉和品牌认知可能会显着影响产品的成功
  • 在测试交互式原型之前,要比较不同的视觉方法
  • 在测试交互式原型之后,用更大的用户样本确认结果

 

参考

Lindgaard,G.,Fernandes,G.,Dudek,C和布朗,J“注意网页设计师:你有50毫秒才能取得良好的第一印象!”行为和信息技术,25(2),2006https://www.tandfonline.com/doi/abs/10.1080/01449290500330448

罗勒,克里斯蒂安“可取性研究:衡量对视觉设计的美学反应。”xdStrategy.com,2008年10月28日。http://www.xdstrategy.com/2008/10/28/desirability_studies/