网站加载动画：转圈超过三秒就该砍掉

有些网站一打开，先来一个全屏的logo动画，转两三秒才进首页；有的页面切换时加了渐隐渐现的过渡，每个动作都要等半拍。设计者觉得这样高级、有仪式感，客户的真实感受却往往是着急。动画本身没有错，错在用错了地方、加错了时长。加载动画是典型的自我感动式设计：它取悦的是做站的人，消耗的是看站的人的耐心，这篇文章算算动画的时间账。哪些动画该留、哪些该砍，判断标准只有一条，看完这篇你自己就能做决定，不用再争论审美问题。

首先看耐心这条底线。体验研究的普遍结论是：页面响应超过三秒，相当比例的访客开始流失；超过五秒，流失过半。全屏加载动画恰恰是在用户最没有耐心的时间点上加了等待——他刚点进来，什么内容都没看到，先被要求看你表演。任何让用户干等的动效，都要拿这个标准过一遍。品牌感可以用别的方式建立，比如首屏视觉和文案，电商和工具类产品早就把这类动画砍光了，企业官网没必要逆势而行。客户的时间才是最贵的资源。

其次分清什么动画值得留。微交互类的动画有价值：按钮按下时的反馈、列表展开时的过渡、表单提交时的状态提示，这些动画时长在几百毫秒内，帮用户确认操作生效了，减少重复点击。该砍的是阻塞式动画：全屏遮罩、强制播放的品牌视频、页面切换的整屏过渡。判断标准一条就够：这个动画是帮用户理解，还是让用户等待？前者留，后者砍。郑州网站建设的改版项目里，砍掉开屏动画往往是最快见效的一刀，河南网站建设的客户同样适用。

最后说落地层面的几个动作。让网站建设服务商把首屏渲染时间作为交付指标，移动端力争两秒内可交互；设计动效时约定总时长上限，单个转场不超过三百毫秒；上线前用真机和测速工具过一遍，凡是人为加的等待，逐个质疑它的必要性。已上线的站做一轮减法，往往比做加法提升更快。最好的加载动画，就是没有让人察觉的加载。改动前把现在的动画清单列出来，逐条标注保留还是删除，改完再跑一次测速，前后的数字对比会给你信心，也方便向老板汇报这次优化值不值。