UX/UI DesignGlossary

A method of comparing two versions of a design element by randomly showing each version to different users and measuring which performs better against defined metrics.

The practice of designing products usable by people with the widest range of abilities, including those with visual, auditory, motor, or cognitive disabilities. Often measured against WCAG standards.

A property of an object or interface element that suggests how it can be used. Buttons that look pressable and links that appear clickable are examples of perceived affordances in UI design.

Systematic errors in AI outputs that reflect prejudices in training data or algorithms. UX designers must surface potential biases, provide override mechanisms, and design inclusive AI experiences.

Interface patterns that communicate how certain an AI system is about its outputs. Includes confidence scores, uncertainty indicators, and visual differentiation between high and low-confidence results.

The ability of an AI system to make its reasoning, decisions, and outputs understandable to users. Includes showing confidence levels, source citations, and decision factors in the interface.

The practice of clearly disclosing when content is AI-generated, how AI is being used, and what data it accesses. Essential for building user trust and meeting emerging regulatory requirements.

A cognitive bias where people rely heavily on the first piece of information they encounter when making decisions. In UI, this affects pricing displays, default values, and initial impressions.

A set of HTML attributes that define ways to make web content more accessible. ARIA roles, states, and properties help assistive technologies interpret dynamic content and custom UI controls.

The tendency to over-rely on automated systems and accept their output without critical evaluation. Particularly relevant in AI interfaces where users may trust AI suggestions without verification.

A secondary navigation pattern showing the user's location within a site hierarchy. Helps users understand context and navigate back to parent sections without using the browser back button.

A research method where users organize topics into categories that make sense to them. Used to design or evaluate information architecture and navigation structures.

The paradox where having too many options leads to decision paralysis, lower satisfaction, and reduced conversion. Reducing choices often improves user outcomes and engagement.

The technique of breaking information into smaller, manageable units (chunks) to reduce cognitive load. Phone numbers, credit card fields, and step-by-step forms all use chunking.

Systematic patterns of deviation from rational judgment. In UX, understanding biases like anchoring, framing, and confirmation bias helps design interfaces that support better decision-making.

The total mental effort required to process information and complete tasks. Consists of intrinsic (task complexity), extraneous (poor design), and germane (learning) load. Reducing extraneous load is a core UX goal.

The difference in luminance between foreground and background colors. WCAG requires a minimum ratio of 4.5:1 for normal text and 3:1 for large text to ensure readability for users with low vision.

The principle of maintaining uniform behavior, appearance, and terminology across an interface. Internal consistency (within a product) and external consistency (with platform conventions) build user confidence.

A design limitation that prevents users from making errors by restricting available actions. Disabled buttons, input masks, and limited choices are examples of productive constraints.

An interface paradigm where users interact through natural language dialogue, including chatbots and voice assistants. Requires careful turn-taking, context management, and error handling design.

A deceptive UI design that tricks users into actions they did not intend, such as hidden opt-outs, forced continuity, or misleading button labels. Considered unethical and increasingly regulated.

A collection of reusable components, patterns, and guidelines that ensure consistent design across a product. Includes tokens (colors, spacing), components, and documentation.

An interaction style where users directly act on visible objects rather than issuing commands. Drag-and-drop, pinch-to-zoom, and resizable elements are examples of direct manipulation.

The principle that system response times under 400ms keep users engaged and productive. Beyond this threshold, users perceive the system as slow and lose their interaction flow.

Design strategies that eliminate error-prone conditions or present confirmation options before actions. More effective than error messages because the error never occurs in the first place.

A system where the output of an action is fed back as input, informing the user of results and guiding next steps. Effective feedback loops are immediate, clear, and proportional to the action taken.

A Gestalt principle where the brain distinguishes objects (figure) from their surrounding area (ground). Used in UI to create visual layers, modal overlays, and focus states.

The time to reach a target is a function of its distance and size. Larger, closer targets are faster to click. Informs button sizing, menu placement, and touch target design.

A mental state of complete absorption in an activity, characterized by focused concentration and loss of time awareness. Good UX facilitates flow by removing friction and matching challenge to skill level.

The practice of controlling where keyboard focus moves in an interface, especially after dynamic content changes. Essential for screen reader users and keyboard-only navigation.

A set of perceptual organization laws describing how humans group visual elements. Includes proximity, similarity, closure, continuity, figure-ground, and common region. Foundation of visual design.

People accelerate their behavior as they approach a goal. Progress bars, loyalty stamps, and completion indicators leverage this effect to increase engagement and task completion.

A design strategy where a system continues to function at a reduced level when parts fail, rather than breaking completely. Ensures users can still accomplish core tasks when conditions are suboptimal.

A usability inspection method where experts evaluate an interface against established usability principles (heuristics). Cost-effective alternative to user testing for identifying common usability issues.

Decision time increases logarithmically with the number of choices. Simplifying options, categorizing choices, and progressive disclosure help reduce decision time in interfaces.

