January Sale 75% off all courses until 24th Jan
NEW Special offer Advanced Prototyping: From early ideas to rich interactions By Diego Blanco | Hanzo
January Sale!
$100 $25
Advanced Prototyping: From early ideas to rich interactions
English English, Spanish, French (+3) [Machine translation]
2 Hours 22 Minutes Course

Advanced Prototyping: From early ideas to rich interactions

January Sale!     $100 $25

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

  • Introduction
    2 lectures 02:10 Mins
    • About the instructor
      01:23 Mins
    • Before we start
      00:47 Mins
  • Prototyping & User Testing Fundamentals
    3 lectures 03:03 Mins
    • Why should I prototype? The importance of User-testing your designs
      01:40 Mins
    • Convincing clients and business leaders. The ROI of design testing
      00:37 Mins
    • Is user testing always necessary?
      00:51 Mins
  • Types of prototypes and the tools to build them
    3 lectures 05:07 Mins
    • Types of prototypes
      00:53 Mins
    • State of prototyping tools in 2021
      01:07 Mins
    • Toolstack: 6 essential tools to cover all prototypes
      03:07 Mins
  • Let’s get busy: Prototyping Low Fidelity
    5 lectures 9 Mins
    • Understanding Low-Fidelity prototypes
      01:41 Mins
    • Surveys: Validating hypothesis with Typeform
    • Card sorting: Validating Information Architecture with Miro (or with Treejack)
      02:53 Mins
    • Paper Prototyping: Validating Content Hierarchy with Paper & Scissors
      00:53 Mins
    • Low-Fidelity Wireframes: Validating User Flows and Content Hierarchy with Miro (or Figma) and pen and paper
      01:40 Mins
  • Let’s get busy: Prototyping Mid Fidelity
    7 lectures 1 Hour 52 Mins
    • Understanding Mid-Fidelity Prototypes
      01:28 Mins
    • Clickable prototypes: Validating user flows with Figma
      08:31 Mins
    • Interactive prototypes: Validating Interactions and animation with Principle
      07:54 Mins
    • Prototyping breakpoints and responsiveness with Anima
      41:38 Mins
    • Using After Effects as a prototyping tool
      21:00 Mins
    • Prototyping faster with After Effects plugins
      22:40 Mins
    • Creating a pitch video prototype in After Effects for Bulgari
      07:30 Mins
  • Prototyping Hi Fidelity
    3 lectures 04:25 Mins
    • Understanding High-fidelity
      01:23 Mins
    • No code tools. An introduction to no-code for prototyping
      02:26 Mins
    • Low-code platforms. An introduction to low code for prototyping
      00:36 Mins
  • User testing your prototypes
    6 lectures 06:23 Mins
    • Testing with Users
    • Choosing Qualitative or Quantitative
      00:31 Mins
    • Choosing formative or summative
      01:21 Mins
    • Choosing moderated or unmoderated
      00:50 Mins
    • How many participants?
      01:10 Mins
    • Toolstack in 2021
      00:56 Mins
  • Final Thoughts
    1 lectures 00:16 Mins
    • Final Thoughts
      00:16 Mins
Studio Hanzo
Work Work Work 
Work Work Work 
Course details

Advanced Prototyping: From early ideas to rich interactions

Advanced Prototyping: From early ideas to rich interactions

By Diego Blanco | Hanzo

$25 75% off $100

January Sale!

  • English
  • English, Spanish, French, Japanese, Italian, Portuguese (Machine translation)
  • Intermediate and professional
  • Access on mobile and Desktop
  • Full time access
  • Certificate of completion
About the Speaker
Learn from the best
  • Diego Blanco | Hanzo

    Diego Blanco | Hanzo

    Head of Design


    With a background in psychology and a +20 years career in the design industry, Diego has used his interest and understanding of people, aesthetics and technology to lead design teams.


Similar Courses