Wireframing and Low-Fidelity Prototyping
A foundations course in wireframing and prototyping: turning a bare requirement into a user flow, building low-fidelity wireframes with grids, components, and honest content, connecting them into clickable prototypes with correct states and responsive behavior, and running the systematic process of testing, iterating, and handing a design off to development.
By the end of this course you can turn a bare requirement into a tested, handed-off design from scratch: a mapped user flow, a full set of annotated low-fidelity wireframes with reusable components, a clickable prototype with correct states and responsive behavior, and a documented process of testing, iterating, and packaging the result for development.
Curriculum
3 Levels · 30 LessonsEach Lesson may include a Quiz
Each Level may include an Exam
Complete the available Lessons
Pass all configured Quizzes and Exams
Locked activities open only after their prerequisites are met
Completed Course progress automatically counts toward the Career Path when this Course belongs to a Mission.
- Builds directly on the design-thinking, interaction-design, and information-architecture foundations courses in this curriculum
- Grounded in established practice: user flows, component states, responsive layout, and think-aloud usability testing
- Every lesson ends with a worked example you can practice on
- Stays deliberately low-fidelity throughout, so the focus is judgment and structure, not visual polish
- Beginners who have completed the earlier foundations courses in this curriculum and now want to turn ideas into testable, structured screens
- Career switchers building practical wireframing and prototyping skills for a portfolio
- Product managers and engineers who want to sketch, review, or contribute to early-stage design work competently
- Students preparing for further interaction-design and usability-testing coursework
- 30 short, focused lessons across 3 progressive levels
- A graded quiz after every lesson and a 12-question exam per level
- One continuous worked example (a bilingual food-ordering app's reorder feature) threaded through the closing lessons
- No design software required — this course is conceptual, building judgment and vocabulary first
Awarded after the Course's configured completion requirements are met.