a b 测试案例_用户体验设计的A / B测试结果和案例研究

拆分测试的过程并不像您想象的那么复杂。 您要制定一个特定的目标 ，例如吸引更多访问者进入另一个子页面或生成更多注册。 然后，您可以对所述网页进行各种更改 ，并跟踪哪个版本的网页效果更好。 这些测试通常是由互联网营销公司私下进行的，但是最近博客上有很多可用的数据。

今天，我将分享一些与A / B测试有关网站性能的案例研究。 搜索结果颇具洞察力，但请记住，并非每个网站都是相同的，因为在关键领域受众和流量来源通常有所不同 。 每个网站都应作为其自身的实体进行检查，并且用户体验趋势在很大程度上取决于页面中的其他元素（导航，内容宽度，字体大小等）。

因此，适用于其他站点的方法可能不适用于您的站点 。 但是，A / B测试的好处在于，您始终可以尝试新的目标并确定阻碍您前进的因素。 现在，让我们看一下。

客户推荐和销售

这是Visual Website Optimizer（VWO）及其A / B拆分测试博客中的一种情况。 这项工作是在Wikijob的“能力倾向测试”页面上完成的 。 目的是改善从访问者到购买页面的转换 。 团队致力于各种实现，最后决定在页面上添加客户推荐。

这使产品销售增长了34％ 。 没有重大的设计更新，颜色更改或重新定位的元素。 标题下方只是一个新盒子，上面有来自以前客户的实际推荐。

结论

同行评审和社会认知的价值至关重要。 只需在页面中添加一些推荐即可，与众不同 。 访问您网站的用户对其他人的想法感兴趣。

精益和苗条通讯

VWO博客对精简新闻通讯及其从较高点击率中受益的案例进行了很好的研究。 根据Sheena Lyengar 对过多选择的动机进行的研究，用户很忙，选择的东西太多，因此他们常常最终根本不选择任何东西。

案例研究选项是将每个新闻简讯限制为一个号召性用语按钮 。 这意味着读者将打开电子邮件，仅看到指向一个登录页面或博客条目的单个链接。 结果显示，从电子邮件到网站的点击率提高了17％ 。

当您的新闻通讯只提供一个简单，直接的选项而不是动态生成的RSS新闻时，人们更愿意点击您的网页。

结论

少即是多。 当您的订户打开一封电子邮件，并且相关文章有5个不同部分时，它可能会令人不知所措。 通过提供返回站点的单个链接，它可以发送清晰，毫不动摇的消息 ，并使人们沉浸在内容中。

刊头广告图片背景

OpenMile公司使用VWO在目标网页上测试标头设计。 最初，他们的控制人员拥有大量的货运图片，与他们的产品密切相关。 新的设计具有更大的文本，并带有随后的“提交”按钮，更加专注于注册表单。 目的是衡量转化并查看哪种变体效果更好。

通常，没有背景图片的更新版本吸引了更多注册。 这并不意味着单个标头图片始终会表现不佳。 但是，对于这个特定的案例研究，设计师认为背景图片太过压倒性，并且使注册表单看起来令人反感。

结论

当文字以外的内容不多时，标头图片效果很好。 访客更有可能使用明亮的标头进行注册，也可以将注册表单移到背景图片下方。

产品列表页

这是继2010年温哥华奥林匹克商店之后的案例研究。 目的是在侧边栏中引入少量与访问者直接相关的内容 ， 以提高销售量并说服访问者进行购买。

对照版本没有侧边栏内容，版本A的左侧边栏包含产品类别，而版本B的右侧边栏显示推荐引擎中的“相关产品”。 最后一个变体形式表现最好，产生的销售额最高（比变体A高7％）。 这些结果说明了用户如何对可以直接在页面上直接看到的产品更感兴趣 。

为您自己的电子商务网上商店考虑一下。 推荐引擎的添加可以帮助访问者轻松购买相关产品； 用户也可以使用其他颜色扩展每种服装的缩略图预览，这很有帮助。

结论

提供相关产品将使人们更加关注用户可能无法找到的项目。 只需对您的电子商务网站布局进行一次小小的更新，就可以大大提高产品 销售 数量 。

着陆页中的视频

网站Unbounce上的一篇很棒的博客文章介绍了登录页面中视频的使用。 这是来自一家名为VidYard的初创公司，当时它只是一个登陆页面。 测试有一个注册表单和一个演示视频，该视频嵌入到页面中，显示在灯箱中，甚至根本不显示。

嵌入网页中的视频效果最好（增长69％），而在灯箱中嵌入视频的效果更高（增长100％）。 最重要的是要确保您的视频能真正说明您的产品及其对用户的影响 。

发现简单性最好的结果是使访问者感兴趣的最简单方法。 制作一个简单的视频或动画，使人们可以轻松跟随并以清晰的方式将其显示在页面上。

结论

