旋转滑块帮助还是伤害你的网站? (研究综述)

分享这
汤姆•伯恩
分享

当涉及到主页图像滑块(也称为旋转木马, 幻灯片, 旋转提供, 的投篮, 随便你怎么称呼他们), 询问网络营销人员对他们的看法, 你一定会得到热情的回应. 许多人(尤其是开发者和转化率优化人员)认为他们是互联网的祸害! 其他人(通常是设计师)认为他们很棒. 那么是哪一个呢?

只要在谷歌上搜索一下,你就会发现关于这个话题的观点很多. 我已经(或者曾经,我不再确定)!)对它们的有效性有相当强烈的看法.

几周前,安迪·克雷斯托蒂娜在这个网站上写了一篇文章 顶级网站的“最佳实践” 并将主页幻灯片作为最佳实践之一. 我留下了一条评论,称它们是干扰和转化的杀手! 因此,安迪邀请我去挖掘所有的研究,并总结在这里. 篇文章的机会!

目标 & 测试

在没有目标的情况下很难进行研究. 例如, 如果你的唯一目标是让你的网站传达某种品牌形象, 如果你的目标是让人们购买产品,那么你就会以不同的方式进行研究.

我的想法是,几乎每个网站都有目标, 十三水游戏希望用户在访问时能够采取一些行动. 十三水游戏把这些期望的行为称为“转换”.“它们可以是像下订单这样的事情, 填写引导性表格, 注册一个订阅,甚至只是点击一个广告或在网站上查看几个不同的页面.

因此, 在回顾关于滑块使用的不同观点和理念时, 我最感兴趣的是那些能够用实际的测试数据来支持他们的声明的人,这些数据显示了网站的转化率的增加或减少. 其他数据, 比如人们与滑块互动的频率, 或可用性观察, 甚至专家的意见也很有价值, 但我最想看到的是关于滑块如何影响底线的研究数据.

正如您将看到的,这比人们想象的要难一点!

可用性专家 & 测试

我是可用性测试的超级粉丝, 观察实际的人们如何使用一个站点来完成一系列的任务, 观察他们有困难的地方. 这是发现网站问题的好方法,如果解决了,可以增加转化率. 所以当我看到可用性专家评论他们在测试中看到的东西时,我会倾听!

李可动线圈式,WhatUsersDo

李是总部位于伦敦的远程可用性测试公司WhatUsersDo的创始人和用户体验总监. 他已经关注可用性测试很多年了. 很多这样的测试都涉及到有滑块的网站. 以下是李的原话 关于2011年“观察数千次测试”.

它们对用户来说几乎毫无用处,而且经常被“跳过”,因为它们看起来像广告. 因此, 它们是在主页上获取无用信息的一种很好的技术,用它们来放置用户会忽略的内容. 或者,如果你愿意,不要使用它们. 过.

很强的词语!

亚当•Fellwoes数字文人

亚当是Digerati的用户体验主管 他说:

我所管理的几乎所有测试都证明,大多数用户都错过了通过旋转木马传递的内容. 很少有人和他们互动,很多人评论说他们看起来像广告——十三水游戏已经见证了横幅盲概念的全面效果.

,克雷格·基斯特勒公司图章

Craig是转化率优化公司Strategy的创始人 & 设计有限公司.他还是十三水在线游戏公司“小农场设计”(Small Farm design)的老板. 在观察用户测试超过15年之后,他看到了大量涉及图像滑动条的内容. 克雷格说:

在我做过的所有测试中, 在一次又一次的测试中,当访问者看到一个带有大型旋转木马的页面时,他们首先做的就是滚动页面,然后开始寻找能够推动他们继续完成任务的触发器.

但是数据在哪里?

上述专家的证词不容忽视. 他们确实都是可用性领域的专家,他们的投入无疑是有启发性的.

