Our animation styles are used to enhance the member’s experience. Animation serves many purposes—to create anticipation, give clarification, provide feedback, and help define hierarchy.
Animations shouldn’t prevent or interfere with a user being able to get to their desired content.
Animations should not be jarring or overly sluggish.
Elements should have a natural feel to their motion. Using a linear ease is too robotic and can create an awkward experience.
Transitional animations should be symmetrical so as to set up the users expectation.
Animating elements with an intentional stagger helps to create hierarchy and guide a users eye.
The movement of elements should be consistent to avoid confusion and reduce cognitive load.