UIUXjobsboard

GLOSSARY

Mockup

UX Design

What is a Mockup

A Mockup is a static, high-fidelity representation of a design that shows exactly how the product will look. It includes visual design elements such as colors, typography, imagery, and content, providing a realistic visualization of the final product.

When to create Mockups

Create mockups after wireframing and before development when you need to:

  • Present to Stakeholders: Show the final visual direction
  • Test Visual Design: Validate color schemes, typography, and imagery
  • Prepare for Development: Provide detailed visual specifications

How to develop Mockups

Create effective mockups by building on approved wireframes, applying your visual design system, and ensuring pixel-perfect accuracy. Focus on visual hierarchy, brand consistency, and attention to detail while maintaining alignment with user requirements.

Benefits of Mockups

Mockups help teams visualize the final product before development, identify visual design issues early, gather meaningful feedback, and ensure design consistency. They serve as a crucial bridge between conceptual design and actual implementation.

UX Design Terms

See more UX Design terms

Net Promoter Score

What is Net Promoter Score Net Promoter Score (NPS) is a cust...

Micro-interactions

What are Micro-interactions Micro-interactions are contained ...

Contextual Enquiry

What is Contextual Enquiry Contextual Enquiry is a field rese...

Accessibility

What is Accessibility Accessibility in UX design refers to cr...

Hick's Law

What is Hick's Law Hick's Law states that the time it takes t...

Information Architecture

What is Information Architecture Information Architecture (IA...