Prototype & Test

Interactive prototypes and real user feedback refine experiences before any code is written.

Phase Overview

In Prototype & Test, designs come to life through interactive prototypes tested with real users. This iterative process ensures the experience is refined before development. Feedback, both positive and constructive, is used to improve the solution continuously.

Key Activities & Framework

Prototyping

Low-fidelity wireframes → clickable mockups
Interactive high-fidelity prototypes
Rapid iteration based on test findings

User Testing

Usability testing with real users
Observing behaviors & collecting feedback
Identifying pain points & refining designs

Tools

Figma – collaborative prototyping
Adobe XD / Creative Suite – polished prototypes
InVision / Marvel – interactive testing platforms

Learn More

Wikipedia: Prototyping
Nielsen Norman Group: Prototyping
IDF: Prototyping

Videos

Watch these videos to learn practical prototyping and user testing: