佛山做网站:可用性测试方法——面对面测试的好处

2019.08.15 mf_web

120

在作为Web开发人员工作时,我看到许多项目功能因启动前缺乏可用性测试而失败。利益相关者通常认为他们知道用户的需求,并根据自己的意愿选择构建完成版本,而不是收集用户数据。这最终导致公司失去网站访问者,从而导致收入损失。

可用性测试不一定是一个长期的大型项目; 它可以快速进行,并仍然提供结果,将节省开发人员的大量重新编码。让我们通过一些简单的步骤来展示如何运行经济高效,可靠的面对面可用性测试。佛山做网站

HR管理 - 多彩的等距插画
在Envato元素的五颜六色的等量例证

尽早让测试成为您设计过程的一部分

首先,我们测试竞争对手的网站(或者客户现有的网站,如果我们正在建立一个新的网站),以了解用户对他们的期望。之后,是时候根据这些结果开始构建我们自己的线框了。

因为我更喜欢尽早测试几个想法而不是完全直接开发,我倾向于使用可点击的低保真线框并使它们变得非常简单。这个想法来自Jake Knapps Design Sprints,它表明早期测试原型而不是产品已经构建时效率更高。在那个阶段,未能满足用户需求然后不得不重建产品的风险更高。

我通常开始使用在线工具Balsamiq来创建快速低保真线框。在那里,我们可以用不均匀的线条绘制产品,使其几乎看起来像手工制作。这有助于向客户和用户显示结构,而不是在过程的早期阶段与颜色和图形元素无关。当测试运行并且结果出现时,我开始使线框越来越类似于成品,直到所有问题都得到解答并且不再需要运行测试。

使用Wevot构建的高保真线框 -  Envato Elements的线框UI工具包
使用Wevot构建的高保真线框- Envato Elements的线框UI工具包

如何进行面对面的可用性测试

无论我是在测试竞争对手的网站,低保真线框还是高保真原型,我总是使用相同的步骤来进行测试。这是基于我们已经拥有适合我们需要测试的目标组的用户群这一事实。

第1步:准备

  1. 最多可以找到五个人来进行测试。我们希望尽可能少地运行测试,以便能够快速迭代设计然后再次测试。确保人们适合人口统计,如果没有,请让他们将自己置于将使用该产品的用户的情况。 

  2. 记下用户应测试的最多五个场景。例如:“今晚6点在伦敦为两个人预订餐厅”或“通过联系表格发送电子邮件,主题为营业时间”。比这更多的场景将花费太长时间,并且可以使我们同时关注太多的设计方面。我们希望有效地做出微小的改变。记下这些任务的说明。

  3. 设置录制程序,记录用户如何在屏幕上移动鼠标。Quicktime对此很好。如果我们想更进一步,我们也可以录制他们的声音并打开网络摄像头。如果我们忘记某些内容并希望在稍后阶段查看或收听会话以记住用户在哪里挣扎,这将是有益的。请确保先获得他们的同意。

  4. 写下介绍说明测试以及参与者如何提供帮助的介绍。同时写下您可能遇到的任何问题,例如有关其人口统计信息或产品使用体验的问题。例如“您多大了?”或“您每天在手机上使用社交媒体应用程序需要多少小时?”。 

  5. 准备笔记本电脑,手机或纸张(原型)上的线框,并随身携带到会话中。

使用Wevot构建的高保真线框 -  Envato Elements的线框UI工具包
使用Wevot构建的高保真线框- Envato Elements的线框UI工具包

第2步:进行可用性测试

一切准备就绪,我们现在100%确信我们的测试会议将按计划进行!

让我们首先邀请第一个参与者并与他们一起运行介绍。我通常首先说以下内容:

在我们开始之前,我想我会给你一些信息。 我们目前正在为*项目名称*建立解决方案。我们设计了一个产品将基于的可点击原型,现在需要对其进行测试,以确定我们已经实现了正确的功能。当你使用原型时我会看的。由于这是原型而不是成品,因此您将遇到一些错误。我请你仍然尝试使用它,好像它是一个真正的应用程序/网站。