在这些情况中,没有一个实际的测试数据被呈现出来. 即使是这样,可用性测试也是一种开发假设以进一步测试的方法. 可用性测试本身在统计上并不显著,也不能确定一个改变是否会为网站带来更好的底线数字.

这是通过收集关于图像滑块有效性的数据,并使用它们对页面进行测试,而不需要看哪一个页面性能更好.

然而,找到公开的测试结果通常是相当困难的. 进行检测的公司自然不愿意透露他们在检测什么, 以及结果是什么. 这是很少公开的战略信息.

尽管如此, 关于滑块在实际网站上的有效性,有一些测试和其他可用的数据. 这些研究大多集中在以下两个领域之一:

  • 有多少滑动条相互作用
  • 它们如何影响网站的最低转换率

让十三水游戏同时来看一下.

滑块相互作用研究

上面的很多评论都说人们很少看到和使用滑块. 有一些研究支持这个假设. 这些研究关注用户点击滑动条的频率,甚至是查看滑动条的频率, 以及在一组幻灯片中,哪些幻灯片与之互动最多.

研究1:圣母大学

一些最详细的数据来自于 这项研究由圣母大学进行 web开发人员 埃里克·鲁尼恩. 的nd.Edu网站在研究过程中设置了一个滑块,其点击率仅为1%. 此外,84%的点击是在循环中的第一项上.

1-nd.edu-ctr

在圣母大学的研究中, 滑块上近90%的点击都是在旋转的第一张图像上进行的.

这项研究还包括了其他四个网站上的跟踪滑块,这些网站的效果稍好一些, 一个整体点击率为8的游戏.8%,其余在1之间.7%和2.3%. Erik提到,他希望这些站点具有更高的CTRs,因为站点的访问者具有更强的针对性. 但是,咔哒声仍然非常有利于第一张幻灯片.

2-feature-ctr

在圣母大学的研究中,其他四个网站的点击数据显示了更高的点击率, 但是第一项的点击次数仍然比其他的多.

研究2:非营利网站上的信标火测试

专注于非营利客户的数字机构Beaconfire也进行了类似的活动 研究四个不同客户的网站. 这四个网站的点击率远低于1%, 一次又一次, 第一张幻灯片获得了最多的点击量.

3-beaconfire

在Beaconfire对四个非营利网站的研究中, 整体点击率也很低, 在1%以下, 旋转的第一项仍然是最常被点击的项.

烽火从这里拿走了什么? “人们可能会注意到前几张幻灯片, 但它们不太可能合拍, 除此之外, 甚至没有人看到他们.”

研究3:Conversionista和Grzzly Zoo

converonista是一家位于瑞典的转化率优化公司. 他们和一个客户做了个测试“灰熊动物园”是一家同样位于瑞典的小型宠物网上商店. 该测试将主页与大图像滑块(控件)和静态图像进行了对比. 除了测量点击和啮合, 他们使用眼球追踪技术来观察用户最关注的领域.

对于有滑动条的版本,用户“似乎避开了滑动条,也没有点击它.的测试版本与静态图像, 眼球追踪数据显示,“用户对顶部区域的兴趣显著提高,大量用户也选择点击新版本。.“数据也表明了这一点. 静态图像版本被点击超过40%的时间, 而有滑动条的版本只有2%的时间被点击.

4-grizzly

用户注意力的热图显示,Conversionista研究中的滑块实际上被忽略了(出现在滑块上的注意点实际上是在导航中的下拉菜单上.)

研究4:这个地点(轨道媒体)!

安迪和我在博客上交换评论之后, 安迪分享了Orbit就旋转幻灯片和静态图像进行的一项参与研究的结果, 通过点击图像或幻灯片来测量. 静态图片版本的点击量几乎是幻灯片版本的三倍.

5-orbitmedia

Orbit Media以点击静态图像和旋转幻灯片的方式测试了用户的参与度. 安迪·克雷斯托蒂娜说:“胜利者很明显。.

研究5:约克大学

