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. 

What is the main purpose of a mockup?

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

Placeholder

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

Related terms:

Get started in UX design

Mockups are a valuable resource for maintaining brand consistency and a unified visual design during product development. To enhance your design skills, consider gaining a strong 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.

Placeholder

professional certificate

Google UX Design

Get on the fast track to a career in UX design. In this certificate program, you’ll learn in-demand skills, and get AI training from Google experts. Learn at your own pace, no degree or experience required.

4.8

(81,335 ratings)

1,145,775 already enrolled

Beginner level

Average time: 6 month(s)

Learn at your own pace

Skills you'll build:

User Experience (UX), Prototype, Wireframe, User Experience Design (UXD), UX Research, mockup, Figma, Usability Testing, UX design jobs

Updated on
Written by:
Coursera Staff

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.

Whether you're starting your career or trying to advance to the next level, experts at Google are here to help.

Save money and learn in-demand skills from top companies and organizations at your own pace.