The links should also be easy to access and provide plenty of space for clicking. All this attention to detail leaves

developers focusing more on basic UI than motion effects.

In the top right corner you’ll notice the search bar is much smaller than usual. However once you click the menu

will expand open and update the background color to a darker shade of grey. Very purposeful to save space

when not needed but also allows users to interact with the search bar dynamically.

For example, in an animated cartoon two cats fly through space to another planet leaving a rainbow trail behind them. After arriving at the planet a change of scene occurs and the user should decide whether or not the cats enter a magic mountain by selecting one of two preset destinations in the scene.

This scenario requires the following features:

animated effects for moving characters along a path as well as warping a path (the rainbow trail),

synchronization that allows some actions to happen simultaneously (the two cats moving) and others in sequence (the change of scene),

play control to allow rewinding the cartoon, or changing its playback rate to accommodate particular learning or accessibility needs,

the ability to trigger animations in response to user input

Similar use cases in this category include visualising physical phenomena such as spring motion for educational purposes, or visualising data such as the prevalence of a disease over a geographical space over a year whereby animation is used to present the time-based component of the data.

Brief duration

Responsiveness

Acceleration/deceleration

Motion

Frame rate

Scale

Personality