Mock/Up
Mock-up
- A mock-up is a static visual representation of a proposed interface or product. It shows the intended appearance in enough detail to discuss choices such as typography, color, spacing, imagery, and component styling.
Role in design
- A mock-up makes visual direction concrete for review and comparison. It can be built from a Wireframe, turning its structural outline into a more finished screen.
- A mock-up communicates appearance; a clickable or responsive version may also be a prototype. The artifact's fidelity and behavior depend on what a team needs to evaluate.
Relationship to other artifacts
- A Wireframe emphasizes layout, hierarchy, and the placement of content or controls.
- A mock-up emphasizes visual treatment. It may represent one screen or a set of screens without implementing their behavior.
- A prototype adds behavior or interaction so people can try a proposed flow. These artifacts can be combined or revisited in different orders during design work.
References