Takeaway Points

  • Use animations to draw attention to small or otherwise unnoticeable changes.

  • Use animations to make large state changes understandable.

  • Animations, especially at the edge of vision, are attention magnets. Don’t abuse them; it’ll drive people crazy.

  • You can use animations to reinforce the user’s mental model of your product.

  • Cartoons have a visual language for animation that we can use: objects should be solid and accelerate and decelerate realistically, and movement should sometimes be exaggerated.

Get Designed for Use now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.