It’s easy to see how designing forms can be seen as a chore that detracts from the time that could be spent on more exciting parts. Yet, if you think about it, the payment form is part of the checkout flow, the point at which a user is on the verge of committing to trusting you and your business with their vote of confidence. This experience should really be as great as possible, and using animations correctly can really improve this experience.

The goal of animations should not solely be entertaining the user, but rather, they should be helping the user better understand what’s going on and how to use your product most effectively. If you disable animations, the flow should feel broken; if it is not, this might mean your animations are superfluous.

That’s how we—the team behind Stripe Checkout—look at it, at least, and why we have spent so much time and effort building Checkout. We’ve focused on using animations in Checkout from day one because we believe that they enrich the core experience. To illustrate how they do so, I’ll walk through a few of the animations we’ve implemented so far.