A mock-up is a visual representation of the planned appearance and layout of a product or user interface.
It may show realistic screens, content, controls, and navigation paths. Therefore, stakeholders can review the proposed design before development begins.
Teams use a mock-up to clarify user interface requirements and collect feedback. Moreover, it can reveal missing functions, unclear workflows, and usability problems.
A wireframe usually shows only the basic structure. In contrast, this visual representation includes more design detail. However, it does not normally contain complete business logic, databases, or system integrations.
Teams may connect screens to user stories, use cases, and acceptance criteria. As a result, developers can understand the intended user experience more clearly.
Clear visual models improve communication, support early validation, and reduce costly design changes.
« Back to Glossary Index