Design leaders agree. Prototyping and user testing are at the heart of every successful product. Testing prototypes is not only the engine that propels truly user-centered design, but it also saves you time and money by preventing errors. It improves team collaboration at all levels and helps you sell your design ideas.
In this course, I will take you through the workflow, tools and techniques I have used while working in commercial projects for brands such as Vogue Magazine, Bulgari, Squarespace, Sony, Virgin and many others.
I’ll show you how I prototype almost everything, from early ideas to complex WebGL interactions.
And we won't only talk about user-testing. With a very practical approach, we will use tools like Figma, Principle or After Effects plug-ins to quickly create beautiful video-prototypes that will help you pitch design ideas, convince business leaders and seduce investors.
The subtitles are automatically generated, so the quality of the captions may vary.
Course Table of contents
What will you learn?
8 sections • 30 lectures • 2 hours 22 minutes
-
Introduction2 lectures 02:10 Mins
-
About the instructor01:23 Mins
-
Before we start00:47 Mins
-
-
Prototyping & User Testing Fundamentals3 lectures 03:03 Mins
-
Why should I prototype? The importance of User-testing your designs01:40 Mins
-
Convincing clients and business leaders. The ROI of design testing00:37 Mins
-
Is user testing always necessary?00:51 Mins
-
-
Types of prototypes and the tools to build them3 lectures 05:07 Mins
-
Types of prototypes00:53 Mins
-
State of prototyping tools in 202101:07 Mins
-
Toolstack: 6 essential tools to cover all prototypes03:07 Mins
-
-
Let’s get busy: Prototyping Low Fidelity5 lectures 9 Mins
-
Understanding Low-Fidelity prototypes01:41 Mins
-
Surveys: Validating hypothesis with Typeform01:51
-
Card sorting: Validating Information Architecture with Miro (or with Treejack)02:53 Mins
-
Paper Prototyping: Validating Content Hierarchy with Paper & Scissors00:53 Mins
-
Low-Fidelity Wireframes: Validating User Flows and Content Hierarchy with Miro (or Figma) and pen and paper01:40 Mins
-
-
Let’s get busy: Prototyping Mid Fidelity7 lectures 1 Hour 52 Mins
-
Understanding Mid-Fidelity Prototypes01:28 Mins
-
Clickable prototypes: Validating user flows with Figma08:31 Mins
-
Interactive prototypes: Validating Interactions and animation with Principle07:54 Mins
-
Prototyping breakpoints and responsiveness with Anima41:38 Mins
-
Using After Effects as a prototyping tool21:00 Mins
-
Prototyping faster with After Effects plugins22:40 Mins
-
Creating a pitch video prototype in After Effects for Bulgari07:30 Mins
-
-
Prototyping Hi Fidelity3 lectures 04:25 Mins
-
Understanding High-fidelity01:23 Mins
-
No code tools. An introduction to no-code for prototyping02:26 Mins
-
Low-code platforms. An introduction to low code for prototyping00:36 Mins
-
-
User testing your prototypes6 lectures 06:23 Mins
-
Testing with Users00:31
-
Choosing Qualitative or Quantitative00:31 Mins
-
Choosing formative or summative01:21 Mins
-
Choosing moderated or unmoderated00:50 Mins
-
How many participants?01:10 Mins
-
Toolstack in 202100:56 Mins
-
-
Final Thoughts1 lectures 00:16 Mins
-
Final Thoughts00:16 Mins
-
