Advanced Prototyping: From early ideas to rich interactions
- Language: English
- Certificate: of completion
- Subtitles: English, Spanish, French, Japanese, Italian, Portuguese (Machine translation)
- Duration: 2 Hours 22 Minutes
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.
| Category | Course format | Language | Duration | Level |
|---|---|---|---|---|
| Interaction, Prototyping | Online | English with Subt. | 2 Hours 22 Minutes | Intermediate and professional |
Requirements
Basic knowledge of Figma and After Effects is recommended.
Description
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.
You will learn
- Prototyping & User Testing Fundamentals
- Prototyping tools
- Prototyping Low Fidelity: Surveys, Card sorting, Paper Prototyping, etc
- Prototyping Mid Fidelity: Clickable prototypes, Interactive prototypes, etc
- Prototyping Hi Fidelity: No code tools, Low-code platforms.
- User testing your prototypes.
The course includes
- 2 hours 22 mins of practical and condensed knowledge
- Immediate access to the entire collection of videos
- Valuable links and resources for every lesson
Modules
What you will learn
in this course.
-
Lessons
-
Lesson 1Introduction
-
About the instructor
-
Before we start
-
-
Lesson 2Prototyping & User Testing Fundamentals
-
Why should I prototype? The importance of User-testing your designs
-
Convincing clients and business leaders. The ROI of design testing
-
Is user testing always necessary?
-
-
Lesson 3Types of prototypes and the tools to build them
-
Types of prototypes
-
State of prototyping tools in 2021
-
Toolstack: 6 essential tools to cover all prototypes
-
-
Lesson 4Let’s get busy: Prototyping Low Fidelity
-
Understanding Low-Fidelity prototypes
-
Surveys: Validating hypothesis with Typeform
-
Card sorting: Validating Information Architecture with Miro (or with Treejack)
-
Paper Prototyping: Validating Content Hierarchy with Paper & Scissors
-
Low-Fidelity Wireframes: Validating User Flows and Content Hierarchy with Miro (or Figma) and pen and paper
-
-
Lesson 5Let’s get busy: Prototyping Mid Fidelity
-
Understanding Mid-Fidelity Prototypes
-
Clickable prototypes: Validating user flows with Figma
-
Interactive prototypes: Validating Interactions and animation with Principle
-
Prototyping breakpoints and responsiveness with Anima
-
Using After Effects as a prototyping tool
-
Prototyping faster with After Effects plugins
-
Creating a pitch video prototype in After Effects for Bulgari
-
-
Lesson 6Prototyping Hi Fidelity
-
Understanding High-fidelity
-
No code tools. An introduction to no-code for prototyping
-
Low-code platforms. An introduction to low code for prototyping
-
-
Lesson 7User testing your prototypes
-
Testing with Users
-
Choosing Qualitative or Quantitative
-
Choosing formative or summative
-
Choosing moderated or unmoderated
-
How many participants?
-
Toolstack in 2021
-
-
Lesson 8Final Thoughts
-
Final Thoughts
-
Meet the teacher
Diego Blanco
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.
Course Content
Requirements
Basic knowledge of Figma and After Effects is recommended.
Description
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.
You will learn
- Prototyping & User Testing Fundamentals
- Prototyping tools
- Prototyping Low Fidelity: Surveys, Card sorting, Paper Prototyping, etc
- Prototyping Mid Fidelity: Clickable prototypes, Interactive prototypes, etc
- Prototyping Hi Fidelity: No code tools, Low-code platforms.
- User testing your prototypes.
The course includes
- 2 hours 22 mins of practical and condensed knowledge
- Immediate access to the entire collection of videos
- Valuable links and resources for every lesson
Features
- English
- English, Spanish, French, Japanese, Italian, Portuguese (Machine translation)
- Intermediate and professional
- Access on mobile and Desktop
- Full time access
- Certificate of completion
-
Diego Blanco
Teacher at awwwards.com
If you have any questions about this course, please contact us
