Get a 50% discount when you buy 2 courses or more!
NEW Special offer Advanced Prototyping: From early ideas to rich interactions By Diego Blanco | Hanzo
This offer ends:
$100 $65
Advanced Prototyping: From early ideas to rich interactions
English English, Spanish, French (+3)
2 Hours 22 Minutes Course

Advanced Prototyping: From early ideas to rich interactions

Special offer $100 $65

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.

  • Prototyping
  • Workflow
  • Video-Presentation
  • WebGL
  • User Testing
  • Figma
  • Principle
  • After Effects
  •  
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
      01:51
    • 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
      00:31
    • 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

  • Prototyping
  • Workflow
  • Video-Presentation
  • WebGL
  • User Testing
  • Figma
  • Principle
  • After Effects
  •  
$65 35% off $100

This offer ends:

  • English
  • English, Spanish, French, Japanese, Italian, Portuguese
  • 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

    @hanzostudio

    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.

    hanzo.es

Similar Courses