Explaining State Changes

Visual state changes can easily disorient people. If you’re running a usability test or just teaching somebody how to use a product, often it doesn’t take long until you hear someone ask, “What just happened?”

images/animation_state_change_graffle_1.jpg

If you hear somebody say “What did I just do?” or “Where did this go?” or “How do I get back?” it’s possible that you’ve found a problem that could be solved with an animation.

images/animation_state_change_graffle_2.jpg

Animating the change between the two states makes the state change and the relationship between the two states obvious.

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.