重要的是,您要了解我们正在观察如何改进工作流程,而不是您如何使用此产品。你做不了什么错!如果某些东西不起作用,那就是产品的错,而不是你的错。在测试过程中,我会要求你尽可能地大声思考:说出什么是不对的,你要做什么以及你在想什么。这将非常有帮助。 

测试将花费*时间*。 我将使用麦克风,网络摄像头和Quicktime录制程序记录此会话,这将在分析数据时帮助我们很多,并使我们能够减少笔记。这对你好吗? 在我们开始之前你有任何问题吗?

如果您有参与者,请向参与者提供同意书并要求他们签名。开始记录。询问人口统计数据并体验准备好的问题。开始填写以下用户测试表: 

  • 参与者的名字,年龄,技术水平或其他人口统计资料:

  • 场景/目标/任务:

  • 观察笔记:

  • 问题点:

  • 摘要:

要求用户执行第一项任务 - 观察它们并在它们执行此操作时记笔记。由于我们希望测试尽可能自然,因此我们在使用线框时不会发表评论。如果他们问我们接下来要点击什么,我们会问“如果您使用此应用程序/网站我会做什么,而我不在这里?”。在Steve Krug的可用性测试期间,有一个很好的指导,称为“ 治疗师会说的事情 ”。

完成第一项任务后,我们可以向用户询问我们的问题,并查看他们是否对任务有任何疑问。当他们都清楚时,我们要求他们完成下一个任务。 

提醒他们大声思考。当所有的任务和问题都完成后:

  • 停止录制并将其名称保存为标题。

  • 感谢参与者。

  • 给他们“工资”。

  • 写下任何附加说明并填写上述用户测试表。

  • 设置新的录制会话。

  • 让新参与者进来。

第3步:分析结果

测试完成后,分析路径可以采用两种方式,具体取决于我们在设计过程中的位置。如果它是在稍后阶段并且测试数据更加定量,我建议使用像Voyant这样的免费在线数据分析工具,其中可以通过添加当前和先前用户测试的注释来测量问题的频率。该工具将显示之前使用过的句子和单词,以便我们可以查看是否有任何问题再次发生。但如果它处于早期阶段,我们可以手动分析测试:

  1. 从测试中记下笔记,记下五个用户目标和五个用户问题。查看用户之间是否有任何重复。记下与目标和问题相关的参与者的特定报价也很有帮助。例如,目标可能是“亚历克斯想要预订一家有素食选择的餐馆”,问题可能是“素食餐厅没有过滤器”。

  2. 之后,我们聚集了UX团队,讨论哪些有效,哪些需要改进。展示您的结果,如果他们也进行了测试,请让他们也这样做。在这里,我们可以确定主要问题,并提出可能的解决方案。

  3. 然后,我们基于UX团队讨论构建新的线框,再次进行测试和分析。我们一遍又一遍地这样做,直到我们觉得我们已经达到了对功能和内容感到满意的阶段。

  4. 对于未来的小改进,HotJar可用于衡量用户是通过热图,用户录制和反馈调查正确使用应用程序或网站。

  5. 现在线框已经完成,我们会向客户展示并将其与他们的愿景相匹配。同样,将有更多的变化,线框设计将在客户批准之前来回几次。

结论

当我们使用产品一段时间后,由于我们已经知道哪个按钮在哪里,因此很难预测用户在网站上的行为方式。面对面的可用性测试可以向我们展示各种不可预测的用户场景,并允许我们询问“你为什么这样做?”的问题,而不仅仅是“你点击了什么?”。 

这使我们对产品,用户有了更深入的了解,并使设计(和编码)过程更快。开发人员将获得经过多次测试的防弹设计,从而最大限度地降低了他们在产品发布后不得不重新编码产品的风险。相反,我们可以开始监控收入。这是发现和修复可能的可用性问题的好方法。

佛山做网站

最新案例

寒枫总监

来电咨询

400-6065-301

微信咨询

寒枫总监

TOP