Meaningful Transitions – Motion Graphics in User Interface
Meaningful Transitions – Motion Graphics in User Interface
Meaningful Transitions – Motion Graphics in User Interface
Meaningful Transitions – Motion Graphics in User Interface

Meaningful Transitions – Motion Graphics in User Interface

July 2011

»Meaningful Transitions – Motion Graphics in the User Interface« deals with the use of animations in the user interface. It documents transitions in a clustered way to show at which point transitions can be a helpful extension to a static user interface, because of cognitive benefits to enhance the user experience.

The purpose of Meaningful Transitions is to illustrate the process of the interaction and the structure of the user interface. They focus on specific events, or clarifying the user’s interaction by animation. All transitions are divided into six categories in order to differentiate between their application. The aim is to present a scaleable collection of existing transitions. The transitions are shown in an abstract visualization to clarify their purposes, these visualizations also contain concrete examples. A closer look at a transition offers more information on the field of use, the mental model, the consistency, the cognitive benefit, and the illusion.