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.

Prepare for a role in UX design with the Google UX Design Professional Certificate. In as little as six months, you can create a professional UX portfolio that highlights your understanding of the basics of UX research and foundational UX concepts such as user-centered design, accessibility, and equity-focused design. Upon completion, in addition to an interview-ready portfolio, you will have a Professional Certificate to share.

What is the main purpose of a mockup design?

While mockups do not highlight a product’s functionality, they serve as lifelike representations. They are primarily designed to communicate a team’s vision for the product to stakeholders and customers.

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

Read more: What Does a UX Designer Do? Key Responsibilities and Skills

Related terms:

Stay current on UX design with our free resources

To remain updated on trends and job opportunities in the UX industry, join Career Chat on LinkedIn. You can also utilize these other helpful resources:

Whether you want to develop a new skill, get comfortable with an in-demand technology, or advance your abilities in UX design, keep growing with a Coursera Plus subscription. You’ll get access to over 10,000 flexible courses. 

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.