网站主页上使用“图片轮换”,为什么转化率不高?

零基础学产品,BAT产品总监带,2天线下集训+1年在线课程,全面掌握优秀产品经理必备技能。了解详情

编者按:市场营销从来就是一门玄学,到底是使用多图轮换来尽可能多地向顾客展示产品信息好,还是用静态图片只传递单一信息有效呢?到底哪一种能带来更高的商业转换率呢?本文作者告诉大家,与其一味随大流地在网站主页上使用“图片轮换”,不如看看调查数据和听听专家的意见,再做决定,毕竟跟谁走,都不如跟钱走来得实在。

就算没见过成百上千个,我相信你肯定也见过几十个图片轮换页面吧?这些图片会自动切换或者滚动(这种模式也称为“旋转供图”)。 你可能挺喜欢它们。 但事实是,这种展现图片的模式,可能不利于提高商业转化率。

既然这种模式没什么卵用,那为什么人们还是用得乐此不疲呢?原因有两个:

  • 有些人认为这种展现图片的模式很酷炫。 但酷炫和赚钱可是两码事。
  • 不同部门和各种经理都希望在公司主页上,尽可能多地展现他们的信息。

测试告诉了我们什么?

绝不只是我一个人这么想,许多转换率优化专家的实验,都说明了同一个事实:

来自Wider Funnel的Chris Goward评论道:“我们已经多次测试了轮换图片所带来的效果,发现这绝对不是展示主页内容的好方法。”

“图片轮换一无是处,真应该立即从首页上把它们删除。” 来自Site Tuner的Tim Ash是这么说的。

Jakob Nielsen(是的,就是那名可用性测试大师)在测试中证实了这一点。 他组织开展了一项可用性研究,在研究中,他让用户完成以下任务:在自动轮换幻灯片中,找出 “西门子对洗衣机是否有特别优惠?”。 这项信息被放在最明显的幻灯片上,但是用户却视而不见,因为“广告盲区”的效应,用户们忽略了这条消息。Nielsen总结认为,这些幻灯片完全被忽略了。

Notre Dame大学也对图片轮换的效果进行了测试。

在所有图片中,只有第一张幻灯片得到了消费者的关注(仅有1%!),其他幻灯片几乎没有人点击。而那张只获得了消费者1%关注度的幻灯片却占据了页面的一半版面。

产品设计大师Luke Wroblweski总结如下:

“@ erunyon,基本上,数据告诉我,千万别使用图片轮换。”

– Luke Wroblewski(@lukew)2013年1月22日

在StackExchange UX上,有一些有关自动轮换图片的讨论。

以下是一些开展不同测试的人的说法:

Adam Fellows 说:

几乎我管理的所有测试都说明通过图片轮换展示的内容常被用户忽略。 很少有人与那些轮换幻灯片互动,很多消费者还认为他们长得像广告,所以我们发现‘广告盲区’效应就这样产生了。

在节省版面空间和提升内容质量,许多竞争信息也都会在同一个位置传递出去,这使得用户的关注点飘忽不定,无法专注。

这是另一个评论,来自Lee Duddell:

图片轮换能有效地告诉市场营销或者高级管理人员他们的新想法被展现在主页上。

但是,它们对用户而言是无用的,并且由于它们看起来和广告十分相似用户常常“跳过”他们。 因此,图片轮换的确是在主页上展示无用信息的好方法(它的作用请看本段第一句)。

总之,你可以用它们来承载用户在你的主页上一定会忽略的内容。 或者,如果你愿意,干脆就再也别用图片轮换来展示信息来,再也不要了。

顺便说一句,这些观点不是我自己的观点,是基于成千上万的用户的测试数据产生的结论。

最后一个评论来自Craig Kistler:

在我所做的所有测试中,主页上的图片轮转完全无效。一方面,除了展示的第一张图片,其他任何内容得到访问者交互的可能都会大大减少。 而且,轮转图片中所展示的信息与访客想寻找内容相匹配的机会很渺茫。 所以在这种情况下,图片轮转就成为了一个会被忽略的横幅。 在数次测试之后,访问者在进入带有大型轮转图片页面时所做的第一件事就是向下滚动页面,跳过图片轮转,并开始寻找按钮开始自己的下一步动作。

这里有两个主要原因,告诉我们为什么图片轮转不起作用:

理由#1:人眼对运动产生反应(会使我们错过重要的东西)

我们的大脑有3层,最古老的部分,在爬行动物身上也能看到。这一部分它主要与人类生存有关。对于爬行动物而言,地平线上任何突然的变化都有可能是生死攸关的问题。因此人眼对各种运动产生反应 – 包括不断移动的图像和轮播图片。