视频的位置和质量都会影响转换率 。 如果嵌入到灯箱中，人们会更愿意观看视频。 但是他们也想被告知 。 这项研究发现，明亮的动画和卡通片可以使人们长时间保持兴趣。

刺激的网络复制

用户注册后转换提升的测试遵循一个网站Bettingexpert，其中包含有关博彩的提示和技巧。 原始的注册表单具有非常基本的Web复制，团队希望将更多的用户吸引到该网站上 。

测试中的动作和后续结果令人着迷。 网站设计本身未做任何更改，仅对表单文本进行了更新 。 “为什么要填写此表格？”的问题 最初没有被回答。 但是更新标题文本和提交按钮的值后，注册率大大提高了32％，置信度为99％。

仅通过查看这两种变体，就很容易看出哪个变种更好，更有趣，不是吗？ 所有网站管理员都应从所做的研究中记住这一点： “您在注册表单中使用的副本对转化率具有直接且可衡量的影响。”

结论

使用网络副本中的更清晰的消息 ，您可以有所作为。 通过进入访问者的脑袋并针对网页复制实践不同的想法，您将找到一种对普通人更直接且更具影响力的解决方案。

情人节通讯

我们的下一个研究调查了有兴趣在假期期间购买某种产品的电子邮件订阅者。 海洋哺乳动物中心设有在线礼品店，可在母亲节和情人节等各种假期处理大量的购买活动

在2013年的情人节期间，该团队发送了同一封电子邮件的两种变体，其中包含产品的不同图片。

测试的目的是确定哪些照片可以带来更多的购买–相关的婴儿印章，或产品本身的照片。 自然，产品照片又获得了6笔购买，并获得了来自访客的2笔真实捐款。 他们所购买的产品更具吸引力，其结果不言而喻也就不足为奇了。

结论

如果人们能够准确地看到物品的话，人们就会 愿意花钱在物品上 。 电子邮件中的图像是关键。 假期也是销售高峰的时期，因此可能值得为更重要的假期重新设计自定义布局 。

主要和次要表格输入

尽管已于2007年8月记录并发布了该结果， 但今天的结果仍然有用 。 这篇文章讨论了Web表单中的主要和次要操作，深入研究了案例，研究了用户与“提交”和“取消”按钮的交互作用 。

从理论上讲，通过使按钮靠得更近，用户不太可能感到困惑 。 同样，通过使“取消”按钮看起来越来越小，用户也不会意外单击并擦除其所有输入数据。

该团队对20多个不同的人进行了几次测试，以征求他们的意见。 有七种形式的变体，选项A，B和C受到了用户的最高评价。 选项B的结果最好，没有人在表格中犯任何错误。

但是，许多用户还确认， 对于取消按钮，使用单个文本链接可以很好地实现选项A。 此外，选项D和E仅引起混乱。 除非您的表格特别向右对齐，否则最好使这两个按钮在左侧对齐。

结论

访客将使用他们熟悉的表单界面来表现最佳 。 保持“提交”按钮在左侧 ，并且大小始终与“取消”相同（如果您需要的话）。 不要为每个按钮使用其他颜色。 总体常识性网页设计在创建包含10多个输入字段的长格式时效果最好。

线框可用性测试

此案例研究来自在线测试公司Loop11。 这是在瑞典一所大学进行的线框案例研究。

他们为旅游信息网页制作了两个截然不同的网站线框。 为项目参与者提供了以下两种布局之一。 每个人被要求完成6个不同的任务 。 这些任务包括查找城市地图，旅游景点，语言课程以及其他典型的网站信息。

他们发现， 具有两列充满导航链接的列可以帮助更多的人找到他们需要的东西。 但这导致用户通常需要更长的时间才能找到所需的东西。 可能是混乱或链接文本出现问题。 但是，利用这些结果和其他一些想法为新网站的发布提供了一个很好的起点。 在此处了解更多信息。

结论

如果需要，最好提供2或3个独立的导航菜单 。 尝试使页面深度不超过2个子级别，因为这将导致他们不得不挖掘更多内容。 其他线框结构可能对其他网站表现更好。

进一步阅读

• A / B测试– 2012年最重要的5个问题的答案
• 您不应该错过的27个A / B测试和优化职位
• 建立真实测试假设的技术
• 号召性用语按钮：关于转化的最终指南以及为什么
• 电子商务A / B测试：更大的产品图片可将销售额提高9％
• 在首页上进行简单的更改即可将定价页面的访问者增加9.6％

最后的想法

从未经历过A / B拆分测试过程的Web设计人员可能会发现所有这些信息都是陌生的。 但是随着您进行更多的研究，它开始变得有意义。 我希望这些案例研究为进一步的市场研究打开大门。 我的例子只是我能找到的最好的例子。 如果您知道任何有趣的A / B测试想法或类似的案例研究链接，为什么不在下面的评论中分享它们？

翻译自: https://www.hongkiat.com/blog/ab-test-results-case-studies/