The ultimate guide to proper use of animation in UX

The article discusses best practices for using animation in user interfaces. It provides guidelines for animation duration, typically 200-500ms. Smaller or simpler animations should be faster. It also discusses the importance of easing animations to make movements feel natural. Different easing curves like ease-in, ease-out, and ease-in-out are described. The article recommends using choreography to guide user attention smoothly between states. Equal or subordinate interactions can be used. It also provides tips for object movement like using arcs for disproportionate size changes and avoiding intersections. Overall, the article aims to collect key principles for designing intuitive and effective animations in UX.