Balsamiq

Toggle navigation

Practical training for creating more usable products

Wireframing Academy

by

New to Wireframing? Start Here.

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

Creating a wireframe is easy. But creating a great wireframe, one that solves a real problem, requires more than just drawing a picture of a screen.

By Leon Barnard

How to Start a Wireframe Project

Just because wireframing is "easy" doesn't mean it's inconsequential. How you start has a big impact on its effectiveness.

By Leon Barnard

The Two Phases of Wireframing: Ideation and Validation

Wireframing is more than just a way to sketch an idea on your computer. It is used to answer two important questions every software builder faces.

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

Best Practices for Designing E-commerce Sites

If you’re designing an online shopping experience, the tips in this article will improve the UX and allow visitors to shop with ease.

By Billy Carlson

Best Practices for Designing E-commerce Sites

If you’re designing an online shopping experience, the tips in this article will improve the UX and allow visitors to shop with ease.

By Billy Carlson

Four Simple Rules for Effective Website Forms

Forms are one of the most important experiences users have on your site, learn these basic principles to improve your design.

By Billy Carlson

How to Use Visual Hierarchy and Alignment to Improve UI Design

The keys to professional UI design are proper uses of hierarchy and alignment. Mastering these will greatly improve any product.

By Billy Carlson

Designing for Action: Best Practices for Effective Buttons

Learn how button styles, placement, and wording affect their usability and effectiveness.

By Billy Carlson

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

Creating a wireframe is easy. But creating a great wireframe, one that solves a real problem, requires more than just drawing a picture of a screen.

By Leon Barnard
All Articles

Video Series

Website UX Reviews: First Impressions with Paul Boag

UX expert Paul Boag reviews websites from a variety of industries, providing insights that can be applied to any web project.

Website UX Reviews: First Impressions with Paul Boag

UX expert Paul Boag reviews websites from a variety of industries, providing insights that can be applied to any web project.

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 short course provides foundational UI concepts and shows you how UI professionals create effective wireframes.

Introduction to User Interface Design Through Wireframes

This short course provides foundational UI concepts and shows you how UI professionals create effective wireframes.

Rapid Wireframing: Finding the Right Product Design

Learn how to create wireframes for early stage product design with Balsamiq design director Mike Angeles.

The Psychology of UI Design

Three hours of video lessons by UX expert Paul Boag. You'll learn all about how humans think and behave when interacting with your product.