The design paradigm where AI and humans work together, each contributing complementary strengths. Requires clear role delineation, trust calibration, and user control over AI involvement.

The structural design of shared information environments. Involves organizing, labeling, and creating navigation systems to help users find information and complete tasks efficiently.

The strength of cues that guide users toward their desired information. Strong scent means link text, labels, and visual cues clearly indicate what content lies ahead.

The process of checking user input for correctness in real-time or on submission. Inline validation (checking as users type) reduces errors and frustration compared to submit-then-fix patterns.

Users spend most of their time on other sites and prefer your site to work similarly to those they already know. Leveraging familiar patterns reduces learning curves and cognitive load.

The ability to use all interface features using only a keyboard. Required for users who cannot use a mouse and tested by navigating with Tab, Enter, Space, and arrow keys.

A user's internal representation of how a system works. Effective design aligns the interface with users' existing mental models rather than forcing them to learn new conceptual frameworks.

A small, contained interaction within a product that accomplishes a single task — like toggling a switch, liking a post, or refreshing content. Includes trigger, rules, feedback, and loops/modes.

The average person can hold about 7 (±2) items in working memory at once. Informs decisions about navigation depth, form length, and information grouping in interface design.

A design approach starting with the smallest screen and progressively enhancing for larger ones. Forces prioritization of essential content and ensures core functionality works on all devices.

The system of pathways that help users move through an interface and find content. Includes global navigation, local navigation, breadcrumbs, search, and contextual links.

The simplest solution that meets the requirements is usually the best. In design, this means removing unnecessary elements, features, and complexity that don't serve user goals.

The process of introducing new users to a product's features and guiding them to their first successful experience. Effective onboarding balances education with immediate value delivery.

Roughly 80% of effects come from 20% of causes. In UX, 80% of users use 20% of features, guiding decisions about what to prioritize in design and development.

People judge an experience based on its most intense point (peak) and its end, rather than the average. Designing memorable peaks and positive endings improves perceived experience quality.

How fast a system feels to the user, which may differ from actual speed. Skeleton screens, progressive loading, and optimistic UI updates make interfaces feel faster than they are.

A design pattern that shows only essential information initially and reveals more detail on demand. Reduces cognitive load and helps users focus on the current task without overwhelming them.

The practice of designing effective instructions and inputs for AI systems. In UX, this extends to designing prompt templates, suggestion systems, and input interfaces that help users communicate with AI.

It's easier for users to recognize previously encountered information than to recall it from memory. Visible menus, recent items, and autocomplete support recognition-based interaction.

An approach where layouts adapt fluidly to different screen sizes using flexible grids, images, and CSS media queries. Ensures optimal viewing across desktop, tablet, and mobile devices.

Assistive software that converts on-screen content to speech or braille output. Designing for screen readers requires semantic HTML, ARIA attributes, proper heading hierarchy, and meaningful alt text.

The use of HTML elements that convey meaning about the content they contain (e.g., nav, article, header) rather than generic containers. Improves accessibility, SEO, and code maintainability.

People tend to remember the first (primacy) and last (recency) items in a series best. Informs the placement of important navigation items, list ordering, and content prioritization.

A perceivable cue that indicates what action is possible and how to perform it. Differs from affordance (capability) — signifiers are the visual/auditory signals that communicate affordances to users.

A research method that breaks down user goals into the steps, decisions, and information needed to complete them. Used to identify pain points and optimize task flows in interface design.

Every application has inherent complexity that cannot be removed — only moved between the system and the user. Good design absorbs complexity so users don't have to manage it.

The tappable area of an interactive element on touch screens. WCAG 2.5.5 recommends a minimum size of 44×44px to prevent accidental taps, especially important for mobile interfaces.

The visual organization of text using size, weight, color, and spacing to establish reading order and content importance. Creates scannable content that guides users through information efficiently.

The degree to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency, and satisfaction. Measured through learnability, efficiency, memorability, errors, and satisfaction.

A research method where representative users attempt realistic tasks while observers note problems and successes. Provides direct evidence of how people actually use an interface versus how designers intended.

A visualization of the complete experience a user has with a product over time, including touchpoints, emotions, and pain points. Maps the full context beyond individual screen interactions.

The arrangement of visual elements to guide the eye through content in order of importance. Uses size, color, contrast, spacing, and position to create clear scanning patterns.

When multiple similar objects are present, the one that differs most is most likely to be remembered. Used in pricing tables, CTAs, and notification badges to draw attention to key elements.

International standards for web accessibility organized around four principles: Perceivable, Operable, Understandable, and Robust (POUR). Three conformance levels: A, AA (standard target), and AAA.

The empty space between and around design elements. Far from wasted space, white space improves readability, creates visual breathing room, and directs attention to important content.

The cognitive system that temporarily holds and manipulates information needed for current tasks. Limited in capacity and duration — interfaces should minimize demands on working memory.

People remember incomplete tasks better than completed ones. Progress indicators, saved drafts, and incomplete profile prompts leverage this effect to drive engagement and completion.