当约克大学的保罗·凯利看到上面圣母大学的研究时,他决定这么做 使用该站点上的滑块跟踪交互. 不幸的是, Paul的结果包括每张幻灯片的点击次数, 但不是滑块的整体点击率. 这些结果重申了, 然而, 到目前为止,第一张幻灯片获得的点击量最多(大概也得到了关注). 在这个实验中,大约一半的点击是在第一张幻灯片上.

6-universityofyork

约克大学的研究再次表明,到目前为止,人们最关注的是第一张幻灯片.

进一步, 他发现,当他把滑块的数量从8张减少到最多5张时, 滑块被更频繁地点击. 然而, 因为幻灯片的内容不同于早期的集合, 目前还不确定点击量的增加是否与幻灯片数量的减少有关, 或者仅仅是幻灯片中更引人注目的内容.

研究6:MWI数据

数字营销公司MWI的哈里森·琼斯报道 一些点击率数据 他的公司与三个不同的网站合作, 每个主页滑块都有不同的用途. 这三家公司的点击率都很低,从0开始.65%一直到0.16%.

7-mwi-data

MWI对三个不同的网站进行了一项研究,研究了不同的首页滑动条策略,结果显示在所有三种情况下都是如此, 很少点击滑块.

研究7:动员学习

Mobify的Kyle Peatt发表了 对几个移动电子商务网站的研究结果 每家公司每年至少有2000万美元的电子商务销售额. 在所有这些案例中, 网站主页上没有滑块, 但是滑块被用在了这些商店的产品详情页面上, 作为图像画廊. 也, these sliders did not advance on their own; they only advanced upon taps or swipes by the user to do so.

对于这种实现,交互数要好得多. 超过7个月的研究.滑块的500万次交互, 72%的用户会主动使用滑块, 并缩放(类似于点击主页滑块)23%的时间.

另外, 而滑块中的第一个滑块仍然是最经常交互的, 连续几次幻灯片的下降幅度并不像其他研究中那么大. 在Mobify研究中, 所有在滑块上放大的人, 54%的人放大了第一张幻灯片, 16%的人放大了第二张幻灯片. 这是一个小得多的下降,从幻灯片到幻灯片比主页桌面研究已经显示.

8-mobify

从第一张幻灯片到连续几张幻灯片的交互作用下降,在Mobify对产品细节页上的滑块的研究中,并没有像在上面的其他研究中那样剧烈.

这些信息说明了很多. 它说滑块可以成为用户体验中有用的一部分. 它展示了如何使用滑块来显示产品照片的不同角度, 在一个更具体的环境中,比如在一个产品细节页面上,它比一个又一个的网页滑块更吸引人.

点击数据很好,但我关心的是转换

知道人们是否在使用滑块很棒, 但是了解滑块是否会增加或减少转换率才是你真正应该做的.

这只能通过A/B测试来实现,即消除所有其他变量,呈现一个版本 滑块将新访问者的一半带到站点,并给出一个版本 没有 滑块指向另一半. 然后测试会衡量一个版本在转化率或在线收益方面是否有更好的结果.

幸运的是, 有一些关于实际研究的信息,这些研究测量了对诸如转换等底线指标的影响, 收入, 等. 当你开始做的时候,这是你最应该关心的指标.

旋转者对网站的盈利能力是贡献还是减损?

轶事A/B测试证词

正如我所说的,公司通常不愿意公开他们所进行的A/B测试的数据. 然而,一些转化率优化的核心人物谈到了他们所进行的测试. 尽管他们不能给出具体细节,但他们的评论确实值得关注.

Chris Goward是转化率优化公司WiderFunnel的创始人,也是本书的作者 你应该测试一下! 克里斯说 关于旋转提供:

“十三水游戏已经测试了多次轮换提供,发现这是一种糟糕的方式来呈现主页内容. 我没有可以分享的公开案例研究, 但可以告诉你,十三水游戏很少看到他们在测试中获胜.”

