Prototyping

After this skill you can…

• Build a click-through prototype in Figma
• Run a moderated usability test
• Produce a design spec handoff for developers

Prerequisites

Watch (10 videos)

Video 5: Prototype Problems Not Products - MIT Innovation Teams

MIT OpenCourseWare · intermediate hands-on

→ Create prototypes→ Test and iterate→ Refine designs

Gamma's 24-hour prototype playbook

Lenny's Podcast · intermediate hands-on

→ Create rapid prototypes→ Test and iterate→ Develop minimum viable products

Lecture 4: Prototyping

MIT OpenCourseWare · beginner hands-on

→ Conduct focus testing→ Identify technical glitches→ Improve player onboarding

Ready to learn web design? This is your lucky day!

Flux Academy · beginner hands-on

→ Create interactive prototypes→ Test web designs

Animation Tips and Techniques you Need to Know | Beginner to Intermediate

RobynO · beginner

→ Design interactive animations→ Test animation prototypes→ Refine animation designs

4. Home Page Mockup in PS : Part 2

DesignCourse · intermediate

→ Create a prototype→ Design an Android app

5. Home Page Mockup in PS : Part 3

DesignCourse · intermediate

→ Create clickable prototypes→ Test and refine designs

PERFECT DESIGN SPRINT TEAM | WHO should join a Design Sprint and HOW MANY? | Aj&Smart

AJ&Smart · intermediate hands-on

→ Create prototypes→ Test and iterate→ Refine design solutions

Part 2 - iPhone Breathalyzer - Rendering & GUI Design

DesignCourse · intermediate

→ Create a prototype for a mobile app→ Test and iterate on app design→ Use design tools for prototyping

What is a Design Sprint? A simple SUMMARY for beginners

AJ&Smart · beginner hands-on

→ Create prototypes→ Test and iterate on designs

Read (10 articles)