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.
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
-
