MOTION THAT MEANS NOTHING
Everything moves.
Nothing is explained.
Things fade, slide and bounce because a library made it easy. None of it says anything, all of it costs time, and the reader who turned motion off gets a page that no longer explains itself.
When should an interface animate something?
When the movement is the explanation rather than the polish. HAUSE has one easing curve, three speeds and three motion idioms: a one-shot reveal, a staged swap where two states of one object exchange places, and an in-view loop a scrolling reader must never find already finished. Every performance rests on a designed final state, and that resting state is exactly what reduced motion and no-JS receive — so the point survives the motion being taken away.
01 / EXPERIENCE THE DIFFERENCE
Make the transition carry the idea.
ORIGINAL CSS STUDY / A STAGED SUBSTITUTION, NOT A PHYSICS SIMULATION
ONE SHEET / TWO PHYSICAL STATES
One folded sheet remains. The text score preserves the full sequence even when motion is unavailable.
READ THE COMPLETE SEQUENCE
- 01 / Establish — A flat sheet occupies the room. Establish the first state before replacing it.
- 02 / Exit — The flat state leaves. It does not dissolve through the folded state.
- 03 / Hold — The room stays empty for a beat. Absence separates the two states.
- 04 / Enter — The folded state enters after the flat state has gone.
- 05 / Rest — One folded sheet remains. The text score preserves the full sequence even when motion is unavailable.
The hold is part of the explanation. Play once, pause, or inspect any frame. Reduced motion starts at rest and keeps the static frame controls.
02 / HOW YOU MEET IT
If the idea lives only in the animation, it does not survive the reader's settings.
Every card fades up on scroll, and the fade says nothing about the card. Meanwhile the one thing on the page that genuinely happens over time — a process, a transformation, a quantity collapsing — is a static diagram with an arrow through it, because animating that properly would have been work.
03 / BENEATH THE SURFACE
Why the failure keeps returning.
Motion is the easiest thing in a design system to add and the hardest to justify, so it accumulates as polish. And because it is usually decorative, prefers-reduced-motion gets implemented as animation: none — which is harmless for decoration and catastrophic for the one animation that was carrying the meaning.
TAKE THE RESPONSE WITH YOU
Give it a form.
Transformation
Comparison's cinematic sibling — identical props, performed.
Procession
One thing passing through every stage, in order.
Unfolding
Decomposition's cinematic sibling — the parts arrive on their own.
Quantisation
What quantisation actually does, performed on a lattice.
Magnitude
A powers-of-ten zoom-out — each arrival rescales the world.
PUBLISHED 31 AUG 2026 · REVISED 9 SEP 2026 · VERSION 1.1
CITEsite build fb3ec31 · built 2026-09-26
CITE THIS
Article · 1.1
Hay, C. (2026). Motion that means nothing. In HAUSE — the problems (Version 1.1). hause.design. https://hause.design/problems/motion-that-means-nothing
An argument is a published object: dated, versioned, and referenceable — which is the subject of one of these pages and the practice of all of them.