Site Tuners的首席执行官蒂姆·阿什也是这本书的作者 着陆页优化,已经帮助超过1250家公司通过他们的网站提高了底线贡献. 很少有人像蒂姆那样直言不讳地谈到旋转旋转木马的害处. 是的,他称它们为“邪恶”.” 他说,“旋转横幅绝对是邪恶的,应该立即删除.”

提姆说, “旋转横幅的邪恶事实是,它们做的与预期相反, 让用户从你最重要的内容上分心. 在我的网站上有很多关于为什么它(旋转横幅)会从关键任务中吸引注意力的解释, 而其他一些专家也认为它们不起作用.”

最后,可用性顾问 克雷格·汤姆林, 谁从1996年开始从事用户体验咨询,并与包括IBM在内的客户合作过, 柯达, 和迪士尼, 写了一篇文章 他提到了测试的历史.

克雷格发现,在他追踪的数百个网站中,平均点击率不到1%, 皈依者受到了伤害. 每克雷格, “在我完成的数百个网站审计中,旋转木马导致转化率很低——我的客户杀死了他们的旋转木马, 他们通常会显著提高转化率. 这里的信息很清楚,在你的旋转木马毁掉你的网站之前,先扼杀它!”

最后,Adobe优化管理器 布莱尔敏锐 引用一个 为金融服务客户执行的测试. 而不是替换滑块与静态图像, 布莱尔只是把滑块完全移除了, 只是将它下面的所有内容抬高. 他将其与带有滑动条的版本进行了测试,发现没有滑动条的版本销量增加了23%.

9-blair-keen

Adobe对一个金融服务客户端进行了A/B测试,当滑块被简单移除时,产生了23%的提升.

ServerTastic

SSL经销商ServerTastic运行了一个 首页上有一系列A/B测试 关于他们的网站使用图像滑块. 没有滑动条的版本比有滑动条的版本平均高出16个百分点.每名访客的收入是48%.

然而,滑块并不是完全失败的. ServerTastic还跟踪了注册经销商项目的人数, 另一种类型的转换.

在这里,没有滑动条的网站版本的注册人数实际上减少了29%. 注册是免费的,因此保证没有收入的ServerTastic, 所以这更像是一个微转换. 但经销商签约确实代表了更多的未来收入的机会.

最后, 这些数字, 随着滑块点击率的下降,导致ServerTastic完全放弃了滑块.

转换科学家-滑球获胜

CRO咨询公司转换科学(Conversion Sciences)驻奥斯汀的布莱恩·梅西(Brian Massey)分享了他的公司 使用图像滑块优化站点的经验. 布莱恩大体上同意这一点, 未优化的滑块可能会影响你的转化率, 但他也认为,如果实施得当, 它们可以改善一个站点的结果. 他有数据支持这一点!

他们最初的努力是将滑块中的每一幅图像作为静态图像进行测试, 相比之下,一个版本把它们都用作滑块. 令人惊讶的是, 只有一个静态图像版本击败滑块版本具有很高的统计意义. 其他版本的票数相差太大,难以判断.

所以他们试着根据他们在第一轮测试中所学到的知识来设置滑块的特定顺序.

10-brianmassey

通过优化滑块中的滑块的顺序, Conversion Sciences能够将带有滑动条的页面组合在一起,其效果比任何静态图像都好61%.

这个版本的横幅以61%的提升率击败了早些时候获胜的静态图像. 我强烈推荐你读布莱恩的书 完整的文章 关于如何优化滑块以获得最佳性能的提示.

设备魔术视频测试

移动表单提供商Device Magic也运行了一个 涉及滑块的A/B测试. 他们现有的主页上有一个视频,他们认为这个视频的质量和技术含量可能太低了. 他们用一个滑块来测试,这个滑块试图在五张幻灯片上传达相同的信息.

