Wireframe – Mockup – Prototype

Wireframes – Mockups – Prototypes aren’t they the same? No, they are not, all these represent different steps of the design process

Wireframe is the first step after had researched and analyzed the project. Wireframe is a very basic and visual representation of the design. It has some features display elements with rectangles, lines, texts in black a white. Wireframe use for communication and documentation.

Mockup present all functions and contents e.g. texts, buttons but they are not clickable or interactive. Mockup is a static visualization and use for design build in

Prototype is close to the final product. It has colors, images, buttons and they are clickable or interactive. Prototype is use for testing, user interface design before development