探讨移动电子商务网站中的图文滚动切换设计.pdf

探讨移动电子商务网站中的图文滚动切换设计

我将用我们的调查数据来阐述我们的发现，介绍我们用以调研的方法,

同时，对如何正确使用图文滚动切换提出一些建议。

在Mobify（一个帮助企业优化他们在智能手机以及平板电脑间的网页

转换的移动电子商务平台），我们为移动设备开发了大规模的电商网页。在

这些电商网页上，大多至少都有一个滚动切换的应用。如此看来，我们做错

了吗？我们在给用户帮倒忙吗？如果我们停止使用滚动切换，我们的网页可

以更好吗？我和我的合作编辑PeterMaclachlan在浏览我们开发的网站时

一直在探讨这些问题。于是，我们想与其一直在别人的研究结论中迷茫，不

如开始我们自己的研究。

可以说，有很多人都对滚动切换的坏名声做出了贡献。例如，Nielsen

Norman团队（由JakobNielsen,DonaldNorman和BruceTognazzini

于1998年成立的一家电脑用户界面和用户体验的咨询公司）曾发表过关于

滚动切换会妨碍用户捕捉页面上关键信息的文章。此外，最主要的言论来自

于ErikRunyon（圣母大学TheUniversityofNotreDame的技术总监和

开发人员）的一篇关于学院网站中图片滚动切换应用的分析文章。在Jared

Smith制作的一个“ShouldIUseACarousel?”网站上，他也坚定地称，

不要使用滚动切换。

随后，网页设计师BradFrost在他的“Carousels”文章中也表达了对

滚动切换的负面情感。最后，国际公认的数码产品的领导者Luke

Wroblewski（曾设计的软件在海内外有十亿用户的影响力）也说现在基本

已有的数据足以说服让大家不要再用滚动切换（下文中会提及Luke的一些

言论观点）。因此，我们开始分析我们所能获得的数据。

刚开始，我们只是很好奇我们的数据能够反映什么？然而，从这些数据

中不断获得的小惊喜足以鼓动我们继续深究下去。我们用了11个月的时间

检测了许许多多中到大型的电商网页。在这里我说的中到大型是指每年至少

有2千万美金（约1.26亿RMB）的电商销量的网页。这期间，大约750

万个滚动切换的交互行为被我们进行采样，基于这些数据，以下是我们的研

究成果。

我们为什么要用”滚动切换”?

我们研究中所测的一个滚动切换的案例滚动切换不仅是一种将产品信

息呈现在主页上的方法，更是一种在移动设备上用以平衡信息密度的工具。

在移动设备上，有限的小屏幕需要得到最大化的利用，我们要尽量确保总能

最佳使用页面的空间，因此通过滚动切换，就可以使信息的密度最大化，也

使用户不用通过进一步向下滑屏来获得信息。

我们研究中所测的另一种滚动切换案例

此外，对于滚动切换来说，滚动切换间的上下关系是相互呼应并且完整

的。我们的设计团队会尽量避免提供前后关系不呼应的滚动切换给用户。多

数情况下，我们只在网页中的一个地方使用滚动切换，即：在呈现产品细节

图集的时候。此时，用户知道可以通过滑动滚动切换来获得产品更多的图片

信息。而在主页上的商用滚动切换中，用户往往会对下一张会呈现什么内容

以及他们为什么要关注这些内容一无所知。

“滚动切换”的反对声

目前关于滚动切换应用的批评主要在以下四点：

1.用户无法用滚动切换进行交互。

2.如果用户用滚动切换进行交互，那他们的交互行为也仅仅局限

于第一张图文。

3.滚动切换这种方法是不可取的。

4.用户不喜欢滚动切换中元素的自动更替。

我们将通过对比ErikRunyon的数据以及我们所找到的数据来解说前两

个问题，后两个问题因为比较偏向滚动切换的性质意义，因此我将单独来分

析。

假设1：用户无法用滚动切换进行交互。

论点：

现在的论据主要以ErikRunyon为圣母大学网站作调研时所提供的数据

为中心。这些数据表明，只有1.07％的网站来访者会点击特定的商业广告

滚动切换。此处，浏览图文不能算是一种交互，只有当用户点击了图文才能

算。

于是，为了辩驳这一假设，我们的数据必须显示出用户与滚动切换的交互率

高于1.07％。

我们的结论：

在产品图片集的滚动切换中，高达72％的用户会至少一次切到下一张滚

屏，又有23％的用户会通过缩放行为（zooming）来与网站中的滚屏切换

进行直接交互。