当前位置:首页 > 网站用户体验专题

如何将用户体验转换为网站设计

2020-01-08

可用性测试不必太复杂。对于想要远程测试其解决方案的设计团队来说,有很多选择。为了证明这一点,我们在远程可用性测试的帮助下重新设计了Yelp

我们进行了远程可用性测试,因为它们既快速又实惠。所有这些测试都是未经审核的,这意味着用户可以在自己的家中舒适地运行它们。虽然这给我们带来了更少的控制权,但却提供了更自然的结果。因为记录了他们的反应,所以我们鼓励他们大声思考。

了解没有单一的魔术方法至关重要。从可用性实验室研究到简单的电子邮件调查,有各种各样的策略可供选择,并且它们都有自己的时间和地点。我们进行了远程可用性测试,因为它在速度,准确性和成本之间取得了很好的平衡。

在本文中,我们将解释定性研究为何重要,解释见解,并展示如何将其构建到新设计中。

 

如何进行定性分析

当涉及定性分析时,您不仅可以要求用户谈论他们的经验。

正如尼尔森·诺曼集团(Nielsen Norman Group)的合伙人雅各布·尼尔森(Jakob Nielsen)指出的那样,您永远不应只听用户说什么。错误的方法是创建一些设计,然后询问用户他们最喜欢哪个设计-用户没有尝试过该设计,因此他们只能评论表面上看到的内容。

正确的方法是观察用户的行为,然后向他们询问最低限度的“ 问题”,即:“任务是多么容易或困难?”这有助于减少偏见并达到用户体验分析的底线:如何用户完成他们的任务,这有多难?我们的屏幕录像还捕获了音频(因为我们鼓励人们大声思考),因为否则很容易错过某些行为发生的原因。

 

我们如何分析用户视频   

用户与Yelp网站互动的视频中出现了不同的模式。毫不奇怪,我们了解到搜索栏是最重要且易于使用的搜索栏之一。当然,这是有道理的,因为Yelp本质上是具有某些附加社交功能的商业搜索引擎。但是,其他功能并不直观,如下所示。

第1课:搜索栏是首选起点

所有五个测试参与者都非常依赖搜索栏,即使是可以通过浏览类别轻松完成的任务(例如在没有给出任何特定条件的情况下找到一家不错的餐厅或酒吧)。实际上,五位参与者中有四位直接进入搜索栏以找到餐厅。只有一个用户开始浏览类别,然后她很快发现它们“不堪重负”,最终落回到搜索栏上。

值得一提的是,在测试说明中,我们要求用户“找到”一家餐馆,而不是“寻找”一家餐馆,因为我们想观察他们如何自然完成这项任务,而不偏向于特定功能。

有趣的是,当为用户提供特定的参数(例如预算,氛围和餐厅类型,或单个公司的名称)时,他们几乎总是忽略主页上除搜索栏以外的所有内容。在重新设计时,我们确保搜索栏是视觉上最突出的功能。

第2课:事件不是很明显

在一项任务中,我们要求没有Yelp帐户的两个用户在本周末在他们的区域中找到一个有趣的事件。我们想了解他们是否将使用页面顶部的事件标签。

令人惊讶的是,没有人使用事件选项卡。当被要求在本周末在他们所在的地区寻找有趣的活动时,一位测试参与者使用了搜索栏,另一位则Yelp最佳部分中浏览了艺术与娱乐类别

因为举行活动是Yelp业务的重要组成部分,所以我们的重新设计将把活动部分从侧边栏中拉出来,并使其成为主要滚动条的一部分。

第3课:书签令人困惑,没有人使用列表

我们很想知道用户将如何选择保存位置以供以后参考。在Yelp中,有两种方法可以执行此操作:具有现有帐户的用户可以为位置添加书签创建列表。我们只是要求第1组(三个拥有Yelp帐户的用户)“保存”许多位置以便以后查看,因此我们的措辞不会提及任何可能影响其操作的功能。

在执行此任务的三个用户中:

  • 一个使用书签保存了企业,但抱怨该过程花费了很长时间
  • 一个人开始使用书签来保存业务,但由于花费了太长时间而放弃了
  • 一个人无法弄清楚如何挽救企业并放弃了这项任务

