HAUSE

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 / 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.

02 / THE RESPONSE, IN YOUR HANDS

Make the transition carry the idea.

Explore the forms below. This is the response implemented in HAUSE.

THE SAME SECOND AND A HALF — SPENT TWO WAYS

motion, as polish and as argument

DECORATIONEXPLANATION
  • Only what actually changes over time
  • The point — there is no prose carrying it
  • A designed resting state, authored on purpose
  • In the movement, and then in the state it rests on

motion, as polish and as argument — as decoration: everything, on scroll, identically, nothing — the text already said it, animation: none, and the page is unharmed, in the prose, all along. As explanation: only what actually changes over time, the point — there is no prose carrying it, a designed resting state, authored on purpose, in the movement, and then in the state it rests on.

THE FORM YOU JUST WATCHED

That was a Transformation: a staged swap, never a crossfade between two physical forms of one thing. It performs itself in view, then rests — and the state it rests on carries the whole comparison, because that resting state is exactly what a reader with reduced motion, or no JavaScript, or a crawler, receives instead of the performance.

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 · VERSION 1.0

CITE

site build 3ee5339 · built 2026-09-09

CITE THIS

Article · 1.0

Hay, C. (2026). Motion that means nothing. In HAUSE — the problems (Version 1.0). 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.