Prototype
Prototype: A prototype is a model of a proposed interface or product used to explore, demonstrate or test behavior before final implementation.
What Prototype means
A prototype is a model of a proposed interface or product used to explore, demonstrate or test behavior before final implementation. Prototypes range from simple linked screens to high-fidelity interactive flows. They help teams evaluate navigation, task flow and interaction assumptions.
In a design process, this concept is normally evaluated in relation to user goals, content priority and the context in which the interface is used. It is a working tool rather than decoration added after the structure is finished.
How it is used in web and design work
Good digital design coordinates typography, spacing, hierarchy, interaction states and responsive behavior. Individual visual decisions are most useful when they reinforce a clear information structure and make the next action understandable.
In practical work, Prototype should be interpreted according to its technical or design context. The surrounding document structure, software, output medium, browser behavior or publishing workflow determines how the concept is applied. The purpose of the term is to describe a specific part of that process, not to replace the other concepts around it.
Where the term fits
Design and UX terms describe different stages and properties of an interface. Structure can be explored with information architecture and wireframes, behavior with prototypes, visual presentation with hierarchy and typography, and reusable consistency with components and design systems. Usability and accessibility then evaluate whether the resulting interface works for the people and tasks it is intended to support.
A design term should be evaluated against the actual task rather than only against a screenshot. Responsive states, keyboard focus, loading and error states, content length, touch targets and navigation paths can all change the experience. Prototypes and usability checks are useful because they expose relationships and interaction problems that may not be visible in a static mockup.
Why the distinction matters
A common mistake is evaluating an interface only as a static composition. Digital products also need to work with different content lengths, screen sizes, input methods, states and user tasks.
Using precise terminology helps designers, developers, editors and clients describe the same problem without mixing separate layers of a project. That is especially useful when a visual issue may actually come from document structure, when a WordPress issue belongs to a theme or plugin, or when an image problem depends on resolution, color or file type rather than styling.
Related glossary terms
The following entries sit close to Prototype in the same workflow or terminology set. The distinction is useful because each term names a separate concept:
Mockup: A mockup is a static or mostly static visual representation of how a finished design is expected to look.
Wireframe: A wireframe is a simplified representation of a page or interface used to define structure, hierarchy and placement before detailed visual design.
Design System: A design system is a maintained collection of reusable design rules, tokens, components and documentation used to create consistent products.
UX: UX, or user experience, concerns the overall experience a person has while using a product, service or system.
Sources and further reading
This entry is a concise, independently written definition based on established documentation. The linked references provide standards, product documentation or broader technical context.