广州总部电话:020-85564311
广州总部电话:020-85564311
20年
互联网应用服务商
请输入搜索关键词
知识库 知识库

优网知识库

探索行业前沿,共享知识宝库

网站优化动画速度:凸效应对感知等待时间和消费者数字体验的影响

发布日期:2026-03-07 17:32:58 浏览次数: 811 来源:栀子花营销沙龙
推荐语
网站优化动画速度能显著提升用户体验,减少等待焦虑

核心内容:
1. 数字环境中等待时间对消费者行为的关键影响
2. 动画速度如何通过心理学机制改变时间感知
3. 实证研究揭示的最佳动画速度与商业指标提升关系
小优 网站建设顾问
专业来源于二十年的积累,用心让我们做到更好!

企业仍在持续开发更复杂的系统,这些系统给网络带来压力并增加了响应延迟——技术导致的等待时间仍然会长期存在。

加载动画(loading animations),也称为脉冲动画(throbbers)或预加载(preloaders),自早期浏览器(如Mosaic和Netscape)以来就被用于指示后台活动并减少感知等待时间。
本研究主要关注消费者体验中偶然的、不确定的等待期间出现的重复动画——这些等待最可能引起消费者烦恼。并且聚焦于一个动画视觉设计元素—动画速度——如何影响偶然的等待时间以及在线体验的关键方面,例如点击到达率(CTLR,click to land rate)、转化率(CVR,conversion rate)和产品评价。

1、理论基础与实证分析
理论基础
基于三个试点研究,本研究将实证和理论研究的重点放在企业和消费者最常使用的视觉元素上——空白页面、静态图像和简单重复动画。
关于感知时间研究的经典理论基础是资源分配模型(1997;Zakay 1989,2016;Zakay and Block 1995)。该模型表明,在等待期间将注意力资源从时间估计中转移开,会导致更短的感知等待时间;区分了分配给判断时间持续时长的注意力资源与分配给其他吸引注意力任务的注意力资源。这种模型解释了“盯水壶效应”(watched pot paradigm)(Zakay 1989),当将注意力集中在时间流逝本身时,会感觉时间过得特别缓慢。
关于更复杂与较不复杂的刺激的实验——注意力需求更高的实验组会导致更短的感知时间判断(Zakay 1989)。Ahn、Liu和Soman(2009)发现,当人们经历视觉丰富的体验与视觉贫乏的体验相比,对时间持续性的即时判断更短。Wang、Hong和Zang(2018)证明,感知等待时间取决于人们更多依赖情感(基于感觉)还是认知(基于记忆)的决策方式,其中更多的心理标记与更长持续时间的判断相关。基于这些模型的人机交互(HCI)研究表明,包含运动(相对于无运动)以及更快的运动(相对于较慢的运动)会减少感知等待时间(Lee et al. 2012,2017;Söderström、Bååth and Mejtoft 2018)。
鉴于这些发现,尚不清楚:增加动画速度会增加视觉复杂性(导致更短持续时间的判断);还是增加动画速度会增加重复性(导致更长持续时间的判断)。
Hogan(1978)提出了解决这两种冲突的方法:提出刺激复杂性与时间感知之间的U形关系,适度的复杂性让人觉得新颖并导致更短的时间估计,而持续的复杂性可能导致饱和、无聊,从而导致更长的时间估计。
为了澄清先前研究的矛盾预测并解决关于快速重复动画是否增加复杂性的模糊性,本研究转向视觉感知研究。当物体移动更快时,它们的个体运动显得不那么明显。在足够高的速度下,运动在视觉上被整合成单一的“运动条纹”(Geisler,1999)。类似地,快速闪烁的光不会被看作具有个体化的明暗阶段,而是被视为连续的“格式塔闪烁”(VandeGrind,Grüsser,and Lunkenheimer,1973)。由于加载动画本质上是重复的,它们很可能受到反应抑制现象的影响。神经科学研究发现,重复暴露于相同刺激会降低神经元放电率,因为人们逐渐适应了刺激(Eagleman,2008;Henson and Rugg,2003;Wark, Lundstrom,and Fairhall,2007)。
在此背景下,本研究假设:(1)与静态或慢速动画相比,中速动画在视觉上更有区分性,并吸引更多注意力,从而导致更短的时间判断。(2)在足够高的速度下,动画变成视觉模糊,人们以较少的注意力处理它,导致更长的时间判断。
本研究创建了动画速度与时间感知之间的U形关系,该关系不是由个体对刺激复杂性的敏感性驱动,而是由人类视觉感知系统的普遍约束驱动。从静态或慢速移动到中速动画的转变,通过可检测的视觉变化吸引更多注意力。相反,从中速到快速的转变降低了视觉上的可区分性,减少了注意力。
基于理论推导,本研究提出了一组假设,涉及四个内容:(1)动画速度的凸效应;(2)作为前提条件的关键前因;(3)阐明注意力作用的设计导向边界条件;(4)对在线客户体验的影响后果。

