UX Foundations: Prototyping
41mBeginner2024-03-11
Authors
Diane Cronenwett
Specializing in solving complex design problems
Course details
Prototyping allows designers to explore multiple iterations of designs quickly and inexpensively. Prototypes can be submitted for testing and feedback, leading to better experiences for the business and for users. That's why prototyping is a fundamental skill for any UX designer.
Explore the benefits, techniques, and tools of prototyping in this introductory course with designer Diane Cronenwett. Diane covers the basics of building effective prototypes with the right fidelity, and getting more valuable feedback from your design testing. Learn how to build simple, satisfying prototypes on paper, and use digital prototyping tools like Figma to add interactivity and animation.
Learning objectives
Learn what a prototype is.
Discover how prototyping helps user experience.
See how to define prototype goals.
Get tips on sketching ideas.
Learn how to create paper prototypes.
Find out how to build low-fidelity and high-fidelity prototypes.
Learn about testing and evaluating prototypes.
Choose the right prototyping tool.
Learn how to prototype using Figma with interactive components.
Explore the benefits, techniques, and tools of prototyping in this introductory course with designer Diane Cronenwett. Diane covers the basics of building effective prototypes with the right fidelity, and getting more valuable feedback from your design testing. Learn how to build simple, satisfying prototypes on paper, and use digital prototyping tools like Figma to add interactivity and animation.
Learning objectives
Learn what a prototype is.
Discover how prototyping helps user experience.
See how to define prototype goals.
Get tips on sketching ideas.
Learn how to create paper prototypes.
Find out how to build low-fidelity and high-fidelity prototypes.
Learn about testing and evaluating prototypes.
Choose the right prototyping tool.
Learn how to prototype using Figma with interactive components.
Skills covered
User Interface PrototypingFigmaInteraction DesignUX DesignUser ExperienceFoundationsWeb Development
Concepts
0. Introduction
- 01 - Prototyping for user experience
1. Prototyping Basics
- 02 - What is UX prototyping
- 03 - Why do we prototype
- 04 - Avoid costly mistakes with prototyping
2. Prototyping Fidelity
- 05 - Prototyping and the design process
- 06 - Master design fidelity in prototyping
- 07 - Explore your design ideas through low-fidelity prototyping
- 08 - Medium- and high-fidelity prototyping for flexibility
- 09 - Testing your prototype and avoiding confirmation bias
3. Paper Prototyping
- 10 - Paper prototyping for simple explorations
4. Prototyping with Figma
- 11 - Basic prototyping with Figma
- 12 - Connecting screens and interactions in Figma prototypes
- 13 - Scrolling and overlay interactions in Figma prototypes
- 14 - Interactive components in Figma prototyping
Conclusion
- 15 - Continue your prototyping journey