The Difference Between Wireframes and Mockups

By Sara Neel

Sometimes the terms "wireframe" and "mockup" are mistakenly used interchangeably to describe a visual representation of a user interface. Both tools are useful to determine the details of a design and to include with user stories for development; however, there is a key distinction:

Wireframes are less detailed monochrome images, while mockups are highly detailed colored images.