Wireframing
Course Index
28 Lessons · 3 Sections
Master wireframing — the essential UX skill for planning interfaces before visual design. Covers low/mid/high-fidelity wireframes, information architecture, Figma wireframing, Balsamiq & user testing. Includes 4 production deliverables: mobile app, web app, dashboard & validated wireframe set.
28Lessons
3Sections
4Projects
FreeAccess
Section 1Wireframing Theory & PlanningLessons 1–10
Lesson 1
What is Wireframing? Role in UX Design
Lesson 2
Wireframes vs Mockups vs Prototypes
Lesson 3
Fidelity Levels: Low, Mid & High
Lesson 4
User Research: Informing Your Wireframes
Lesson 5
Information Architecture & Content Strategy
Lesson 6
User Flows & Task Flows
Lesson 7
Paper Sketching & Crazy Eights
Lesson 8
Gestalt Principles for Wireframe Layout
Lesson 9
Grid Systems, Spacing & Alignment
Lesson 10
Navigation Patterns: Mobile & Web
Section 2Tools, Fidelity & Specialised WireframingLessons 11–22
Lesson 11
Balsamiq: Rapid Low-Fidelity Wireframing
Lesson 12
Figma for Wireframing: Setup & Components
Lesson 13
Mid-Fidelity Wireframes in Figma
Lesson 14
High-Fidelity Wireframes & Mockups
Lesson 15
Annotations & Interaction Notes
Lesson 16
Responsive Wireframing: Mobile First
Lesson 17
Wireframing for E-Commerce
Lesson 18
Wireframing for SaaS Dashboards
Lesson 19
Wireframing for Mobile Apps
Lesson 20
Stakeholder Presentations & Feedback
Lesson 21
Usability Testing on Wireframes
Lesson 22
Iterating from Wireframe to Final Design
Section 3AI Wireframing, Best Practices & ProjectsLessons 23–28