Practical training for creating more usable products
Wireframing Academy
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.
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.
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.
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.
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?
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.
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.
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.
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.
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.
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.
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.
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.