移动电商网站中轮播组件用法研究

看到这个标题你内心里或许会充满疑惑，我在写这篇文章之前，也曾经有很多疑问。你去问任何一个人，他们都不会推荐使用轮播这种模式。但是轮播本身并不是那么一无是处。 本文将基于真实的数据，针对近期业界对轮播组件的各种争论做个回应，看看大家对它的评论是不是名副其实。我会针对各个观点进行剖析，看看我们的数据与预期是否一致。通过这些内容，我会详细阐述我们的研究发现和研究方法，并给大家一些建议，希望对大家未来在判断何时以及如何使用轮播组件有价值。 

之前有很多人不看好轮播这种模式。从NNG的一篇文章开始；真正的转折点是Erik Runyon发表的关于圣母大学网站的一篇详细分析轮播模式的文章“轮播组件用法详解”；在Jared Smith的文章“是否应该使用轮播”中，他建议大家放弃使用轮播组件；Brad Frost也在他的文章“轮播组件”中呼应了这种对轮播的负面评价；紧接着Luke Wroblewski加入了反对派的阵营，他说从目前的数据来看，建议不要使用轮播，他的文章详情见“ 以后绝对不再使用轮播”，（他后来又补充数据说对他的结论有怀疑）。

在Mobify（提供移动建站服务的网站），我们开发用于移动设备的大型电子商务网站。很多情况下，这些网站都有一个轮播组件。我们这样做错了吗？是不是伤害了我们的用户？如果我们停止使用轮播组件，我们的网站是否就会变得更好？这些问题是我和这篇文章的共同作者Peter Maclachlan在审查我们开发的网站时反复问自己的。我和Peter决定做我们自己的研究，而不是盲目追随网上这些反对轮播组件的声音。

自此，我们开始研究那些我们能获取的数据。刚开始，我们充满好奇，我们的数据说明了什么呢？我们的发现令人非常惊喜，并且鼓舞着我们不断深入研究。我们在为期11个月的时间里审查了几个中型到大型的网站。我说的中型到大型网站，是指在过去一年里交易额不少于两千万美金的网站。在这11个月的时间里，我们研究了近750万次轮播组件的交互事件。这篇文章的结论都是基于这些数据所做的分析。

我们为什么要使用轮播组件

轮播组件存在的意义绝对不仅仅是为了在首页显示更多的市场信息。因为我们是专注于做无线端设计的，我们最大的顾虑就是要确保在有限的屏幕尺寸和信息的密度之间做好平衡。这意味着，我们总是要在有限的面积里做好水平和垂直方向上的空间利用。我们使用轮播组件可以增强信息的密度，并且不需要用户在查看时滚动页面。 

使用情景也是理解轮播组件的一部分。我们的设计团队只是在规避使用轮播组件，而没有向用户提供具体的使用情景。大部分情况下，我们只是在一中情境中使用轮播组件：在商品详情页中展示更多的图片。在商品详情页中，用户知道左右滑动一个轮播组件可以查看更多的商品图片。在一个网站首页的市场轮播组件中，用户是没有办法知道下一张图片是什么内容的，也不清楚这里面的信息是否需要去关注。 

反对轮播组件的理由

目前反对使用轮播组件的理由主要有以下几个方面：

1、用户不会点击轮播组件中的内容；

2、如果用户要点击轮播组件中的内容，他们只会点第一个；

3、轮播组件不易理解；

4、自动轮播对用户不友好；

针对前两条，我们将用我们自己的数据和Erik Runyon文中的数据作比较。最后两点更多的是定性的结论，我会针对性的剖析。

猜想一、用户不会使用轮播组件

大家的争议

这个猜想基于Erik Runyon文章中展现的圣母大学网站数据。只有1.07%的访问者点击了网站的Banner轮播图。只是查看Banner无法作为交互行为被记录，只有产生点击行为的用户才算数。为了反驳这一猜想，需要有数据能够显示实际上发生交互行为的人数高于1.07%才行。

我们的结论

用户对产品图片轮播产生交互行为的比例：72%的用户至少切换轮播图一次；23%的用户会放大图片。如果你看我们的研究结果，具体的以放大操作为例，

推广,,长沙,,你会发现23%的用户直接进行图片的放大以获得更多的信息。如果你更关心哪些用户有切换轮播图的行为，数据显示高达72%的用户直接产生了操作行为。下文中将会展示我们的数据是如果获取的，请留意“发现”部分。

猜想二、用户只对第一张轮播图感兴趣

大家的争议

Erik提到的点击了轮播图的1.07%的用户中，有89.1%的人点击了第一张轮播图。并且，我们猜测如果这个轮播组件是有效的，那么随着轮播图数量的不断增加，点击分布将会有一个合理的下降趋势。Erik的数据显示，在第二个位置的轮播图只有整个点击数据的3.1%。更客观地来看，圣母大学网站中3,755,297位访客中只有1,234人点击了第二个位置上的轮播图。第二个位置之后的轮播图的点击数据也符合我们预期的落差。我们如果要反驳这个猜想，那么就要有数据显示，对第二个位置上的轮播图有交互行为的用户比例高于3.1%。