完成的测试表明滑块版本的用户转化率(注册用户)比视频版本多35%. 这是滑块的另一个获胜测试! 然而, 需要注意的是, 正如它在帖子和它的评论, 打败一个糟糕的视频并不等同于打败一个高质量的英雄形象.

但更重要的是, 它显示了滑块可以有不同的用途, 而一个用来讲述故事并吸引用户的工具,比一个滚动条在四五个相互冲突的选项间旋转要好得多. (在写这篇文章时,Device Magic现在在主页上既不使用视频,也不使用滑块.)

博士TL; -那么答案是什么?

正如你所看到的,双方都有很多观点和数据. 但最终,就像大多数其他决定一样,“答案”是设定目标并进行测试! 每个人的网站都是不同的,你所吸引的访问者也是不同的.

知道什么最有效的唯一方法是根据你的目标测试不同的版本. 看看上面的转换科学家研究. 他们做了一个测试, 这让他们有了一些见解,使他们能够找到一个包含滑块的获胜版本.

如果你不能A/B测试你的网站,至少 建立了分析 测量滑块每一帧的视图和点击量,这样你就可以确定什么吸引了用户,什么忽略了. 如果你选择使用滑块, 以下是上述各项研究中概述的一些关键知识:

  1. 把表现最好、最重要的幻灯片放在前面. 很多人永远不会看到第二个.
  2. 让每一张幻灯片的持续时间足够长,即使慢读者也有足够的时间理解内容.
  3. 使用柔和的淡入过渡,而不是更生动的水平幻灯片. 更多的动作会分散用户的注意力.
  4. 使导航滑块容易. 显示大的上一个和下一个箭头,很容易被注意到. 使用按钮导航到集合中的其他幻灯片,足够大,可以轻松点击/点击. 为移动用户提供滑动功能的奖励.
  5. 优化滑块所需的加载时间. 使图像尽可能小, 并且在后台加载一些后面的幻灯片,因为很多用户不会看到它们.
  6. 最重要的是,使用内容将工作为您的滑块. 如果你的主要行动号召是在五个幻灯片中的一个滑块上,它很少被看到. 滑块更适合讲故事, 建立你的品牌, 或显示与同一概念有关的不同图像.

你的滑块表现如何?

现在是你的机会. 我敢打赌,75%读这篇博客的人都有一个使用图像滑块的网站. 如果你还没有,开始衡量你的访客与它的互动. 或者更好的方法是,针对一个没有使用滑块的版本进行A/B测试. 然后,请在评论区与十三水游戏所有人分享你的结果!

分享这
汤姆•伯恩

汤姆•伯恩

汤姆·鲍恩是总裁 & 的创始人 网站优化, 一家通过可用性测试为客户网站提供底线结果的咨询机构, 转化率优化, 先进的分析, 和A / B测试. 关注汤姆 推特谷歌+.

你有什么想法??

签了字你就同意了十三水游戏的 隐私政策.

