If you like this presentation – show it...
Great UI animation has purpose and style http://img.archiexpo.com/images_ae/photo-g/contemporary-chair-polypropylene-charles-ray-eames-80422-3019841.jpg
Animating With Purpose
The Brain Beneﬁts of Animation Reduce cognitive load Prevent change blindness Better recall of spacial relationships Lower perceived load times
Design Problems Animation Can Solve
Orientation Reinforce mental models of the interface and show how content is related.
Guide Tasks By showing cause and effect and cueing current or potential actions.
Demonstrate Showing how something works or what to expect in a short amount of time.
Direct Attention Leading the eye and calling attention to changes and important items.
Going “Faster” Perceived performance gains by transitioning content in.
“Our ﬁndings indicate that the psychological mechanism of transitions is completely different from progress bars”
The Bigger Picture
Choreography Designing all your UI animations to feel logical and related.
Similar objects animate in similar ways
Entrance informs exit
Cohesive over consistent.