想验证你的设计?最简单最实用的A/B测试帮你搞定 - 优设网 - UISDC

想验证你的设计?最简单最实用的A/B测试帮你搞定

2017/11/30 6668评论区

To be or not to be?这是一个始终存在,并且不断重复的问题。我们始终面对着不断出现的艰难抉择。设计师的工作也同样如此,两种看似都可行的解决方案,必须选择其中一种。面对这种情况的时候,设计师和创意团队需要通过测试来做设计决策,而其中最常用的测试方法,是A/B测试。今天,我们来聊聊A/B测试的各种特征,以及设计师要如何将其运用到UX设计当中,改善产品体验。

A/B测试是什么?

A/B测试也被称为Split Testing,是比较两个样本/方案/版本中哪个更好的测试方法。在A/B测试当中,设计师可以将用户分成两组,两组分别测试A和B两个不同的方案,并确定哪个方案可行性更高,效果更好。

A和B两个方案之间的差异,可以很小,也能很大。这种差异可以小到只是一个元素的颜色差异,也可以大到整个布局截然不同。而方案的有效性的衡量标准也可以很多样,可以是页面的浏览量,可以是点击量,可以是订单数量,也能是销售额。衡量标准通常是根据公司、产品和团队的具体目标来制定的。在实战当中,最好是将各方面的影响因素有机地结合起来,从而能够得到更好的测试结果。

设计师要如何使用A/B测试呢?

产品的UI和UX设计通常是为了特定的目标而创建的。比如为了获得有效的用户体验而选择清晰的导航和愉悦的交互。但是,现在可行的方案,在之后不一定能够完全胜任,在小范围测试可行的策略,可能在大面积铺开之后存在问题。产品功能随着时间会变化,效果也不尽相同,所以,设计也需要不断地改进。

A/B测试的优势在于,能够帮助设计师谨慎而有效地改进设计策略,不会让用户感觉不方便。在用户持续地使用应用或者网站的过程中,搜集有用的数据和指标。

那么,更具体地说,你能从A/B测试中获得什么呢?首先,从中你能了解目标用户的行为模式和特征。通过对不同版本的UI进行测试,设计师能够清楚不同的偏重或者说不同的解决方案能够对用户有什么样的影响,哪种更为有效。此外,A/B测试有助于消除不良的设计决策,以及用何种方案来替代效果最好。

除此之外,A/B测试能够减少设计师和客户之间存在的潜在冲突。在很多时候,设计者和客户的意见是不一致的,通常大家也都很难放弃各自的观点。为了解决这样的冲突,A/B测试会找到更合理的答案,帮助大家找到最佳的解决方案。

整如同我们在上面所说的,A和B两个方案在差异上是可大可小的。下面是UI设计师在做A/B测试的时候,通常会用作变量的测试元素列表:

  • CTA按钮(位置、大小、颜色和文案)
  • 标题和副标题
  • 着陆页上的图片(大小,风格,位置)
  • 网页上客户介绍的表单
  • 文案(长度,大小,位置和内容)
  • 视频

A/B测试是非常灵活的,测试可以反复进行,如果想要判断具体影响因素,最好是一次测试一个变量,然后反复迭代逐个进行,寻求对于用户更加友好的解决方案。

A/B测试的过程

如果你从未做过A/B测试,现在开始尝试也不晚。新的尝试往往能为你打开新世界的大门。更何况A/B测试本身并不是复杂的测试方法,按照下面的步骤,你可以轻松地使用A/B测试帮你提升用户体验。

步骤1:搜集数据

A/B测试的首要目标是优化。这种优化可以是提升数据,可以是改善体验,或者是产品升级。这也是为什么A/B测试之前要搜集数据,搜集了数据才能进行基本的分析,确定优化的方向。转化率低的CTA按钮常常是第一个被拿来优化的。

步骤2:设定目标

为了改进设计,设计师需要明白通过测试来获得什么。这个目标可以是获得更多的用户,让用户在网站的停留时间更长,或者是更多点击CTA按钮,等等等等。有了目标就能够跟踪和确保有效性了。

步骤3:建立假设

这一步是非常必要的,因为这样才能在搜集数据的时候有方向,也有改进的方向。确定目标之后,你需要思考新的解决方案为何能够带来更好的效果。对目标受众进行研究,有助于提出改进方案的假设。这可以帮助设计师更好地了解目标用户。

