新技能！教你使用转场动画提升用户体验(图文)

导读: 这个地方所用的动画并不是单纯的愉悦用户，更重要的目的是让用户明白这个环节是会发生什么，并且如何高效地使用这一产品。如果这个环节缺少动画会令人感到缺点儿什么，那么这个动画是成功的。如果移除了动画，用户觉得照样可以凑合着用，则意味着这个动画是可有可无的…..

这个地方所用的动画并不是单纯的愉悦用户，更重要的目的是让用户明白这个环节是会发生什么，并且如何高效地使用这一产品。如果这个环节缺少动画会令人感到缺点儿什么，那么这个动画是成功的。如果移除了动画，用户觉得照样可以凑合着用，则意味着这个动画是可有可无的。

作为Stripe Checkout这一支付应用的设计团队，我们在移动支付的体验设计上进行了大量的探索，也耗费了巨量的时间经历。对于支付环节的动画设计，我们有着深入的理解。在着手设计Stripe Checkout的第一天，我们就开始专注于使用转场动画来强化交互，因为我们相信它会极大地提高这款支付APP的用户体验。为了展示它的运作原理，以下我将使用几个动画案例来向你说明。