UX IN MOTION PRINCIPLES

Supporting usability through motion.

Take a workshopWatch tutorials

Expectation

Expectation fall into two areas — how users perceive what an object is, and how it behaves. Another way of saying this is that as designers, we want to minimize the gap between what the user expects, and what they experience.

Expectation

Expectation fall into two areas — how users perceive what an object is, and how it behaves. Another way of saying this is that as designers, we want to minimize the gap between what the user expects, and what they experience.

Expectation

Expectation fall into two areas — how users perceive what an object is, and how it behaves. Another way of saying this is that as designers, we want to minimize the gap between what the user expects, and what they experience.

Expectation

Expectation fall into two areas — how users perceive what an object is, and how it behaves. Another way of saying this is that as designers, we want to minimize the gap between what the user expects, and what they experience.

UX in Motion Usability After Effects

Principle 1: Easing

Object behavior aligns with user expectations when temporal events occur.

UX in Motion Usability After Effects

Principle 2: Offset & Delay

Defines object relationships and hierarchies when introducing new elements and scenes.

UX in Motion Usability After Effects

Principle 3: Parenting

Creates spatial and temporal hierarchal relationships when interacting with multiple objects.

UX in Motion Usability After Effects

Principle 4: Transformation

Creates a continuous state of narrative flow when object utility changes.

UX in Motion Usability After Effects

Principle 5: Value change

Creates a dynamic and continuous narrative relationship when value subject changes.

UX in Motion Usability After Effects

Principle 6: Masking

Creates continuity in an interface object or object group when utility is determined by which part of the object or group is revealed or concealed.

UX in Motion Usability After Effects

Principle 7: Overly

Creates narrative and object spatial relationship in visual flatland when layered objects are location dependent.

UX in Motion Usability After Effects

Principle 8: Cloning

Creates continuity, relationship and narrative, when new objects originate and depart. 

UX in Motion Usability After Effects

Principle 9: Obscuration

Allows users to spatially orient themselves in relationship to objects or scenes not in the primary visual hierarchy.

UX in Motion Usability After Effects

Principle 10: Parallax

Creates spatial hierarchy in visual flatland when users scroll.

UX in Motion Usability After Effects

Principle 11: Dimensionality

Provides a spatial narrative framework when new objects originate and depart.

UX in Motion Usability After Effects

Principle 12: Dolly & Zoom

Preserves continuity and spatial narrative when navigating interface objects and spaces.