步骤4:创造A方案和B方案

当设计师决定了要如何改进之后,就可以创造测试可用的A方案和B方案了。有许多免费的工具可以帮助你将用户分成两组。如果你没有足够的A/B测试的经验,可以使用Q&A的方式进行测试,确保整体质量。

步骤5:开始测试

对于整个设计团队而言,这个环节应该是最愉悦的部分,因为经过前期的准备工作之后,终于让用户动起来了。用户在测试当中访问APP和网站,他们的行为和决策都被记录下来,化作有用的数据。

步骤6:分析结果

经过一段时间的测试,用户的数据被搜集整理下来,接下来就要分析结果了。所有的方案A和方案B的数据和指标会拿来进行对比分析,基于结果,选出其中更优秀的方案以达成设计目标。

A/B测试的优点和局限性

必须承认的是,没有任何一个解决方案是完美的。每种测试方法都是独一无二的,就像A/B测试本身,它有优点,也有局限性。

优点

A/B测试可以用来衡量和判断用户行为。绝大多数的测试者所在不知道被测试的情况下参与进来的,他们会自然而然地交互,这有有助于设计师准确地判断他们的行为模式。

A/B测试是一个足够便宜的测试方法。A/B测试不需要昂贵的工具,也不需要雇佣专门的测试人员就能进行。你所需要的是制作出2个供对比的解决方案,选择一个A/B测试的软件,就可以找来测试用户进行测试了。

可以筛出高质量的内容。A/B测试是找出哪些内容更有价值的好方法。

以用户为中心的设计。A/B测试几乎是完全针对用户行为模式和用户需求的测试手段,测试之后输出的结果有助于让产品更加人性化。

快速简单的分析测试。A/B测试通常有特定的测试指标。当结果姐夫出来之后,确定哪个结果更好并不难。

一切都可以拿来测试。并不是所有的测试都能帮你搞清楚哪种按钮颜色、排版方式和字体更合理,但是合理地设置A/B测试的规则,能够帮你搞清楚这些问题。要知道,即使这样的小元素也会对用户的行为和设计感知有很大的影响。

降低风险。在产品设计和开发的关键阶段出错会让整个产品的开发成本提高不少。A/B测试能够帮助整个产品团队减少许多潜在的问题,通过在早期阶段进行测试,设计师能够确保UI和UX潜藏的问题尽可能少。

A/B测试的限制

A/B测试是有限制的,它需要整套的设计作为支撑。这个并不难理解,因为你不可能单独设计一个CTA按钮来进行测试,你需要让它在整个APP或者网站当中才行。

A/B测试不会为你揭示原因,只会为你呈现结果。A/B测试确实能够搜集到有用的数据,但是你只能看到效果,内在的原因并不会通过这些数据呈现出来。如果你想知道缘由,只能通过用户研究来洞悉其中深层次的原因。

A/B测试不能告诉你哪里出错了。和上一条一样,呈现结果而不揭示原因,同样的它也不会告诉你哪里错了。设计上的问题,并不能通过A/B测试帮你找出来。

结语

一套设计方案如果没有经过正确的测试就投入实用,潜在的问题未解决,实际的风险并不低。这就是为什么我们需要通过A/B测试这类测试手段来发掘问题,改进设计。

【这些文章同样来自Tubik Studio】

  1. 《游戏化设计中,任务和挑战是怎么发挥作用的》
  2. 《游戏化设计的精髓是结合用户历程进行UX设计》
  3. 《帮你理清创意的情绪板,是设计项目前期的利器》
  4. 《超详细解读:UI导航设计不仅仅指的是导航栏》
  5. 《在设计流程中,通过这6种方式来运用信息架构》
  6. 《看似简单的几个动效,在APP中实现过程并不简单》

本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。

================明星栏目推荐================

优优教程网 UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao.uisdc.com

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/a-b-testing-for-ux-improvement

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 界面设计 版式设计 排版布局 职场 优设专访 设计师干货 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 AI教程 设计理论 设计流程 神器下载 字体下载 设计师专访 psd下载 设计规范 海报设计 设计趋势 用户体验设计 平面设计 动效设计 logo设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里