Skip to content
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.

Common questions

What is the difference between a wireframe, a mockup and a prototype?

A wireframe shows structure and hierarchy without visual design, and answers "is the content in the right place?". A mockup is the finished visual design as a static image, and answers "does it look right?". A prototype is interactive, and answers "does it work when someone tries to use it?".

Which should I ask for first?

Wireframes, almost always. They are the cheapest to change and settle the decisions everything else depends on. Asking for a mockup first means paying to polish a structure nobody has tested.

Can a prototype be used for user testing?

Yes, and that is its main purpose. A clickable prototype lets you watch real users attempt real tasks before anything is built, which is when fixing a problem costs the least.

Share
Keep reading
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 →