Prototype Wireframe And Mockup. As opposed to a wireframe a mockup is either a mid or high fidelity display of design. It should allow the user to.
Below you can see a wireframe mockup and prototype for a new mobile application. If you work in the design you often hear the terms sketch wireframe mockup and prototype. A prototype often confused with a wireframe is a middle to high fidelity representation of the final product which simulates user interface interaction.
Although the terms are related they are different.
The wireframe is very low fidelity simple boxes and text convey a concept. Next the mockup has added logos colors and icons to make it more realistic. As opposed to a wireframe a mockup is either a mid or high fidelity display of design. Many designers use these terms interchangeably.