实证分析

1.实验设计

实验1A-1C:动画速度的凸效应 

实验1A:在计算机上经历一次17秒的等待(静态、中速和快速);实验1B:在移动设备上经历两次7秒的等待(空白、中速和快速);实验1C:在移动设备上经历两次9秒的等待(慢速、中速和快速)。 

在完成一个简短、无关的填充研究时,被试会遇到偶然等待的情况。慢速动画以每次运动约2500毫秒(每转10,000毫秒)的速度运动,中速动画为每次运动500毫秒(每转2,000毫秒),快速动画为每次运动100毫秒(每转400毫秒)。

 三项实验发现:在线的偶然等待中,与静态图像、空白页面或慢速动画相比,中速动画导致最短的感知等待时间;与快速动画相比,中速动画同样缩短感知时间。这一凸效应(convex effect)在不同动画类型、等待时间和设备类型上均保持稳健。

实验2A:前因—等待时间的不确定性 
被试者被分配到2(等待时间确定性:不确定vs确定)×3(动画速度:静态vs中速vs快速)组间设计的六个条件之一。 

不确定等待时间:来自不相关研究的一个问题,显示9秒的动画,然后是两个问题,再显示9秒的动画。确定等待时间:在静态图像或动画上方看到文字"请等待约9秒,页面正在加载"。

结果显示,等待时间的不确定性是动画速度凸效应发生的必要前提。当消费者知道等待时长时,他们不依赖视觉速度来推断等待时间,凸效应被消除。表明动画速度的凸效应主要通过推理过程运作,而这仅在不确定性条件下是必要的。

实验2B:中速动画和注意力的作用 

被试者被随机分配到三种条件(动画速度:静态 vs 中速 vs 快速)之一,采用组间设计;要求被试心算10道算术题(例如"34 + 89=?"),在单个屏幕上输入答案,且不能使用草稿纸。 

结果显示,中速动画最能吸引注意力,从而负面影响并发任务的表现。注意力中介了该效应,而动机和压力无法解释。由于本研究中任务持续时间达1分钟且需要完成并发任务,动画速度未显著影响时间感知。

实验3A:边界条件-双注意力元素动画 

被试者随机分配到2(注意力类型:单元素 vs. 双元素) × 2(速度:中速 vs. 快速)组间设计的四种条件之一。在双注意力元素动画条件下,注意力可以被吸引到指针环绕圆形的运动或者圆形的四色变化上。 

结果显示,快速移动的单注意力元素动画会导致简化视图,吸引的注意力较少,并增加感知等待时间。引入次级的、慢速的视觉变化的双注意力元素动画将注意力从快速移动的元素转移开,从而减弱了动画速度对感知等待时间的影响。

实验3B:边界条件-非典型动画 

本研究认为动画速度影响感知等待时间,是因为影响了注意力分配;那么一个新颖的、非典型的动画应该减少动画速度的影响,因为独特的外观能吸引更多的注意力。 被试者随机分配到2(动画类型:非典型 vs. 典型) × 2(速度:中速 vs. 快速)组间设计的四种条件之一。 

结果显示,对于典型动画,动画速度会影响感知等待时间,而对于非典型动画(吸引更多注意力),动画速度不再有影响。提供了进一步的证据,表明注意力是动画速度凸效应的基础,边界条件包括双注意力元素和非典型动画设计。

实验4:Facebook广告点击到达率 

使用Facebook的A/B测试工具,检验网页加载前遇到的动画速度是否影响CTLR(点击到达率)。使用Facebook发布了一则关于防晒霜使用益处的广告,目标受众为美国所有18岁以上的Facebook移动用户。点击该广告的用户即成为本研究被试者,随后被随机分配到三种动画速度条件(静态图像、中速动画和快速动画)中的一种,并经历20秒的等待时间后才能到达目标网站。 

结果显示,费者在遇到中速动画时,与快速动画(可能性高14.4%)或静态图像(可能性高18.7%)相比,最有可能等待并进入目标页面,并且注意力不集中完全中介了这一效应。进一步分析表明,营销人员使用中速动画(25.9%),与使用静态图像(14.4%)相比可以将广告效果提高79.9%,与使用快速动画(14.4%)相比可以提高33.5%,并且能使广告活动的投资回报率增加15.6%。

