首页 首页 >  文章资讯

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

发布者:feixue2017    发布时间:2018-07-11 09:20:20    浏览次数:53次

很多人都会和我说,网站中的滚动切换设计一般都是弊多利少,尽量不要使用。但是,本文会告诉你并非所有情况都是如此。


我写这篇文章就是希望我们能够更多理解网站中的滚动切换设计,不要听信传闻。我将用我们的调查数据来阐述我们的发现,介绍我们用以调研的方法,同时,对如何正确使用图文滚动切换提出一些建议。


电商网站设计 电商网站优化 视觉滚动设计


可以说,有很多人都对滚动切换的坏名声做出了贡献。例如,Nielsen Norman团队(由Jakob Nielsen, Donald Norman 和 Bruce Tognazzini于1998年成立的一家电脑用户界面和用户体验的咨询公司)曾发表过关于滚动切换会妨碍用户捕捉页面上关键信息的文章。此外,最主要的言论来自于Erik Runyon(圣母大学The University of Notre Dame的技术总监和开发人员)的一篇关于学院网站中图片滚动切换应用的分析文章。在Jared Smith 制作的一个“Should I Use A Carousel?”网站上,他也坚定地称,不要使用滚动切换。随后,网页设计师Brad Frost在他的“Carousels”文章中也表达了对滚动切换的负面情感。最后,国际公认的数码产品的领导者Luke Wroblewski(曾设计的软件在海内外有十亿用户的影响力)也说现在基本已有的数据足以说服让大家不要再用滚动切换(下文中会提及Luke的一些言论观点)。


在Mobify(一个帮助企业优化他们在智能手机以及平板电脑间的网页转换的移动电子商务平台),我们为移动设备开发了大规模的电商网页。在这些电商网页上,大多至少都有一个滚动切换的应用。如此看来,我们做错了吗?我们在给用户帮倒忙吗?如果我们停止使用滚动切换,我们的网页可以更好吗?我和我的合作编辑Peter Maclachlan在浏览我们开发的网站时一直在探讨这些问题。于是,我们想与其一直在别人的研究结论中迷茫,不如开始我们自己的研究。


因此,我们开始分析我们所能获得的数据。刚开始,我们只是很好奇我们的数据能够反映什么?然而,从这些数据中不断获得的小惊喜足以鼓动我们继续深究下去。我们用了11个月的时间检测了许许多多中到大型的电商网页。在这里我说的中到大型是指每年至少有2千万美金(约1.26亿RMB)的电商销量的网页。这期间,大约750万个滚动切换的交互行为被我们进行采样,基于这些数据,以下是我们的研究成果。


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


电商网站设计 电商网站优化 视觉滚动设计


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


滚动切换不仅是一种将产品信息呈现在主页上的方法,更是一种在移动设备上用以平衡信息密度的工具。在移动设备上,有限的小屏幕需要得到最大化的利用,我们要尽量确保总能最佳使用页面的空间,因此通过滚动切换,就可以使信息的密度最大化,也使用户不用通过进一步向下滑屏来获得信息。


电商网站设计 电商网站优化 视觉滚动设计


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


此外,对于滚动切换来说,滚动切换间的上下关系是相互呼应并且完整的。我们的设计团队会尽量避免提供前后关系不呼应的滚动切换给用户。多数情况下,我们只在网页中的一个地方使用滚动切换,即:在呈现产品细节图集的时候。此时,用户知道可以通过滑动滚动切换来获得产品更多的图片信息。而在主页上的商用滚动切换中,用户往往会对下一张会呈现什么内容以及他们为什么要关注这些内容一无所知。


天津国泰医院

【版权与免责声明】如发现内容存在版权问题,烦请提供相关信息发邮件至 335760480@qq.com ,我们将及时沟通删除处理。 以上内容均为网友发布,转载仅代表网友个人观点,不代表平台观点,涉及言论、版权与本站无关。