Difference Between Wireframe And Mockup. But still a mockup is not clickable just like the wireframe. Unlike wireframe mockups provide visual details such as colors and typography.
As opposed to a wireframe a mockup is either a mid or high fidelity display of design. However it is usually neither interactive nor clickable. A wireframe is a draft for a schematic representation of your future website.
Believe it or not the difference between a prototype wireframe and mockup was always one of the first things i tried to teach members of my user experience design team.
If a wireframe is considered as the blueprint of a building a mockup is similar to a real life building model. It is a truly structural document without all the visual clutter meaning there are no colors texture. A mockup is a static wireframe with much more ui and visual details. Below you can see a wireframe mockup and prototype for a new mobile application.
