What Is a Mockup?

Written by Coursera Staff • Updated on

Learn more about the important role mockups play in product development and design.

[Featured image] A UX Designer in a red sweater works on a mockup on a laptop computer.

A mockup is a visualization or design of an app, web page, or product that illustrates what the final outcome might look like. In user experience (UX) design, mockups define the purpose and intent of a design, often including visual elements such as structure, layout, color schemes, typography, and editorial copy. 

Mockups are static versions of the design concept, so teams can understand how the product will execute a particular feature. Two closely-related terms are wireframe and prototype. A wireframe is the skeleton or initial sketch of a product, while a mockup is more developed. A prototype is one of the final versions of a product developed after the mockup. 

Learn more about mockups from the UX design experts at Google:

Related terms

Get started in UX design

Gain a foundation in user experience (UX) with the Google UX Design Professional Certificate on Coursera. Build wireframes and prototypes and conduct user research to test your designs, all at a pace that works for you.

Keep reading

Updated on
Written by:

Editorial Team

Coursera’s editorial team is comprised of highly experienced professional editors, writers, and fact...

This content has been made available for informational purposes only. Learners are advised to conduct additional research to ensure that courses and other credentials pursued meet their personal, professional, and financial goals.