Difference Between Mockup And Prototype

As nouns the difference between prototype and mockup is that prototype is an original object or form which is a basis for other objects forms or for its models and generalizations while mockup is a prototype usually low fidelity such as paper illustrations screenshots or simple configurations of screens with limited interaction.

Difference between mockup and prototype. A prototype is an interactive clickable walkthrough of a product or website. Below you can see the major difference between wireframes and mockups. One way to quickly understand the difference between wireframes mockups and prototypes is to compare them visually.

As a verb prototype is to create a prototype of. If you are looking for great tools to create your first sketch wireframe mockup or prototype just check my last post about how to prototype an app as a non designer. Prototype it helps users to understand how the the functionalities in an application will work.

The key difference between mockups and prototypes is that mockups are not interactive. Some relevant terms design tools design examples and free resources are provided for your convenience. Once there you will find great tools and free resources that will help you build your first app prototype.

You can test it present it to clients for approval etc. Prototypes are high fidelity representations that demonstrate how a user will interact with the new product or feature. A prototype is an almost complete clickable and functional product.

This article explains the differences between them in details and help you understand when a wireframe prototype and mockup should be used in the design process. A prototype can be hi fidelity or lo fidelity but its interactive and is used to test the flow from screen to screen or page to page. Mockups are not just used by the internal development and testing teams but can also be shown to the client as it depicts how the final product will look like in detail.