Interaction Motion Craft

Overview

Apply interaction and animation craft as a behavior system, not decoration. Motion must communicate causality, preserve context, and stay interruptible under real usage frequency.

Mandatory Use Cases

• Navigation transitions, modal/sheet presentations, list reordering, drag/gesture UI.
• Loading/skeleton/progress states, success/error confirmation, hover/focus feedback.
• Any request containing animation polish, interaction feel, delight, fluidity, snappiness.

Workflow (Required)

1. Define event chain: trigger -> transition -> resulting state.
2. Declare intent per motion segment: orient, emphasize, confirm, warn, or defer.
3. Decide coupling: real-time (during gesture) vs commit-time (on release).
4. Select principle set (below) and reject non-functional animation.
5. Validate interruptibility, reduced-motion behavior, and performance budget.