Wireframes Vs Mockup. If you have been in user interface user experience design long enough you most definitely have come across the terms wireframes and mockups. Mockups vs wireframes a wireframe is a draft for a schematic representation of your future website.
A mockup is the next more in depth iteration of the wireframe outline. A wireframe is created before a mockup and a mockup builds upon the wireframe. On the surface the aforementioned terms are not the same and are used at different stages of the design flow but there is a certain level into which you look at these two and some confusion may arise.
In short a wireframe is a low fidelity minimalist approach to a design concept.
Wireframing is used to outline the design of a web page or app. A wireframe is created before a mockup and a mockup builds upon the wireframe. While a wireframe mostly represents a product s structure a mockup shows how the product is going to look like. Mockups vs wireframes a wireframe is a draft for a schematic representation of your future website.
