Motion UX / Interactive Framework

Three-Phase Model of Motion UX

Ordering design by the time horizon of relationship
▼ Three Phases / Click to explore
PHASE 01
Encounter
邂逅相
ms — sec
sense: Visual
frog: Approachability
PHASE 02
Co-presence
共在相
sec — min
sense: Movement / Sound / Interval
frog: Presence
PHASE 03
Coexistence
共生相
day — month
sense: Accumulated trust
frog: Autonomy
▲ Tap each phase to expand
▼ Three Layers / Product Roadmap
LAYER 03
Language

Language that makes discussion possible

Professions begin with words. Vocabulary and frameworks are the foundation every design decision builds on.
Motion UX Glossary Pattern Language Design Principles
LAYER 02
Tools

Tools that make design possible

Once language is stable, tools can use it to make design decisions tractable.
Three-Phase Diagnostic Day in the Life Template Motion Signature Profiler
LAYER 01
Experience

Experience itself

What ultimately enters the world: a robot's movement, posture, and interval in its actual operating environment.
Motion Library Posture Set
BUILD ORDER : Language → Tools → Experience
▼ Dialogue with frog Nome
frog (Nome)

Time horizons: Moment / Continuity

Three axes: Parallel, balanced

Purpose of motion: Motion Signature

Profession: Industrial Designer

Build order: Experience → Tools → Language

Motion UX Three-Phase Model

Time horizons: Three phases + relationship axis

Three phases: Sequenced, context-weighted

Purpose of motion: Motion UX (acceptance first)

Profession: Motion UX Designer (new)

Build order: Language → Tools → Experience