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

移动电商网站中轮播组件用法研究 萝卜网电商培训系列之 主讲人：xxx 2 我们为什么要使用轮播组件 轮播组件存在的意义绝对不仅仅是为了在首页显示更多的市场营销信息。 3 我们为什么要使用轮播组件 使用情景也是理解轮播组件的一部分。 4 反对轮播组件的理由 目前反对使用轮播组件的理由主要有以下几个方面： 1、用户不会点击轮播组件中的内容； 2、如果用户要点击轮播组件中的内容，他们只会点第一个； 3、轮播组件不易理解； 4、自动轮播对用户不友好； 5 猜想一、用户不会使用轮播组件 大家的争议 这个猜想基于erik runyon文章中展现的圣母大学网站数据。只有1.07%的访问者点击了网站的 banner轮播图。只是查看banner无法作为交互行为被记录，只有产生点击行为的用户才算数。为 了反驳这一猜想，需要有数据能够显示实际上发生交互行为的人数高于1.07%才行。 我们的结论 用户对产品图片轮播产生交互行为的比例：72%的用户至少切换轮播图一次；23%的用户会放大图 片。如果你看我们的研究结果，具体的以放大操作为例，你会发现23%的用户直接进行图片的放大 以获得更多的信息。如果你更关心哪些用户有切换轮播图的行为，数据显示高达72%的用户直接产 生了操作行为。下文中将会展示我们的数据是如果获取的，请留意“发现”部分。 6 猜想二、用户只对第一张轮播图感兴趣 大家的争议 erik提到的点击了轮播图的1.07%的用户中，有89.1%的人点击了第一张轮播图。并且，我们猜 测如果这个轮播组件是有效的，那么随着轮播图数量的不断增加，点击分布将会有一个合理的下 降趋势。 我们的结论 我们的数据显示，和第二个位置上的产品图片轮播有交互行为的用户占比为15.7%。至少64%的 用户从第二个位置的产品图切换到了第三个位置的产品图。 7 猜想二、用户只对第一张轮播图感兴趣 圣母大学的数据只是包含了用户的点击，而不是全部交互行为。 8 猜想二、用户只对第一张轮播图感兴趣 这个图和erik的数据很相似：第一个位置的轮播图占据了绝大多数交互行为。 9 猜想三、轮播组件不属于无障碍设计 接下来的问题是不好的，但是易于解释。这个争议整体上没有否定轮播组件，只 是对于当前用法的质疑。轮播组件本身并没有所谓的无障碍问题。 10 猜想四、轮播组件的自动轮播对用户不友好 这个争议是说能自动轮播的轮播组件，想要去点击的用户会有障碍。 11 研究方法及情景 这些数据来源于对几个中型到大型电子商务网站长达11个月的分析。 为了针对上述的前两个猜想，我们的数据主要着眼于以下两点： 1、用户与轮播组件产生交互的频率； 2、用户与轮播组件中第一个位置之外的图片产生交互的频率； 12 定义交互方式 在研究中，我们跟踪了轮播图组件中的四种交互方式： 1、智能手机中，用左右滑动的手势切换轮播图； 2、单击轮播图组件中的箭头，每次切换一张图； 3、单击轮播图组件底部的缩略图切换； 4、单击轮播图中当前的图片，放大至全屏查看； 13 结论 一、各种交互方式的使用占比 我们首先研究的是用户使用手机中轮播图组件 的频率，我们是通过独立的交互事件来看这一现象。 14 结论 1.各种交互方式的占比 我们的数据表明，缩略图是最受用户欢迎的交互方式 15 结论 放大操作是用户进行的操作中频次仅次于点击缩略图的操作。 16 结论 二、所有类型的操作 总体上看，每个轮播图平均有2.4次交互事件。这表明与轮播图产生交 互的72%的访客中，产生多次交互行为是很正常的。 1、各种类型的交互方式操作次数占比（非独立） 点击缩略图的用户中更倾向于使 用缩略图而不是其他交互方式，平均在一个轮播图中点击6张缩略图。 17 结论 操作缩略图的用户拥有最高的点击次数，这说明略缩图的交互方式比箭头和 左右滑动有更高的用户参与度。 18 结论 三、交互频次衰减率 1、缩略图 每一张被点击过的缩略图，用户有大约69%的可能性会继续点击其他缩略图。从下图 中的指数衰减曲线可以更精确的看出这一变化趋势。尽管用户点击缩略图可以有很多可能 的顺序，但是大部分的缩略图用户还是按照轮播图中默认给定顺序查看。 19 结论 2、箭头 对于每个被点击的箭头，我们发现用一个接近线性的衰减曲线来描述是比较准确的。在 这种线性衰减中，用户有大约76%的可能性会会再次点击这个箭头来查看下一张轮播图。 20 结论 3、左右滑动 左右滑动的衰减也是线性的，用户有64%的可能性会再次滑动。下图是一个更精准的指 数变化趋势图。 21 结论 4、放大 放大操作的规律遵循幂定律，线性的变化不能准确描述这一趋势，下图的函数能够比较 真实的反映其趋势。 22 一些思考 营销类轮播图 vs 图片轮播 23 对未来的一些思考 这一次的数据分析使我明白了，对于轮播组件，我们还有很多研究工作要做。 1、针对不同类型的轮播组件做对比研究。这将有助于研究我们的营销类轮播组件和 erik runyon的数据有何不同。 2、衡量交互方式是如何影响用户的操作行为趋势。如果他们操作的是一个产品图片集 合，他们是更愿意还是更不意愿使用加入购物车呢？ 3、我希望知道是否有办法衡量手机端、pad端、pc端用户在轮播组件的交互方式的 差异。不幸的是，我们不做pc端的站点，所以我们缺乏pc端的数据。我们期望做直接 的对比，而不仅仅是从已知数据去做推测。 4、数据显示，在手机端，滑动是最低频的操作。我认为滑动操作在手机上被其他交互 方式弱化了，或许也是因为在pc端，用户对滑动操作还没有什么认知。 24 结论 这篇文章是在彻底调查mobify为什么以及如何使用我们提供的轮播组 件，构建自己的网站。 25 那么，你到底会不会用轮播组件呢？ 不要仅仅是为了在有限的屏幕空间展示更多内容而去