Advanced Prototyping- From early ideas to rich interactions
Release date:2022
Author: Diego Blanco
Skill level:Beginner
Language:English
Exercise files:Yes
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.
0001_About_the_instructor
0002_Before_we_start
0003_Why_should_I_prototype_The_importance_of_User_testing_your_designs
0004_Convincing_clients_and_business_leaders_The_ROI_of_design_testing
0005_Is_user_testing_always_necessary
0006_Types_of_prototypes
0007_State_of_prototyping_tools_in_2021
0008_Toolstack_6_essential_tools_to_cover_all_prototypes
0009_Understanding_Low_Fidelity_prototypes
0010_Surveys_Validating_hypothesis_with_Typeform
0011_Card_sorting_Validating_Information_Architecture_with_Miro_or_with_Treejack
0012_Paper_Prototyping_Validating_Content_Hierarchy_with_Paper_Scissors
0013_Low_Fidelity_Wireframes_Validating_User_Flows_and
0014_Understanding_Mid_Fidelity_Prototypes
0015_Clickable_prototypes_Validating_user_flows_with_Figma
0016_Interactive_prototypes_Validating_Interactions_and_animation_with_Principle
0017_Prototyping_breakpoints_and_responsiveness_with_Anima
0018_Using_After_Effects_as_a_prototyping_tool
0019_Prototyping_faster_with_After_Effects_plugins
0020_Creating_a_pitch_video_prototype_in_After_Effects_for_Bulgari
0021_Understanding_High_fidelity
0022_No_code_tools_An_introduction_to_no_code_for_prototyping
0023_Low_code_platforms_An_introduction_to_low_code_for_prototyping
0024_Testing_with_Users
0025_Choosing_Qualitative_or_Quantitative
0026_Choosing_formative_or_summative
0027_Choosing_moderated_or_unmoderated
0028_How_many_participants
0029_Toolstack_in_2021
0030_Final_Thoughts
[Awwwards] Advanced Prototyping- From early ideas to rich interactions.7z
[Awwwards] Advanced Prototyping- From early ideas to rich interactions_Subtitles.7z
Channel
