Studio MadDesigner
Back to motion lab

Prototype / 2025

Spatial continuity prototype

A prototype exploring how shared motion paths can help users understand where interface objects move across states.

Objective

Use motion paths to preserve object identity between collapsed and expanded interface states.

Motion principle

Continuity

Interaction model

Cards compress into a spatial index, then expand into detail views while keeping a visible directional relationship to their origin.

Year

2025

Tools

ReactFramer MotionFigma

Outcomes

01

Strengthened spatial memory between list and detail states.

02

Identified where path motion becomes too slow for repeated use.

03

Created a continuity model for future project detail transitions.

Notes

Continuity improved when the object had a stable destination and a clear origin point.

The prototype showed that motion paths need to be short enough for repeated workflows, not just understandable once.