Animations have existed for a long time. But because of the increasingly better browsers and mobile processors it gets more and more important to spend some time on animations in your interfaces. They can enrich interaction and clarify interfaces. But what are micro-animations anyway? And what should we think of when we want to use them?
Micro-animations are small, preferably functional animations that support the user by giving visual feedback and displaying changes more clearly. With micro-animations it’s possible to explain a lot without using a word.
By using micro-animations the user gets support in understanding the hierarchy so elements are placed in context. This creates focus. The user gets a sense of direct manipulation, because it sees something happen directly.
Clarify change and context
Especially with small screens and flat design it’s an art to show all necessary information. Because of this we sometimes hide elements. For instance, to clarify how to navigate, micro-animations can be the solution.