Prototype Vs Mockup

One picture is more than a thousand words.

Prototype vs mockup. Prototypes are high fidelity representations that demonstrate how a user will interact with the new product or feature. You can test it present it to clients for approval etc. Except it s not about printing plastic.

Below you can see the major difference between wireframes and mockups. But it s still called a prototype. There are plenty of them too.

A prototype is functional. A prototype is an almost complete clickable and functional product. A prototype is often a high fidelity representation of the final product which is meant to simulate user interaction.

Insightful discussion on quora about the difference between wireframe mockup and prototype here another discussion on the same topic here. You ll also see them called wireframes. A mockup is a non functional model that is made to resemble the shape of the product.

You might need to use a mockup tool. With prototyping this becomes an economically viable expectation. In fact they are only needed to demonstrate the design and are full size images of your future website.

Also if you want to check out some great mockups you can go to dribbble. Unlike a wireframe a mockup looks more like a finished. Mockup a kind of high fidelity static design diagram should demonstrate information frames and statically present content and functions.