Try for free

Wireframe

Contents

What is a wireframe?

Building better
products starts here

Join thousands of product managers and makers who already enjoy our newsletter

Join newsletter

What is a wireframe?

💬

Definition of a wireframe

A wireframe is a visual representation of a product’s layout, incorporating the different interface elements set to appear across a website or application’s pages. It’s a simple, cost-effective method of demonstrating how a product will appear and function in the early stages of design.

A wireframe may be created as a rough illustration to save time and expense, while still showing a product’s core functionality clearly. Placeholders can be included for images or copy, to avoid feedback settling on whether the ‘right’ wording or visual elements have been used.

Get our Mastering Prioritization eBook

Learn how to prioritize by making it a simple process, to build products that stand out. Learn more about how to source insight, choose the right prioritization framework and much more.

Get the eBook

By sharing a wireframe within the organization, stakeholders, UX designers, and other team members can address their concerns sooner, rather than waiting until days or weeks are invested in development.

General FAQ

How to make a wireframe?

Once you have the experience flow mapped out, you can create your wireframe by using specialized wireframing software like Balsamiq or do it with a pen and paper.

What is a wireframe design?

A wireframe design is a visual representation of a product’s layout, incorporating the different aspects of the user flow and interface elements set to appear across a website or application’s pages.

Building better products starts here

Join thousands of product managers and makers who already enjoy our newsletter. Get free tips and resources delivered directly to your inbox.