Mock Up
What is a Mock Up in User Research?
A mock up in user research is a visual representation of a product or interface design that is more detailed than a wireframe but less functional than a prototype. It's used to demonstrate the layout, content, and basic visual design of a product to stakeholders and potential users for feedback and evaluation.
Synonyms: Visual Design, Design Comp, Mockup, High-fidelity Wireframe

Why Mock Ups are Important in User Research
Mock ups play a crucial role in the user research process by providing a visual representation of ideas and concepts. They help researchers and designers:
- Communicate design ideas effectively to stakeholders and users
- Gather feedback on visual design elements early in the process
- Identify potential usability issues before investing in full prototypes
- Align team members and stakeholders on the product's direction
How to Create and Use Mock Ups
Creating and using mock ups in user research involves several steps:
- Sketch initial ideas based on user requirements and wireframes
- Use design tools like Adobe XD, Sketch, or Figma to create detailed visual designs
- Present mock ups to stakeholders and potential users for feedback
- Iterate on the design based on the feedback received
- Use mock ups as a basis for creating interactive prototypes
Examples of Mock Ups in User Research
Mock ups can take various forms depending on the project needs:
- Digital mock ups: High-fidelity visual representations of websites or mobile apps
- Physical mock ups: 3D models or printed versions of product designs
- Contextual mock ups: Designs placed in real-world environments to show scale and usage
Frequently Asked Questions
-
What's the difference between a wireframe and a mock up?: A wireframe is a basic structural outline of a design, while a mock up includes more detailed visual elements like colors, typography, and images.
-
How long does it take to create a mock up?: The time varies depending on complexity, but it typically takes a few hours to a few days to create a detailed mock up.
-
Can mock ups be interactive?: While mock ups are primarily static, some design tools allow for basic interactions to be added, bridging the gap between mock ups and prototypes.
-
How many iterations of mock ups should be created?: The number of iterations depends on the project, but it's common to go through 2-3 rounds of mock ups before moving to prototyping.