Blueprint VS WireFrame

Wireframes are the rudimentary skeleton of the application that explain future app's basic structure. The blueprints are the barebones that won't eat up much time during designing. Mock-ups are the visual representation of the application that enable development team to start working on the project.

1. Is wireframe a blueprint?
2. What is the difference between a wireframe and mockup?
3. What is the difference between wireframing and prototyping?
4. What is the difference between a wireframe and a sitemap?

Is wireframe a blueprint?

Essentially a blueprint or 'skeleton' for your design, a wireframe is a stripped-down black and white illustration of a layout that establishes the basic structure of a web page or app.

What is the difference between a wireframe and mockup?

Wireframe: A wireframe is a blueprint or schematic that helps communicate the structure of your app or website to the relevant stakeholders. Mockup: A mockup is a high-fidelity render of your design that showcases how the finished product will look.

What is the difference between wireframing and prototyping?

A wireframe is low-fidelity that takes less time to create, while a prototype is high-fidelity that is more time consuming. A wireframe is more to convey the 30,000 foot view of the idea of the product. A prototype is something that will be similar to how the final product acts and behaves.

What is the difference between a wireframe and a sitemap?

A sitemap breaks a website down to its most basic components and a wireframe gives more detail of what each page will contain. But if you do have fleshed-out content ready, bring that content into your wireframes to see how it fits.