Prototype
A prototype is an interactive design that maps out interactions and workflows in a digital product. Design software like Figma and Sketch allows designers to transform static designs into clickable prototypes.
When designing a product, wireframes are typically created before a prototype is made. A prototype builds upon the structural layout of wireframes by integrating higher-fidelity design elements and interactivity.
In the prototyping process, key interactions and user workflows are planned out to visualize how users may navigate through the product. Designers can evaluate and iterate on these interactions and flows through user research methods like usability testing, where participants interact with the prototype.
In addition to leveraging user research, effective prototypes incorporate best practices from interaction design, such as usability heuristics.
All contributors
- Anonymous contributor
Contribute to Docs
- Learn more about how to get involved.
- Edit this page on GitHub to fix an error or make an improvement.
- Submit feedback to let us know how we can improve Docs.
Learn UI and UX Design on Codecademy
- Career path
Front-End Engineer
Front-end engineers work closely with designers to make websites beautiful, functional, and fast.Includes 34 CoursesWith Professional CertificationBeginner Friendly115 hours - Free course
Introduction to UI and UX Design
Get started with User Interface (UI) and User Experience (UX) Design and learn how to wireframe and prototype using Figma.Beginner Friendly2 hours