Web Design & UX

Prototype

Quick Definition

A prototype is an interactive simulation of a product that shows transitions, interactions, and user flow without being fully built.

In context

Prototypes test usability and stakeholder approval before development. Figma's built-in prototyping is sufficient for most marketing site needs; complex apps may use ProtoPie or Framer.

Have a question this didn't answer?

Book a free 60-minute strategy call. We'll explain how this concept applies to your specific situation.

Book a Free Call Browse 50+ Detailed Answers

Related terms

UX (User Experience)

UX covers everything that affects how a user feels when interacting with a product — usability, clarity, performance, accessibility, and overall satisfaction.

Mockup

A mockup is a high-fidelity visual representation of a page, showing colours, typography, imagery, and final design — but not interactive.

PWA (Progressive Web App)

A PWA is a web application that uses modern web capabilities to deliver an app-like experience — installable, offline-capable, push notifications.

Contrast Ratio

Contrast ratio measures the difference in luminance between text and background, expressed as a ratio (e.g., 4.5:1).

A/B Testing

A/B testing splits traffic between two versions of a page (or element) to determine which performs better on a defined metric.

ARIA (Accessible Rich Internet Applications)

ARIA is a set of HTML attributes that improve accessibility for dynamic content and complex UI components, especially for screen reader users.

Back to all terms