👋🏽 We wrote a book! Order Wireframing for Everyone today →

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 and why are they used?

A comprehensive guide to user interface wireframes. Learn what wireframes are, why they matter, and how they’re used through examples and demonstrations.

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

Learning Resources


Get Inspired!reload icon


Talk to our Design Experts!

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

Learn How to Use Balsamiq Wireframes

Recent Articles

What are wireframes and why are they used?

A comprehensive guide to user interface wireframes. Learn what wireframes are, why they matter, and how they’re used through examples and demonstrations.

By Peldi Guilizzoni

What are wireframes and why are they used?

A comprehensive guide to user interface wireframes. Learn what wireframes are, why they matter, and how they’re used through examples and demonstrations.

By Peldi Guilizzoni

Accelerate Your B2B Software Spec and Wireframing Process

A software specification answers the what, why, and how. Here are 7 proven tips to create better specs and wireframes before moving to implementation.

By Diarmuid Glynn

Use Wireframes to Develop Your Designer’s Eye

Even if you don’t call yourself a designer, there are some easy tips and techniques to help you see a digital product and its usability like a designer.

By Billy Carlson

Common Website Mistakes and How to Fix Them

Learn how to improve your website’s user experience! For each mistake you’ll learn what usually happens and why, what it looks like, and what to do about it.

By Leon Barnard

Wireframing Tips Every Design Agency Should Know

Wireframing for clients is different than design done in-house. Follow these 7 tips to avoid friction and ensure a smooth development process for the team.

By Irwin Hau

Should PMs Wireframe? - The Ultimate Guide

We believe Product Managers can and should wireframe! All you need are some ground rules for doing it, and good communication with your teammates. Here's how.

By Peldi Guilizzoni
All Articles

Video Series

Live Wireframing with Balsamiq

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

Live Wireframing with Balsamiq

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

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.

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.

Wireframing Academy Webinars

Live lessons from the Balsamiq education team about specific design topics. Sign up for our next webinar here.

The Process Behind

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

Talks and Presentations

Recordings of the talks we've given for events and conferences about Wireframing, User Experience (UX), and User Interface Design.

Courses

Rapid Wireframing with Balsamiq

Free course on how to use Balsamiq Cloud to create wireframes of a digital product quickly. Lots of design tips and tricks by Billy Carlson, author and UX educator.

How to Redesign a Website From Start to Finish

Follow a website redesign project for a museum, from the research phase to the final implementation. A free case study course with UX and UI expert Piccia Neri.

Rapid Wireframing with Balsamiq

Free course on how to use Balsamiq Cloud to create wireframes of a digital product quickly. Lots of design tips and tricks by Billy Carlson, author and UX educator.

How to Redesign a Website From Start to Finish

Follow a website redesign project for a museum, from the research phase to the final implementation. A free case study course with UX and UI expert Piccia Neri.

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.

How to Design Navigation for Large and Small Screens

With this free course you’ll learn the basics of the most essential navigation elements and Information Architecture. 8 video lessons, 50 minutes total.

How to Design Page Layout

This mini-course will teach you the basics of proximity, alignment, and visual hierarchy, and how to use different components, like dropdowns and buttons.

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.

Introduction to User Experience Design

Learn the basics of User Experience Design with an easy-to-follow process and pointers for where to learn more. Brought to you by Theresa Neil and Balsamiq.