Meaningful Transitions - Motion Graphics in the User Interface
»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. see more
»Does your animation have weight, depth and balance?« [De Cock 2011: S.16] Disney's Twelve Basic Principles of Animation are a set of rules that define a realistic impression of a motion within the basic laws of physics. Some of these principles have great relevance for the animations in a user interface. see more