Motion Design Basics

Summary

Using motion deliberately to communicate spatial relationships and hierarchy — a screen sliding in from the right implies 'forward', helping users build a mental model of where they are in an app.

• 1Map out how screen transitions in an app you use communicate navigation direction.
• 2Design a transition between 2 screens that reinforces a clear spatial relationship.
• 3Learn why consistent transition direction throughout an app matters for a coherent mental model.