着陆网站页面不要使用自动图像滑块或旋转图片及使用的注意事项

营销简介:我相信你已经遇到了几十个,如果不是数百个图像滑块或转盘(也称为“旋转优惠”)。你甚至可能喜欢他们。但事实是他们是转凶手。 所以如果他们没有效果,为什么人们使用它们?2原因: 有人认为他们很酷 但酷不会让你赚钱 - 至少不是这样。 不同的部门和经理想在主页上收到他们的消息。委员会的设计决不会失败。 注意:如果您希望通过成为顶尖的数据驱动型营销商来发展业务,请参.....

我相信你已经遇到了几十个,如果不是数百个图像滑块或转盘(也称为“旋转优惠”)。你甚至可能喜欢他们。但事实是他们是转凶手。

所以如果他们没有效果,为什么人们使用它们?2原因:

  • 有人认为他们很酷 但酷不会让你赚钱 - 至少不是这样。
  • 不同的部门和经理想在主页上收到他们的消息。委员会的设计决不会失败。

注意:如果您希望通过成为顶尖的数据驱动型营销商来发展业务,请参加CXL研究所。 

测试说的是什么

我不孤独。很多任何  进行大量测试的转换优化专家都说同样的事情:

我们已经多次测试了旋转提议,并且发现它是呈现主页内容的糟糕方式。

克里斯·戈瓦德,更多的漏斗

旋转横幅绝对是邪恶的,应立即删除。

Tim Ash,网站调谐器

Jakob Nielsen(是的,可用性大师)在测试中证实了这一点。他们进行了可用性研究,为用户提供了以下任务:“ 西门子在洗衣机上有什么特别优惠吗?” 信息是最突出的幻灯片。用户看不到它 - 完全受到横幅失明的打击。尼尔森总结说,滑块被忽略。

圣母大学也经过测试。只有第一张幻灯片有一些动作(1%!),其他幻灯片根本就没有点击。占用(超过)一半页面的东西的点击的1%?

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

 

有关StackExchange UX上的自动滑块的讨论。

这里有一些不同的人测试他们的事情说:

我管理的几乎所有的测试都证明了通过转盘传递的内容,被用户错过。与他们很少互动,许多评论他们看起来像广告,所以我们目睹了横幅盲目概念的全面效果。

在空间节约和内容推广方面,许多竞争的消息可以单独发布,从而导致焦点丢失。

亚当研究员

这是另一个:

转盘可以告诉市场营销/高级管理人员,他们的最新想法现在在主页上。

他们对于用户来说是无用的,并且经常被“跳过”,因为它们看起来像广告。因此,它们是在主页上获得无用的信息的一种很好的技术(见本文第一句)。

总之,使用它们来放置用户将忽略您的主页的内容。或者,如果你愿意,不要使用它们。永远。

btw这些看法不是我自己的,而是基于用户观察数千个测试。

李杜德尔

最后一个:

在我所做的所有测试中,主页转盘完全无效。对于一个,除了初始视图之外的任何事情,访客交互都有很大的减少。另外两个,转盘中显示的信息与访问者正在寻找的信息相当的苗条。所以在这种情况下,传送带成为一个非常大的横幅,被忽略。在测试之后,访问者在访问带有大型传送带的页面时,首先做的是向右滚动,并开始寻找可以将其移动到其任务的触发器。

克雷格奇石乐

这是为什么它不起作用的两个主要原因

原因1:人眼反应运动(并将错过重要的东西)

我们的大脑有3层,最古老的部分是我们与爬行动物共享的一部分。它主要关心生存。地平线上的突然变化可能是生死攸关的问题。因此,人眼对运动产生反应 - 包括不断运动的图像滑块和转盘。

那很好,对吧?

除非图片滑块是您网站上唯一的(坏主意!),这不是件好事。这意味着它消除了其他一切的注意力 - 实际上重要的东西。像你的价值主张。您网站的内容 产品。

原因#2:消息太多等于无消息

图像滑块受到横幅失明的打击,大多数人甚至不会关注他们,但即使是那些不能真正得到消息的人也是如此。

访客登陆您的网站。在滑块上看到一条消息,并开始阅读。“这个秋天你要到...” Bam!不见了。通常滑块是如此之快,人们甚至不能完成阅读(即使他们想)。

专注于单一的主要信息和行动总是更有效

原因3:横幅失明

他们看起来像横幅,人们只是跳过他们。

用户需要控制

旋转木马通常具有  可怕的可用性  - 它们移动太快,导航图标太小(如果有的话),并且通常会自动移动,即使用户想手动浏览其内容。用户界面设计的关键规则之一是用户需要控制。

这些天,很多电子商务网站都使用旋转优惠 - 而且我认为这并不是因为他们测试了这一点,而是因为他们的心态 - “其他的,我们也应该”。

这里是Forever21,有罪 - 在这3个提供之间旋转,每4秒更换一次:

如果人们首先看到的不是他们喜欢的(=相关性),那么什么呢?如果他们不喜欢这三个人怎么办?这肯定不会帮助您的客户终身价值更好。

为了他们的荣誉,一旦触摸滑块箭头,自动旋转停止。不仅如此,当您稍后再回到网站时,会打开您想要看到的幻灯片。

我建议,而是你有一个单一的静态报价。

这是JJ Buckley  与静态优惠 - 专注于一个单一的消息传递:

以前的一些旋转木马用户,如Adobe,Gap和Hilton,也已经切换到静态消息。

Adobe:

差距:

请注意,希尔顿有一个图像滑块,但它不会自动移动。如果你要去做,那就是去的方式:

结论

如果可以的话,避免它们。不要跟随时尚(它会通过),而是按照钱。

那你做什么呢?您可以使用静态图像或者这样:

 

布拉德·弗罗斯特(Brad Frost)承认:“ 尽管转盘不是有效的,但我不知何故不认为他们会很快消失 ”,并写下了关于如何使转盘工作更好的部分。

转盘的经验是什么?既是网站所有者又是用户?

https://conversionxl.com/blog/dont-use-automatic-image-sliders-or-carousels/

这里是我关于转盘的想法和考虑。

转盘注意事项

确保你确实需要一个

我会出去一个肢体,说大多数转盘根本不需要存在。这就是为什么:

转盘是组织拐杖

INT。会议室

“我很重要!我需要在主页上!“

“我也很重要!我也需要在主页上!

“我非常重要,我需要在主页三上!”

“我们来一个转盘!大家都赢!

集团高空展示和庆祝活动在一个BLOOMIN'ONION在OUTBACK STEAKHOUSE。

结束场景

我怀疑这是为什么存在很多转盘。从大学到大型零售商,大型组织都承受着公平的政治份额。而男孩的这个主页看起来像一个多汁的主要房地产,给一个很多的利益相关者。很难找到这些迷你草皮战争,所以像转盘这样的工具被用来作为劝告者,让每个人都不要彼此跳动。

要进行诚实的内容战略对话,确定在主页上真正值得的东西要困难得多。

转盘是复杂的

转盘给界面带来了一定程度的复杂性。用户不必简单地查看页面上的内容,而是必须识别轮播,然后学习其控件,约定和行为。

他们还需要更多的脚本和引入更多的移动部件,这意味着更多的质量保证和更多的潜力打破。

复杂性并不一定是坏的,你可以证明额外的努力可以获得回报,但是...

转盘不是那么有效

看看Erik的数据,变得很清楚,转盘不会与所有这些相互影响。此外,雅各布·尼耳森发布这些大型旋转木马地区惹恼用户,也使他们跳过该功能的区域。我很确定这与预期的效果完全相反。

即使旋转木马不是有效的,我也不认为他们很快就会消失。所以如果你发现自己必须实现一个转盘,这里有一些要考虑的事情。

循环通过类似的项目

你可能会认为这是一个明显的一点,但是许多传送带包含一个不可思议的垃圾袋。电子商务网站的臭名昭着的是他们在主页转盘中的特色。“炎热的夏天特卖!”的尖叫面板1.“像我们在Facebook上!”恳求一个不可否认的绝望的面板2.“你知道我们还携带男鞋吗?”第3小组特别询问。

微小的半透明点都是寂寞的,这是传达给用户的传送带的无效方式。在用户对转盘区域进行光泽之后,我花了相当多的时间在单向镜像观看用户身上,因为他们不明白区域是交互式的。即使iOS(这种设计模式被普及),用户也被跳过,并评论说他们不知道有更多的内容可用。

我经常指出,雅虎的iPhone优化网站是一个很好的工作明确的导航。它提供了清晰的“上一个”和“下一个”按钮,很好地了解了您在转盘中的位置,控件不覆盖内容,以及可触发的目标。

只加载你所需要的

如果您有一个转盘,其中47个项目,默认情况下不要加载所有47。这可能看起来似乎是一个明显的一点,但重要的是要了解所有这些额外的面板会导致严重的性能开销。考虑到许多(读取:大多数)用户甚至不会去面板#2,请确保您不会为您的用户带来无关的下载。

向用户推荐更多内容

“溢出模式”中,我建议用户应该清楚有更多的内容。这可能是一个悬垂,一组箭头,滚动条,手势提示,自动旋转或其他东西。无论是什么,用户应该立即显示更多的内容存在于屏幕外。这可以使世界上所有的差异决定转盘的有效性。

治疗触觉作为增强

旋转木马可以是一个很好的机会,通过一些触摸手势(和有一些很好的触摸式 旋转木马)在性能界面。但只是因为触摸可用并不意味着您应该排除替代形式的导航。

这是Zappos的移动产品图像转盘,它具有一个很好的小突破,让用户有更多的内容。

但是,问题是,前进到下一个图像的唯一方法是刷卡。而这需要触摸事件的支持,这不是所有的浏览器(如上图中的Opera Mini)。幸运的是,这不难解决(除了触摸之外,还包括上一个/下一个按钮),但是另外一个例子就是假设太多了,你再来咬你。

提供手势提示

乔克·克拉克(Josh Clark)精美地阐述了触摸手势是如何看不见的,但可以向用户微妙地揭示出来。添加触摸旋转木马可能是一个好主意,但让用户知道转盘是触摸式的可能是棘手的。一个微妙的初始动画或自动提升可能有所帮助,但也可能令人讨厌。

采取布拉德冰霜旋转木马挑战赛

那些是我对转盘的想法。但是正如我刚才提到的那样,我们不幸的是看不到有关转盘效率的太多数据(我发现大部分都是传闻)。所以这是你的机会 一步一步走上Brad Frost旋转木马挑战赛!看到有关转盘的更多数据发布将是非常好的,下面是您可以做的:

  1. 在你的网站上找到一个旋转木马(我知道你是一个)
  2. 添加跟踪(如果尚未到位)
  3. 收集数据(总点击次数,面板数量以及您可以掌握的其他数据)
  4. 以某种方式,形状或形式发布数据

要获得额外的奖励积分(和可能的超级大国),进行A / B测试,其中一些用户获得转盘,而其他用户没有。看看效果更好并发布结果。