首页 > 建站资源 > 网站优化 > WEB优化:网站主页上的“图片轮播”,为什么转化率不高?

WEB优化:网站主页上的“图片轮播”,为什么转化率不高?

时间:2018-05-15    来源:人人都是产品经理

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

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

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

  • 有些人认为这种展现图片的模式很酷炫。 但酷炫和赚钱可是两码事。

  • 不同部门和各种经理都希望在公司主页上,尽可能多地展现他们的信息。

测试告诉了我们什么?

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

来自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:广告盲区

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

用户需要有控制权

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

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

相关推荐
网页轮播图如何设计才是适当和有用的?
SEO教程:网站关键词排名分析及如何进入前三名
增加网站改版成功率的多方面经验分享
网站优化中对图片优化的各种方法介绍
12个提升网站营销单页转化率的优化技巧分享
网站优化:如何通过数据分析,发现用户需求
32条优秀UI设计建议 助你提升网页易用性及转化率(1)
32条优秀UI设计建议 助你提升网页易用性及转化率(2)
网站优化中的分页导航优化细节问题详解
网站运营:转化率才是最重要的网站指标!
Twitter大幅改版:布局与Facebook类似(图)
5个要点:教你提升在线业务的页面转化率
网站优化之我见:从网站的五大结构入手
网站优化:9个建议大大提高网站的用户体验
最新的SEO三大趋势,让你在流量竞争中胜出
网站策划:如何设计高转化率的移动主页?
SEO实战案例:兰亭集势SEO何以“干得漂亮”?
5个做网站SEO优化的细节你忽略了吗?
eBay的SEO主管对提高点击率的一些看法
SEO的用户互动:论在线评论内容的重要性!
网站优化实战之如何进行用户体验检测?
网站优化教程:10步大幅提升网站可访问性
网站优化必备!5种方法提高网站登录体验
7个提高着陆页转化率的设计技巧【上篇】
颜值“爆表”!《连线》网站8年来首次改版
美国顶级媒体掀改版浪潮:为社交关闭评论框
这个时代SEO这只饭碗要被砸?
用实战经验说话 如何有效增加注册转化率
一切为了用户体验:京东首页改版背后的故事
腾讯IM官网改版实战:设计、运营、优化等
如何保证网站长期的SEO健康
拉勾网改版始末:一个90后产品经理妹子的自述
网站优化:15个导致用户快速逃离网站的原因
SEO的25年“进化史”:从PC到移动站点
网站优化:文章标题写不好?试试这两招吧!
SEO干货:移动适配工具该怎么用、如何提升移动适配效果等

精彩推荐

热门教程