Mockup

How it is used

Sits between a wireframe and a prototype. Used in client presentations and design reviews to show how the product will look. Also written mock-up, especially in British English; people often say 'mocks' informally.

Example sentences

1. The client approved the mockups, so we can start on the prototype.

2. Can you put the new logo into the App Store mockup?

Common collocations

• create a mockup
• high-fidelity mockup
• present the mockups
• device mockup

Related terms

• wireframeA simple, usually black-and-white drawing of a screen that shows where content, buttons and navigation will go, without final colours, images or styling.
• prototypeAn early, interactive version of a product or screen that people can click or tap through, used to test ideas before anything is built.
• high-fidelityDescribes a design or prototype that looks and behaves almost like the final product, with real content, colours, images and interactions.
• pixel-perfectMatching the design exactly, down to every pixel of size, spacing and colour, especially when a built product is compared with the original design file.

This word in other fields

The same English word can have a different meaning in another field:

• mockup · Software Engineering
• mockup · Graphic Design

More terms: Wireframes and Prototypes

• low-fidelity
• clickable prototype