打造流畅动效体验
接送机
Trip.com 是亚洲最大的在线旅行服务平台，拥有超过 4 亿用户。
项目缘起
由设计发起的项目
在一次与设计总监讨论产品改进的过程中，我发现现有动画卡顿是一个可切入的机会，于是主动发起了这个项目。
现状
从首页到列表页
从问题出发，寻找改进机会
卡顿、报错与 Bug
体验断点
调研头部应用，寻找创意灵感
竞品分析与头脑风暴
整理想法，设定目标
结合当前体验和用户对改进的感知，确定优先级
确定优先级
可以优化的体验
推动没有直接业务收益的体验项目并不容易。
在没有研发资源的情况下，我必须先争取产品经理的支持。
持续提案，持续推动！
我们向设计总监和产品总监展示方案，争取他们的认可。通过将项目与他们对快速、流畅体验的愿景对齐，这个项目最终成功纳入即将发布的版本。
拆分项目，逐步上线
最终方案
列表页渐进展开动效
通过分步加载提升直观性，帮助用户理解页面结构，并重新聚焦营销位。
优化前
优化后
用渐进式加载替代阻断式加载
优化前
优化后
其他方案
弹性反馈
加载骨架屏
后续规划
动效规范
推广到其他产品线
挑战与收获