评论(13)
  • 嗨,汤姆,谢谢你对旋转木马的研究进行了全面的总结.

    我创造了一个旋转木马的替代品,并已经用它进行了一段时间的试验. 我还没有那么多关于它的数据,但这是我目前发现的热图: http://www.dropbox.com/s/5rrqf4xudx0z2g6/Product%20Slider%20Heatmap.png?dl=0

    如果你想了解更多,请告诉我.

    还有,我很想知道你是怎么找到这些研究资料的. 我也做过类似的研究,但只找到了这里引用的一些资源.

    谢谢
    来自开普敦的Steyn

    • 嗨,Steyn -谢谢你发布这个! 你提到你不能完全测试转换, 但更多的用户粘性意味着更高的转化率. 它将是理想的然后测试这个vs传统滑块, 也许与仅仅一个单独的镜头相比(没有右边的选择),十三水游戏可以看到除了粘性之外每个镜头的效果如何. 我很喜欢用这个替代滑块——给用户控制远比在没有要求的情况下给他们一堆动作要好.

      至于我是如何进行研究的, 我在搜索引擎上搜索了几个小时, 以下链接在不同的文章, 等.

      • 抱歉,在再次浏览这篇文章之后才看到这条信息. 是的,我同意,我想用传统的滑块来测试一下. 它可能需要一段时间来得到这个数据,但将发送你的更新一旦我有它.

        如果您想亲自尝试它,请告诉我,我很乐意提供源代码给您.

  • 为了便于访问,也要确保用户可以杀死旋转木马: http://www…w3.org/WAI/tutorials/carousels/animations/

  • 在我的上一个评论中,我为截短的URL道歉. 以下是完整版本: http://www.w3.org/WAI/tutorials/carousels/animations/

  • 汤姆,这是一篇很棒的文章,并且有相关数据的完美支持. 你对旋转滑块在移动网站上的表现有什么想法吗? 十三水游戏是否应该在手机网站上使用它们,它是否会影响十三水游戏的页面加载时间?

    • 问得好,南丹! 显然,十三水游戏大多数人现在需要考虑的是移动用户,而不是桌面用户. 你点击了我关于手机用户规划的一个热点按钮——加载时间. 加载时间对所有设备都很重要,但对移动用户来说更重要. 所以对我来说, 这是另一个默认“禁止滑动条”哲学的原因,然后让别人试图说服我,它们在我的特定情况下更可取. 我猜他们不会的. 至少对主页来说不是.

      如果你的网站有很多移动用户,而你正在使用旋转木马, 你一定要记住这些用户. 确保你使用的滑块支持滑动等移动手势. 你必须警惕图像文件的大小,并确保它们在后台加载. 你需要确保他们的轻击目标大且容易击中. 类似这样的事情. 但是再一次, 我个人的想法是,在大多数情况下, 如果没有移动设备滑块,你会过得更好.

  • 有没有任何数据在网站上滑块是唯一可见的内容上面的折叠? 就像一些突然出现在你面前的东西,作为用户看到的第一个东西.

    • 我还没见过这方面的研究. 如果是这样的话, 更重要的是执行合理的可用性指南(在每张幻灯片上停留足够长的时间), 使控件易于查找和使用, 允许刷onmobile, 等.). 但我的想法是,除非这是一个用幻灯片讲故事的旋转木马, 如果这是唯一可见的内容,那么从转换的角度来看,情况可能会很糟糕. 这么大的空间可以用于旋转木马.

  • 你好,我怀着极大的兴趣读了你的文章. 我是一名专业摄影师,我正在开发一个新的网站. 我想知道你提供的数据是否也适用于摄影师,他们的图像不是用来销售产品的,但图像本身就是产品. 任何建议? 我提供了许多不同类型的摄影公司的大头照,家庭肖像宠物肖像,我正试图找出如何营销给不同的观众,任何建议或研究的摄影师网站将会非常感激,谢谢你,我目前的网站使用旋转木马非常多. 我的封面页是一个幻灯片 http://www.karenvaismanphotography.com 作为一名摄影师,很难选出一张照片来代表30年的工作价值 . 谢谢你的指导.

  • 汤姆,
    这是很棒的. 在我在Orbit博客上的新帖子中 http://www.beauty2bits.com/blog/homepage-header/ -我认为滑块是无效的,并得到了一些反弹. 我已经把那些阅读评论的人推荐给了这篇有价值的文章.

  • 我处理多个电子商务网站,我很高兴分享滑块表现得很好. 它给了我一个选择,展示所有最新和热门的产品,吸引更多的访客.

  • 不,答案并不总是测试. 我受够了人们说这些荒谬的话. 现实情况是,人们的流量有限,只能测试这么多东西. 测试已知的并被证明是糟糕的东西是浪费时间和资源.

 
加入超过16,000人谁收到网络营销技巧每两周.

签了字你就同意了十三水游戏的 隐私政策.

分享这