用户体验设计的A / B测试结果和案例研究
这些测试通常是由Internet营销公司私下进行的，但是最近博客上有很多可用数据。
然后，您可以创建所述网页的各种变体 ，并跟踪哪个版本的网页效果更好。
您要制定一个特定的目标 ，例如吸引更多访问者进入另一个子页面或生成更多注册。
拆分测试的过程并不像您想象的那么复杂。
每个网站都应作为其自身的实体进行检查，并且用户体验趋势在很大程度上取决于页面中的其他元素（导航，内容宽度，字体大小等）。
结果颇具洞察力，但请记住，并非每个网站都是相同的，因为在关键领域受众和流量来源通常不同 。
今天，我将分享一些与A / B测试有关网站性能的案例研究。
现在，让我们看一下。
但是，A / B测试的好处在于，您始终可以尝试新的目标并确定阻碍您前进的因素。
因此，适用于其他站点的方法可能不适用于您的站点 。
客户推荐和销售
团队致力于各种实现，最后决定在页面上添加客户推荐。
目的是改善从访问者到购买页面的转换 。
这项工作是在Wikijob的“能力倾向测试”页面上完成的 。
这是Visual Website Optimizer（VWO）及其A / B拆分测试博客中的一种情况。
标题下方仅是一个新盒子，上面有来自以前客户的实际推荐。
没有重大的设计更新，颜色更改或重新定位的元素。
这使产品销售增长了34％ 。
结论
访问您网站的用户对其他人的想法感兴趣。
仅添加到页面中的一些推荐就可以与众不同 。
同行评审和社会认知的价值至关重要。
精益和苗条通讯
根据Sheena Lyengar 对太多选择的动机的研究，用户很忙，选择的东西太多，因此他们常常最终什么也没有选择。
VWO博客对精简新闻通讯及其从较高点击率中受益的案例进行了很好的研究。
结果显示，从电子邮件到网站的点击率提高了17％ 。
这意味着读者将打开电子邮件，仅看到指向一个登录页面或博客条目的单个链接。
案例研究选项是将每个新闻简讯限制为一个号召性用语按钮 。
当您的新闻通讯只提供一个简单，直接的选项而不是动态生成的RSS新闻时，人们更愿意点击您的网页。
结论
通过提供返回站点的单个链接，它可以发送清晰，毫不动摇的消息，并允许人们将自己沉浸在内容中。
当您的订户打开一封电子邮件，并且相关文章有5个不同的部分时，它可能会令人不知所措。
少即是多。
刊头广告图片背景
目的是衡量转化并查看哪种变体效果更好。
新的设计具有更大的文本，并带有随后的提交按钮，更专注于注册表单。
最初，他们的控制人员拥有大量的货运图片，与他们的产品密切相关。
OpenMile公司使用VWO在目标网页上测试标头设计。
但是，对于这个特定的案例研究，设计师认为背景图片太过压倒性，并且使注册表单看起来令人反感。
这并不意味着单个标头图片始终会表现不佳。
通常，没有背景图片的更新版本吸引了更多注册。
结论
访客更有可能使用明亮的标头进行注册，也可以将注册表单移至背景图片下方。
当文字以外的内容不多时，标头图片效果很好。
产品列表页
目的是在侧边栏中引入少量与访问者直接相关的内容 ， 以提高销售量并说服访问者进行购买。
这是继2010年温哥华奥林匹克商店之后的案例研究。
这些结果说明了用户如何对可以直接在页面上直接看到的产品更感兴趣 。
最后一个变体形式表现最好，产生的销售额最高（比变体A高7％）。
对照版本没有侧边栏内容，版本A的左侧边栏包含产品类别，而版本B的右侧边栏显示推荐引擎中的“相关产品”。
用户也可以使用其他颜色的每种服装扩展缩略图预览，这很有帮助。
推荐引擎的添加可以帮助访问者轻松购买相关产品；
为您自己的电子商务网上商店考虑一下。
结论
只需对您的电子商务网站布局进行一次小小的更新就可以大大提高产品 销售 数量 。
提供相关产品将使人们更加关注用户可能无法找到的项目。
着陆页中的视频
测试有一个注册表单和一个演示视频，该演示视频嵌入到页面中，显示在灯箱中，甚至根本不显示。
这是来自一家名为VidYard的初创公司，当时它只是一个登陆页面。
网站Unbounce上的一篇很棒的博客文章介绍了登录页面中视频的使用。
最重要的是要确保您的视频真正说明了您的产品及其对用户的影响 。
最好的结果是将视频嵌入到页面中（占69％），甚至更高的结果出现在灯箱中（占100％）。
制作一个简单的视频或动画，使人们可以轻松跟随并以清晰的方式将其显示在页面上。
发现简单性最好的结果是使访问者感兴趣的最简单方法。
结论
这项研究发现，明亮的动画和卡通片可以使人们长时间保持兴趣。
但是他们也想被告知 。
如果嵌入到灯箱中，人们将更愿意观看视频。
视频的位置和质量都会影响转换率 。
刺激的网络复制
原始的注册表单具有非常基本的Web复制，并且团队希望将更多的用户吸引到该网站上 。
用户注册后转换提升的测试遵循一个网站Bettingexpert，其中包含有关博彩的提示和技巧。
但是更新标题文本和提交按钮值后，注册率大大提高了32％，置信度为99％。
最初没有被回答。
“为什么要填写此表格？”的问题
网站设计本身未做任何更改，仅对表单文本进行了更新 。
测试中的动作和后续结果令人着迷。
所有网站管理员都应从所做的研究中记住这一点： “您在注册表单中使用的副本对转化率具有直接且可衡量的影响。”
只需看一下这两个变体，就很容易看出哪个变体更好，更有趣，不是吗？
结论
通过进入访问者的脑袋并为网页复制实践不同的想法，您将找到一种对普通人更直接且更具影响力的解决方案。
在网络副本中使用更清晰的消息 ，您可以有所作为。
情人节通讯
海洋哺乳动物中心设有在线礼品店，可在母亲节和情人节等各种假期处理大量的购买活动
我们的下一个研究调查了有兴趣在假期期间购买某种产品的电子邮件订阅者。
在2013年的情人节期间，团队发送了同一封电子邮件的两种变体，其中包含产品的不同图片。
他们所购买的产品更具吸引力，其结果不足为奇，也就不足为奇了。
自然，产品照片又获得了6次购买，并获得了来自访客的2笔真实捐款。
测试的目的是确定哪些照片会带来更多的购买–相关的婴儿印章，或产品本身的照片。
结论
假期也是销售高峰的时期，因此可能值得为更重要的假期重新设计自定义布局 。
电子邮件中的图像是关键。
如果人们能够准确地看到物品的内容，人们就会 愿意花钱在物品上 。
主要和次要表格输入
这篇文章讨论了Web表单中的主要和次要操作，深入研究了案例，研究了用户与“提交”和“取消”按钮之间的交互作用 。
尽管已于2007年8月记录并发布了该结果， 但今天的结果仍然有用 。
同样，通过使“取消”按钮看起来越来越小，用户也不会意外单击并擦除其所有输入数据。
从理论上讲，通过使按钮靠得更近，用户不太可能感到困惑 。
选项B的结果最好，没有人在表格中犯任何错误。
有七种形式的变体，选项A，B和C受到了用户的最高评价。
该团队对20多个不同的人进行了几次测试，以征求他们的意见。
除非您的表格特别向右对齐，否则最好使这两个按钮在左侧对齐。
此外，选项D和E仅引起混乱。
但是，许多用户还确认， 对于取消按钮，使用单个文本链接即可使用选项A。
结论
总体常识网页设计在创建包含10多个输入字段的长格式时效果最好。
不要为每个按钮使用其他颜色。
保持“提交”按钮在左侧 ，并且大小始终与“取消”相同（如果需要的话）。
访客将使用他们熟悉的表单界面来表现最佳 。
线框可用性测试
这是在瑞典一所大学进行的线框案例研究。
此案例研究来自在线测试公司Loop11。
这些任务包括查找城市地图，旅游景点，语言课程以及其他典型的网站信息。
每个人都被要求完成6个不同的任务 。
为项目参与者提供了以下两种布局之一。
他们为旅游信息网页制作了两个截然不同的网站线框。
在此处了解更多信息。
但是，利用这些结果和其他一些想法为新网站的发布提供了一个很好的起点。
可能是混乱或链接文本出现问题。
但这导致用户通常需要更长的时间才能找到所需的东西。
他们发现， 具有两列充满导航链接的列可以帮助更多的人找到所需的内容。
结论
其他线框结构可能对其他网站表现更好。
尝试使页面深度不超过2个子级别，因为这将导致他们不得不挖掘更多内容。
如果需要，最好提供2或3个单独的导航菜单 。
进一步阅读
- A / B测试– 2012年最重要的5个问题的答案
- 您不应该错过的27个A / B测试和优化职位
- 建立真实测试假设的技术
- 号召性用语按钮：关于转化的最终指南以及为什么
- 电子商务A / B测试：更大的产品图片可将销售额提高9％
- 只需在首页上进行一次更改即可将定价页面的访问者增加9.6％
最后的想法
如果您知道任何有趣的A / B测试想法或类似的案例研究链接，为什么不在下面的评论中分享它们？
我的例子只是我能找到的最好的例子。
我希望这些案例研究为进一步的市场研究打开大门。
但是随着您进行更多的研究，它开始变得有意义。
从未经历过A / B分离测试过程的Web设计人员可能会发现所有这些信息都是陌生的。
翻译自: https://www.hongkiat.com/blog/ab-test-results-case-studies/