Balsamiq

Toggle navigation

Practical training for creating more usable products

Wireframing Academy

by

This is a wireframe, a schematic or blueprint displaying the functional elements of a website or app. It helps you think about and communicate the structure of the product you’re building with your product team or client.

Back to web view

Wireframes are ugly on purpose, to force you to focus on structure and content. Read our wireframing principles to learn how to use them effectively.

Want to learn more about wireframes? Watch the video below or read this short article.

New to Wireframing? Start Here.

What Are Wireframes?

Answers to common questions about wireframes and suggestions for how to start using them.

What Are Wireframes?

Answers to common questions about wireframes and suggestions for how to start using them.

By Peldi Guilizzoni

Five Steps to Creating Great Wireframes

Good wireframes solve real problems and lead to strong products. From writing out the scenario to gathering inputs, here is a proven path to a great website or app.

By Leon Barnard

How to Start a Wireframe Project

Four techniques to start a wireframe project from scratch and ensure that you dedicate enough time to the ideation phase, where the success of your product begins.

By Leon Barnard

The Two Phases of Wireframing: Ideation and Validation

Make sure your wireframes address 2 questions: What are some ways we can solve our customers' problem? How do I know if this idea actually solves it?

By Leon Barnard
More Wireframing Articles

Talk to our Design Experts!

Join our Slack Community to get all your wireframing questions answered.

Learn How to Use Balsamiq Wireframes

Recent Articles

Designing Effective Data Tables

Big data can cause big problems for clean, usable interface designs. Here are some easy-to-understand tips to ensure that your data applications are easy to use.

By Billy Carlson

Designing Effective Data Tables

Big data can cause big problems for clean, usable interface designs. Here are some easy-to-understand tips to ensure that your data applications are easy to use.

By Billy Carlson

Ten Principles of Effective Wireframes

Guiding principles to help designers wireframe better and encourage the entire team to participate in the design process.

By Billy Carlson

Usability Testing Wireframes with Your Users

Learn how to conduct discount usability tests on wireframes with users — an effective step in validating your solution before implementation. For small budgets, too!

By Mike Angeles

Evaluating Wireframes with Usability Inspection Methods

Validate your design solution early in the product design process to save time (and likely money!). Learn about 2 different usability inspection methods.

By Mike Angeles

SaaS Website Design: Lessons From Real Users

Learn what SaaS UX design strategies work and why, from real users. Improve your site, convey your message and help more people with your product.

By Christopher Silvestri

How and When to Get Feedback on Your Designs

Feedback can be hard to take, but practicing it often and early makes it an integral part of the process to get your team’s best work out the door.

By Laura Theis
All Articles

Video Series

Website UX Reviews: First Impressions with Paul Boag

Website review video series with UX expert Paul Boag. 20-minute videos packed with insights, suggestions, and tips to improve your own website’s user experience.

Website UX Reviews: First Impressions with Paul Boag

Website review video series with UX expert Paul Boag. 20-minute videos packed with insights, suggestions, and tips to improve your own website’s user experience.

Live Wireframing with Balsamiq

Learn to wireframe by watching others. Watch us design product features and help out nonprofits.

The Process Behind

Conversations with founders, product people, and makers about how they create engaging products and experiences.

Courses

Introduction to User Interface Design Through Wireframes

This easy-to-follow course is intended for Product Managers, Entrepreneurs, and other non-designers who want to feel comfortable in the world of UI design.

Introduction to User Interface Design Through Wireframes

This easy-to-follow course is intended for Product Managers, Entrepreneurs, and other non-designers who want to feel comfortable in the world of UI design.

Rapid Wireframing: Finding the Right Product Design

Learn how to create wireframes and a clickable prototype for early-stage product design. For product managers, developers, and those new to wireframing.

The Psychology of UI Design

Over 3 hours of video lessons by UX expert Paul Boag about how humans think and behave when interacting with your product. For UI novices and non-designers.