这听着很不错啊,对吧?

除非轮播图片是你网站上唯一的东西(这听着就不太好了!),无法展示更多的内容,这听着可不是一件好事。这意味着轮播图片带走了消费者对其他东西的关注 – 其实主页上除了轮播图片,还有其他重要的东西,比如定价,网站内容,产品讯息等等。

原因#2:消息太多等于没有消息

那些浏览网页的人们由于广告盲区对轮播图片毫不关心,但即使是那些注意到图片轮播的人,也无法从中找出有用的信息。

访问者前往你的网站。在轮播图片上看到一条消息,然后开始阅读。 “今年秋天你会……”啪!字不见了。通常图片播放的速度很快,快到人们甚至无法完成阅读就翻页了(即使那时候他们想要继续读)。

关注传递单一主要信息,然后采取行动,是更加有效的方法。

原因#3:广告盲区

这些提供信息的图片轮播看起来就像广告似的,人们浏览的时候往往会跳过它们。

用户需要有控制权

轮播图片的实用性极低 – 它们切换得太快,导航图标太小(如果上面有任何导航图标的话),并且即使用户想要手动浏览它们呈现的内容,它们也经常常自动移动。用户界面设计的关键原则之一就是,让用户享有控制权。

现在有很多电子商务网站还在使用图片轮换 – 我认为并不是这些网站基于测试结果认为图片轮换有效,而是由于从众心理 – “其他网站都有,我们的网站上也应该有”。

Forever21的图片轮换,就像我们说的一样糟糕 ——轮换展示三个优惠,每4秒更换一次:

各大网站都在用的“轮播图”,其实转化率很低

如果人们看到的第一个优惠不是他们喜欢的(或者与他们的 兴趣,相关性比较低),那么怎么办呢?如果他们不喜欢三者中的任何一个呢?这些图片轮换肯定不会帮助你提高公司客户的长期价值。

但图片轮换值得称赞的一点是,一旦你点击图片轮播的箭头,图片自动轮换就会停止。不仅如此,当你稍后再回到这个网站时,网站会显示的是你想看的那张幻灯片。

我建议与其如此,不如呈现一个单一的静态报价。

这里是J.J.巴克利提供静态报价 – 只专注于传达一条消息:

各大网站都在用的“轮播图”,其实转化率很低

一些过去使用图片轮播的企业,比如Adobe,Gap和Hilton现在也转为使用静态消息。

Adobe:

各大网站都在用的“轮播图”,其实转化率很低

Gap:

各大网站都在用的“轮播图”,其实转化率很低

大家应该能注意到,希尔顿有一个可以滑动图像的滑块键,但它不并会自动滑动。如果你想要移动的话,你可以单击按键实现:

各大网站都在用的“轮播图”,其实转化率很低

结论

如果条件允许的话,尽量避免使用轮换图片。 不要跟风时尚,潮流总是会过时的,还是只追求钱比较实在。

那么不放轮换图片的话,要放上什么图片呢?你可以使用静态图像,或者:

@kshermphoto我建议将其替换为用户实实在在的内容,因为那才是访客真正访问网站的原因。

– Erik Runyon(@erunyon)2013年1月22日

Brad Frost承认:“尽管轮换图片效果不佳,但我不知道怎么样能让它们快速消失”,并写下了另一篇文章,告诉大家如何让轮换图片更好地发挥作用。

你的图片轮换体验是什么呢?无论你是网站所有者还是用户,都来和我们说说你的体验吧。

 

原文地址:conversionxl.com

译者:姜娇以,由36编译组出品。编辑:郝鹏程

译文地址:http://36kr.com/p/5131136.html

本文由 @郝鹏程 授权发布于人人都是产品经理,未经作者许可,禁止转载。

题图来自 Pexels,基于 CC0 协议

评论
欢迎留言交流
  1. 那么怎么表现原先通过轮播图展示的内容比较有效率呢? :arrow:

    回复
  2. 若是不使用图片,网站的视觉效果和版面设计就会差很多,所以,实际操作过程中,还是如作者所说,静态页面效果会更好

    回复
  3. 该拿什么理由让领导放弃轮播图啊…..

    回复
    1. 在实际工作中即使轮播banner的数据很差,依然很难从一个很高的层面说服公司放弃使用。毕竟淘宝这种头部app还在用这种模式,而且我认为淘宝app的产品设计者对轮播banner的流量引导数据也是知道的。

      回复
    2. 淘宝作为电商,通过轮播图显示的是实惠,是客户使用淘宝的主要动力……若是公司网站,也要从用户出发,挖掘客户上此网站的需求,可以一张静态图表达一个需求,也可以多个页面多维度表达一个需求

      回复