Okuzeka
Software Engineering vocabulary · Web, Mobile and Interface Development

Mockup

Meaning in software engineering, with examples

/ˈmɑːkʌp/nounCore term

In software engineering, mockup means: A static, realistic image of a screen or product that shows the final colours, fonts, images and spacing but cannot be clicked.

In Turkish: mockup, görsel taslak, maket

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
  • 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.
  • prototypeA quick, rough version of a game or feature made to test whether an idea is fun or works, before the team spends time on final art and polish.
  • 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:

More terms: Web, Mobile and Interface Development

Practise with graded reading

Reading at the right level is the fastest way to make new words stick. Pick free English books by level: