Prototype (Design)
A clickable model of the real thing - a prototype simulates the experience so you can test the flow with users before building it for real.
- Term
- Prototype (design)
- Is
- An interactive, clickable mockup
- Simulates
- How the real design works
- Purpose
- Test & get feedback before building
Forms & parts of speech
Definition in plain terms
A prototype in design is an interactive model of a product, page, or feature that simulates how it will actually behave - you can click through it, follow flows, and experience the design in action, even though nothing is really built behind it.
Prototypes range in fidelity from simple clickable wireframes to high-fidelity mockups that look and feel like the finished product.
Their purpose is to make a design testable before it's developed: by putting a prototype in front of real users, a team can watch how people actually interact with it, find points of confusion, validate that a flow works, and gather feedback
all far more cheaply than building the real thing and discovering problems afterward.
Prototyping is a core part of the design and discovery process precisely because it lets teams learn and iterate on a design's actual behavior, not just its static appearance, before committing engineering resources.
Why it matters to growth leaders
Prototyping is a powerful way for a growth leader to de-risk design and product decisions cheaply, which matters because building the wrong thing is one of the most expensive mistakes in growth.
A prototype lets a team test a new flow, page, or feature with real users before development, catching usability problems, confusing steps, and flawed assumptions while they're still cheap to fix.
This connects directly to a growth-minded approach: rather than betting on a design being right, prototype it, put it in front of users, and learn.
For a growth leader, encouraging prototyping and user testing before build instills the discipline of validating with evidence rather than opinion, and dramatically reduces the cost of getting design decisions wrong.
It's the same build-measure-learn logic that underpins good experimentation, applied to design - test a cheap simulation of the experience before investing in the real one, so you ship things that actually work for users.
The team creates an interactive, clickable prototype that simulates the new flow - users can move through each step as if it were real, even though nothing is built behind it.
Putting the prototype in front of real users in quick testing sessions, the team watches where people actually struggle, and catches a genuinely confusing step that several users get stuck on - a problem that would have been expensive to discover and fix after the flow was coded.
They iterate on the prototype, retest, and confirm the revised flow works smoothly, all before a line of production code is written.
The growth leader recognizes this as build-measure-learn applied to design: test a cheap simulation of the experience, learn from real user behavior, and only then build.
By prototyping and user-testing before development, the leader de-risks the decision, avoids the costly mistake of shipping a flawed flow, and instills the discipline of validating design with evidence rather than opinion
ensuring the growth team builds things that actually work for users instead of betting that they will.
Synonyms & antonyms
Synonyms
Antonyms
Origin & history
A design prototype is an interactive simulation of a product used to test flows and gather feedback before development; central to UX and discovery, it applies build-measure-learn logic to design, de-risking decisions cheaply.
Etymology: source.
Usage trends
Search interest for this term over the last five years:
Common questions
- What is a prototype in design?
- An interactive, clickable model of a product or page that simulates how it will actually work, letting teams test flows and gather user feedback before committing to development.
- Why prototype before building?
- To de-risk design decisions cheaply — testing a prototype with real users catches usability problems and flawed assumptions while they're still cheap to fix, before expensive development.
- How is a prototype different from a wireframe?
- A wireframe is a static low-fidelity layout; a prototype is interactive and simulates the actual behavior and flow, so users can experience and test it.
Related tools & calculators
Resources & people to follow
- referenceWikipedia — prototyping
- referenceUX and product practice
- referenceRGM analysis — prototyping is build-measure-learn for design; test a cheap simulation with real users before investing in the real build
Curated, non-competitor resources verified per term.
Related training
Disciplines
Areas of marketing where prototype (design) is a core concern: