What Is A Wireframe Mockup. Don t confuse wireframes with mockups or prototypes. If a wireframe is considered as the blueprint of a building a mockup is similar to a real life building model.
A mockup is created after the wireframe building upon the designs and information provided by the ux designer. There s no need to include images or graphics in the wireframe. While a wireframe mostly represents a product s structure a mockup shows how the product is going to look like.
Wireframes are basic black and white renderings that focus on what the new product or feature will do.
A mockup is a visual way of representing a product. Depending on the size of the company or design team a ui designer typically plays an integral role in the creation of a mockup. One way to quickly understand the difference between wireframes mockups and prototypes is to compare them visually. If a wireframe is considered as the blueprint of a building a mockup is similar to a real life building model.
