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 Started1. Introduction to Rapid Wireframing
Get an overview of the course and preview upcoming lessons.
2. The Project Brief
Get familiar with the case study and research that will be used as a basis for the course project.
3. Key Concepts: Using Balsamiq
Learn the basics of working with Balsamiq in this guided tutorial.
4. The Project: Creating a Web App
Start using Balsamiq to plan and define the outline of the web version of the project.
5. Diving Into Wireframes
With the screen outlines in place, start adding controls, user flows, and sample content.
1. Introduction to Rapid Wireframing
Get an overview of the course and preview upcoming lessons.
2. The Project Brief
Get familiar with the case study and research that will be used as a basis for the course project.
3. Key Concepts: Using Balsamiq
Learn the basics of working with Balsamiq in this guided tutorial.
4. The Project: Creating a Web App
Start using Balsamiq to plan and define the outline of the web version of the project.
5. Diving Into Wireframes
With the screen outlines in place, start adding controls, user flows, and sample content.
6. Exploring Alternate Versions
Learn how to iterate rapidly and explore design variations using Balsamiq's Alternates feature.
7. Creating Links Between Screens
Create basic flows between screens by adding interactive links.
8. Making Polished Wireframes
Give your rough-looking wireframes a cleaner, more presentable appearance for client or stakeholder presentations.
9. Designing For Mobile
Take the finished web application project and update it for mobile viewing.
10. Summary and Final Thoughts
Recap the course lessons and consider resources for deeper learning.