Glossary
Design & UX glossary
Clear, jargon-free definitions of the UI/UX, product, Framer, web, branding, and AI terms that come up when building digital products.
50 terms
User Experience (UX)
The overall feeling and ease a person has when using a product.
UXUsability
How easily and efficiently people can accomplish tasks in a product.
UXUser Research
Studying real users to inform design decisions with evidence, not guesses.
UXUser Persona
A research-based profile representing a key segment of your users.
UXUser Flow
The path a user takes through a product to complete a task.
UXInformation Architecture (IA)
How content and features are organised, structured, and labelled.
UXWireframe
A low-fidelity skeleton of a screen focused on structure, not visuals.
UXPrototype
An interactive mockup used to test and demonstrate a design before build.
UXUsability Testing
Watching real users attempt tasks to find where a design breaks down.
UXHeuristic Evaluation
Reviewing an interface against established usability principles.
UXAccessibility (a11y)
Designing products usable by people with the widest range of abilities.
UXCognitive Load
The mental effort required to use an interface.
UXUser Journey Map
A visualization of a user's experience across touchpoints over time.
UIUser Interface (UI)
The visual and interactive layer through which people use a product.
UIDesign System
A reusable set of components, patterns, and rules for building product UI.
UIComponent Library
A collection of reusable, pre-built UI elements.
UIDesign Tokens
Named variables for design values like color, spacing, and type.
UIVisual Hierarchy
Arranging elements so the eye is guided to what matters most.
UIWhite Space
The empty space around and between elements — a design tool, not waste.
UIGrid System
An underlying structure of columns and rows that aligns a layout.
UITypography
The craft of arranging type for legibility, hierarchy, and tone.
UIColor Contrast
The luminance difference between foreground and background.
UIMicrointeraction
A small, focused animation or response to a single user action.
UIResponsive Design
Designing layouts that adapt fluidly to any screen size.
UIDark Mode
An alternative low-light color scheme with dark backgrounds.
ProductProduct Design
Designing the end-to-end experience of a digital product.
ProductMinimum Viable Product (MVP)
The smallest version of a product that delivers and validates core value.
ProductDesign Sprint
A time-boxed process to solve a problem and test a prototype fast.
ProductOnboarding
The first-use experience that guides a new user to value.
ProductActivation
The moment a new user first experiences a product's core value.
ProductRetention
The rate at which users keep coming back over time.
ProductConversion Rate
The percentage of visitors who complete a desired action.
ProductA/B Testing
Comparing two versions to see which performs better with real users.
ProductNorth Star Metric
The single metric that best captures the value a product delivers.
Framer & WebFramer
A design-first website builder where you design and publish the real site.
Framer & WebWebflow
A visual web builder with granular control over markup and CMS.
Framer & WebNo-Code
Building software and sites visually, without writing code.
Framer & WebCMS (Content Management System)
A system for creating and managing site content without touching code.
Framer & WebLanding Page
A focused page designed to drive a single action.
Framer & WebCore Web Vitals
Google's metrics for loading, interactivity, and visual stability.
Framer & WebSEO (Search Engine Optimization)
Improving a site so it ranks and is found in search results.
BrandingBrand Identity
The visible elements that define how a brand looks and feels.
BrandingLogo
The central graphic mark that represents a brand.
BrandingStyle Guide
The rulebook for applying a brand consistently.
BrandingBrand Voice
The consistent personality and tone of a brand's writing.
AILarge Language Model (LLM)
An AI model trained on vast text to understand and generate language.
AIPrompt
The input or instruction given to an AI model.
AIRAG (Retrieval-Augmented Generation)
Grounding an AI's answers in retrieved, relevant source data.
AIAI Agent
An AI system that can plan and take multi-step actions toward a goal.
AIHallucination (AI)
When an AI confidently produces false or fabricated information.