Wireframes, prototypes, mockups: which one you are actually asking for | Tangram Studios
Our work Services Blog About Contact us
← Blog UI/UX

Wireframes, prototypes, mockups: which one you are actually asking for

Three words used interchangeably in briefs, with three different price tags and three different questions they can answer.

· 5 min read
Hands sketching interface layouts on paper

Half the scope disputes we see start with one of these three words meaning different things to the two people in the room. They are not stages of polish on the same artefact. Each answers a different question.

A wireframe answers: what goes here, and in what order?

Grey boxes, real labels, no colour and no craft. Its whole value is that it is quick to argue with. If a wireframe looks finished, people review the visuals instead of the structure, which defeats the purpose.

A mockup answers: what does it look like?

Pixel-accurate, final type, final colour, real content. It is what you approve, what you hand to development, and what you should never use to test whether something works, because a mockup cannot fail, because nothing in it responds.

A prototype answers: does this work?

Clickable, stateful, close enough to real that a person can attempt a task and get stuck. Prototypes are the only one of the three you can put in front of a user and learn something reliable from.

A mockup gets you a decision. A prototype gets you a fact.
A laptop and desktop screen side by side on a desk
The same screen as wireframe, mockup and working prototype

Which to ask for

  • Unsure what the product should contain → wireframes, in volume, quickly.
  • Structure agreed, need buy-in or a build-ready spec → mockups.
  • Structure agreed, but a risky flow nobody can predict → prototype the flow, test with five people, then mock it up.
  • Selling an idea internally → prototype the one path that makes the argument. Nothing persuades like a thing that moves.

The order that wastes the least money

Wireframe broadly, prototype the risk, mock up what survives. Teams that mock up first spend their best craft on flows that research later removes.

Share
Keep reading
Process

How to write a design brief that gets you the right work

6 min read
Research

What a research phase produces, and why it is not a slide deck

7 min read
Newsletter

One considered piece a month. Nothing else.

Process, research and the decisions behind the work. No news round-ups.

No more than once a month. Unsubscribe in one click.

Have something worth building well?

Tell us what you are building. We reply within two working days.

Start a project