Animations are a key design component for modern experiences. When done effectively, animations enhance the intuitiveness, encourage adoption and engagement, and promote stronger emotional connections to the product.
Animations should be quick and never feel like we’re intentionally delaying the user (this may seem counter to the technical delay). If a technical delay animation requires too much time, a different loading pattern must be used.
When appropriate, make custom animation consistent with platform animations. If out-of-box animation is not included with our UI, than we must utilize similar animation techniques to have our animations fit within the platform.
Use animation consistently thought the app. We should never have two similar interactions that perform different animations.
As we continue to elevate our design, we intend to use animations more throughout the app without compromising on app performance.
Reference Response Times for first principles