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
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