使用书签的两个用户均表示,能够从搜索结果页面中为企业添加书签,而不是必须分别转到每个企业的页面,这将是很好的选择。

允许用户使用一种更简单,更直观的方法来保存企业,以便日后返回,将是一个很好的选择,因此我们在重新设计中添加了一键式保存功能。这项新功能可让您直接从结果页面保存业务,而无需深入研究。

第4课:快速轻松地搜索特定地点

所有五个用户都被赋予一项任务,以查找特定的业务并确定该业务是否在特定时间开放。他们都成功完成了这项任务,并将任务评为“非常容易”。如前所述,所有五个人都使用搜索栏来完成此任务。

由于搜索特定业务的效果很好,因此我们决定不需要任何功能更改。

第5课:照片是确定氛围的最佳选择

当被要求寻找具有一定氛围的餐厅时,这五个用户中没有一个尝试使用搜索栏。相反,三个用户浏览了Yelp上餐厅的照片,一个访问了餐厅的网站,最后一个用户说价格符号($,$$,$$$$$$$)足以表明餐厅是否有正确的氛围。

这带来了两个见解:

  1. 照片是Yelp体验的重要组成部分,对于用户选择业务至关重要。
  2. 为避免界面混乱,解决方案可以简单到只需在进入搜索结果页面时放大照片即可。

第6课:用户依赖过滤器,但需要进行修改

要求所有五位用户为15 人一组找到一家餐厅,五位参与者中有三位使用了“团体聚餐”过滤器,而一个人则使用了“预约”功能并向下滚动,直到找到可以容纳该团体的餐厅。

在另一点上,一个用户试图选择两个类别来过滤其结果,但是当他单击另一个类别时,他的一个选择就消失了。

尽管过滤器很重要,但我们了解到可以大大改善过滤器。为了更深入地了解,我们决定对Yelp当前的所有过滤器选项进行卡片排序,以确定哪些选项实际上对用户有用。

对于重新设计,我们决定将过滤器类别根据用户的优先级划分为四个一组。例如,我们了解到“立即打开”和“接受信用卡”是一些最重要的过滤器,但是可能需要单击几次才能访问它们。

第7课:价格类别不清楚

当用户搜索具有特定参数的餐厅时,要求之一是在20美元/人的预算内找到一家餐厅。五个用户中的两个对他们的$ 20餐厅预算属于$,$$$还是$$感到困惑。一个用户说她不知道这些符号的含义,另一个用户单击了错误的类别。其他三个正确选择了$$类别。

当用户选择过滤器时,不会显示符号的定义。它仅在用户导航到特定餐厅的页面时显示。由于价格期望值非常主观,因此用户不清楚应该选择哪个类别。

在重新设计中,我们通过将确切的值放在符号旁边的括号中来解决此问题。当您在类别之间移动时,这特别有用,因为如果您选择机械师或汉堡店,$$具有不同的含义。

 

由可用性洞察力驱动的设计

一旦设计好了,我们就根据Google Ventures设计过程的最后几个步骤采用了一种方法。UXPin首席执行官Marcin Treder首先提出了许多非正式的草图,然后团队决定将其缩小到前2-3个草图。为了防止委员会进行设计,Marcin最终决定了哪些草图将发展为线框设计和原型设计。

我们创建了一个线框以合并大多数设计更改,然后添加了一些交互作用和动画将其转变为低保真原型。动画平滑后,我们为高保真原型添加了细节。

 

低保真原型


高保真原型


 

确定可用性的所有方面

服装网站设计测试期间,用户的发言和用户的行为应作为制衡手段。尽管在测试期间不必一定要在场,但必须进行视听记录,否则您可能会错过行动的环境。当将定性分析与定量分析结合使用时,您会更清楚地知道为什么以及如何解决问题,以及设计需要解决多少可用性问题。

免费获取报价

  • 29923329

  • 杭州市丰庆路498号北软智慧科创大厦203

  • 0571-85815193

  • pady@1t2.cn

网站地图 版权所有 © 2008-2021 杭州派迪科技有限公司  Copyright © 2008-2020  www.hzpady.com  All Rights Reserved    浙ICP备14029905号-1     公安备案:33010802008411    软著登字第3457658号