实验5:网页转化率 

在MTurk招募了1,880名美国被试者,在电脑端先完成第一次的无关任务,获得代码(可获得报酬)后,他们收到完成第二次任务的邀请(不影响报酬)。被试者点击链接后,被随机分配至三种动画速度(静态、中速、快速)条件之一,有30秒的等待时间。 

结果显示,中速动画的被试者最可能完成无额外报酬的可选任务,且放弃倾向最低。与快速动画或静态图像相比,中速动画能有效减少消费者的放弃行为并提升转化率。进一步证明,动画速度通过影响感知等待时间与任务参与度,显著影响了消费者在数字环境中的行为模式。

实验6:手机界面的产品介绍 

招募了361名美国大学生,被试者随机分配至三种动画速度条件之一,被要求模拟购买背包的场景,并从10个选项中挑选最心仪的产品。

被试者先选择想要查看详情页的背包,后续开始查看每个背包的详情页,详情页加载前设置7秒等待,期间显示三种动画之一;查看每个产品信息后,被试者可以选择继续浏览,或者跳过步骤直接做出选择。 

结果显示,动画速度对等待体验的凸效应可延伸至产品评价领域,但仅适用于消费者在移动设备体验过程中主动交互的产品。由于消费者对其主动选择查看的产品兴趣最浓,动画速度通过影响移动购物关键决策点的感知,从而塑造了产品评价。与静态图像或快速动画相比,中速动画能在多次产品交互中引发最高水平的产品喜好度。表明在移动购物场景中,动画设计可有效提升消费者的积极感知。


2、理论与实践启示


本研究首次系统性地检验了加载动画的存在与速度如何影响用户的等待时间感知及其整体客户体验。 
证明了动画速度与感知时间之间的关系并非线性而是呈倒U型:中速动画可产生最短的感知时间。 
理论意义 
系统性地检验了动画存在、速度与注意力特征如何实质性地影响数字客户体验。先前的时间感知研究主要关注静态刺激(Ahn et al.2009;Hogan 1978;Zakay et al. 1984),而人机交互研究则聚焦于较窄范围的动画速度。 
提供了动画速度与感知时间存在稳健凸效应的证据,表明中速动画相较于静态图象、慢速动画或快速动画能最小化感知等待时间。本研究将复杂度与感知时间的研究(Hogan 1978;Block and Zakay 1997;Zakay 1989, 2016;Zakay and Block 1995)与视觉感知研究(Apthorp et al. 2013;Eagleman 2008;Geisler 1999;Henson and Rugg 2003;Van de Grind et al. 1973;Wark et al. 2007)相整合,证明视觉注意力约束塑造了动画速度与感知时间的关系。 
从静态或慢速动画转向中速会因为视觉上的可检测性而吸引更多注意力,从而减少长时间等待带来的无聊感(Lieberman, Morales and Amir 2022)。速度从中速增至快速会使动画运动区分度降低,吸引力减少,从而增加感知等待时间。 
与Hogan(1978)的理论不同,本研究发现该效应并非由个体对复杂性的敏感度差异驱动,而是源于视觉处理的普遍约束。  
实践意义 
为设计存在偶然等待的在线界面管理者提供了可行见解。但本研究并非暗示动画设计比精心设计的产品服务、周到定价策略、巧妙促销信息或直观网站对客户体验影响更大。 
由于数字体验中必然出现偶然等待,与其他许多策略相比,优化动画设计仍是未被充分利用但成本效益显著的工具。如试点研究B所示,多数企业未利用这些简单有效的动画设计变体。 鉴于动画速度影响点击到达率、转化率和产品评价等关键行为指标,企业应在自身业务场景中尝试不同速度与视觉元素以优化客户参与度;可以通过A/B测试实现,跟踪跨移动端与桌面端体验的动画类型、速度、等待时长、点击到达率和客户满意度指标。 





优网科技,优秀企业首选的互联网供应服务商

优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!

优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、微信小程序定制开发、移动端应用(手机站APP开发)、微信定制开发(微信官网、微信商城、企业微信)等一系列互联网应用服务。


我要投稿

姓名

文章链接

提交即表示你已阅读并同意《个人信息保护声明》

专属顾问 专属顾问
扫码咨询您的优网专属顾问!
专属顾问
马上咨询
联系专属顾问
联系专属顾问
联系专属顾问
和我们在线交谈!