Balsamiq

Toggle navigation

Rapid Wireframing: Finding the Right Product Design


Learn how to successfully create wireframes for early stage product design with interaction designer Mike Angeles, as he shows how to use Balsamiq to design interfaces with product teams.

You'll tackle concept selection with low-fidelity wireframes, learn to create rough sketches to explore ideas, and transform them into design solutions that can be polished for presentation.

This class is perfect for product managers, developers, and those new to wireframing. No prior knowledge or experience is required. By the end, you'll be able to present wireframes for a finished product idea and demonstrate a clickable prototype.

Get Started
Watch the first lesson
10 videos, 51 minutes

1. Introduction to Rapid Wireframing

Get an overview of the course and preview upcoming lessons.

By Mike Angeles

2. The Project Brief

Get familiar with the case study and research that will be used as a basis for the course project.

By Mike Angeles

3. Key Concepts: Using Balsamiq

Learn the basics of working with Balsamiq in this guided tutorial.

By Mike Angeles

4. The Project: Creating a Web App

Start using Balsamiq to plan and define the outline of the web version of the project.

By Mike Angeles

5. Diving Into Wireframes

With the screen outlines in place, start adding controls, user flows, and sample content.

By Mike Angeles

1. Introduction to Rapid Wireframing

Get an overview of the course and preview upcoming lessons.

By Mike Angeles

2. The Project Brief

Get familiar with the case study and research that will be used as a basis for the course project.

By Mike Angeles

3. Key Concepts: Using Balsamiq

Learn the basics of working with Balsamiq in this guided tutorial.

By Mike Angeles

4. The Project: Creating a Web App

Start using Balsamiq to plan and define the outline of the web version of the project.

By Mike Angeles

5. Diving Into Wireframes

With the screen outlines in place, start adding controls, user flows, and sample content.

By Mike Angeles

6. Exploring Alternate Versions

Learn how to iterate rapidly and explore design variations using Balsamiq's alternates feature.

By Mike Angeles

7. Creating Links Between Screens

Create basic flows between screens by adding interactive links.

By Mike Angeles

8. Making Polished Wireframes

Give your rough-looking wireframes a cleaner, more presentable appearance for client or stakeholder presentations.

By Mike Angeles

9. Designing For Mobile

Take the finished web application project and update it for mobile viewing.

By Mike Angeles

10. Summary and Final Thoughts

Recap the course lessons and consider resources for deeper learning.

By Mike Angeles