UX Design Glossary

Essential Terms for Beginners

Understanding UX (User Experience) design can feel overwhelming with all the technical jargon and industry-specific terms. Whether you’re a beginner, a product manager, or simply curious about UX, this glossary breaks down key terms into simple, easy-to-understand definitions. From design principles to research methods, this guide will help you navigate the world of UX with confidence. Let’s dive in!

Agile

A flexible and iterative approach to product development where teams work in short cycles called sprints. It emphasizes collaboration, adaptability, and continuous improvement based on user feedback. Agile helps teams quickly respond to changing requirements.

A/B Testing

A research method where two versions of a webpage, design, or feature are compared to see which performs better. Users are randomly shown either version, and data is collected on their interactions. This helps designers make informed decisions based on real user behavior.

Accessibility

The practice of designing products that can be used by people of all abilities, including those with disabilities. This includes considerations like color contrast, screen reader compatibility, and keyboard navigation. Accessibility ensures inclusivity and improves usability for everyone.

Adobe XD

A digital design and prototyping tool used for creating user interfaces for websites and apps. It allows designers to create wireframes, interactive prototypes, and collaborate with teams. Adobe XD is popular for its simplicity and real-time collaboration features.

Affinity Map

A visual method for organizing research data, ideas, or feedback into groups based on common themes. Designers use affinity mapping to identify patterns in user insights and prioritize findings. This helps in making data-driven design decisions.

Affordance

A design feature that suggests how an object should be used, making interactions more intuitive. For example, a button that looks raised invites clicking, while a handle on a door suggests pulling. Good affordances improve usability by reducing user confusion.

Animation Design

The process of adding motion to a digital interface to enhance user interactions. This can include small effects like button hovers or larger animations like page transitions. Well-designed animations improve engagement and guide users through a product smoothly.

Atomic Design

A method of building user interfaces by breaking them down into smaller reusable components. It follows a hierarchy of atoms (basic elements like buttons), molecules (combinations like forms), and organisms (full sections). This approach ensures consistency and scalability in design.

(UX) Audit

A detailed review of a website, app, or software to identify usability issues and areas for improvement. It typically includes an evaluation of navigation, accessibility, and user flows. The goal is to enhance the overall user experience.

Avatar

A graphical representation of a user in a digital space, often used in profiles, chat applications, or gaming. It can be a photo, illustration, or icon. Avatars personalize digital experiences and help users visually identify themselves or others.

Beta Testing

A phase of product testing where a nearly finished version is released to real users for feedback. This helps identify bugs, usability issues, and potential improvements before the final launch. Beta testing ensures a smoother and more user-friendly final product.

Brainstorming

A creative process where individuals or teams generate as many ideas as possible to solve a problem. The focus is on quantity over quality, with the goal of sparking innovative solutions. It’s a crucial step in UX design for ideation and problem-solving.

Brand Identity / Brand Book

A set of visual and messaging guidelines that define how a company presents itself to the world. It includes elements like logos, color schemes, typography, and tone of voice. A strong brand identity ensures consistency across all touchpoints.

Breadcrumb

A navigation aid that shows users their current location within a website’s hierarchy. It usually appears as a small path at the top of a page (e.g., Home > Products > Shoes). Breadcrumbs improve usability by making navigation easier and reducing confusion.

Bug

An error or flaw in software that causes unintended behavior, such as crashes, broken links, or incorrect functions. Bugs can range from minor visual glitches to major issues that affect usability. Fixing bugs is an essential part of maintaining a high-quality user experience.

Button

A clickable UI element that triggers an action, such as submitting a form or opening a menu. Buttons should be visually distinct, clearly labeled, and easy to interact with. Well-designed buttons improve navigation and usability.

Cache

A temporary storage system that saves frequently accessed data to speed up loading times. For example, browsers store website assets in a cache so pages load faster on return visits. Managing cache effectively helps balance performance and up-to-date content.

Call-to-Action (CTA)

A prompt that encourages users to take a specific action, such as “Sign Up” or “Buy Now.” CTAs should be clear, persuasive, and easy to find. A well-placed CTA improves conversions and user engagement.

Card Sorting

A research method where users categorize information into groups that make sense to them. It helps designers structure navigation and content layouts based on user expectations. This technique is useful for improving website menus and app structures.

Case Study

A detailed review of a project that explains the design process, challenges faced, and final outcomes. It typically includes research insights, design decisions, and results. Case studies help showcase a designer’s problem-solving skills and impact.

Checkbox

A small interactive box that users can click to select or deselect an option. It is commonly used in forms and settings. Checkboxes allow users to make multiple selections from a list.

Cognitive Load

The amount of mental effort required for a user to understand and interact with a design. A well-designed interface minimizes cognitive load by keeping things simple and intuitive. Reducing cognitive load improves usability and user satisfaction.

Color Contrast

The difference in brightness and hue between two colors, affecting readability and accessibility. High contrast (e.g., black text on a white background) improves visibility, especially for users with visual impairments. Good contrast enhances usability and inclusivity.

Competitor Analysis

The process of studying similar products or brands to identify strengths, weaknesses, and opportunities. This helps UX designers understand industry standards and find ways to improve their own designs. Competitor analysis informs better design decisions.

Consistency

The practice of maintaining uniform design elements across a product, such as colors, fonts, and button styles. Consistency helps users navigate more easily and reduces confusion. A consistent interface creates a seamless and professional user experience.

Conversion

The successful completion of a desired action by a user, such as signing up for a newsletter or making a purchase. UX design plays a crucial role in increasing conversion rates by optimizing user flow and removing barriers. Higher conversions mean better business results.

Customer Experience (CX)

The overall impression a user has when interacting with a brand, including website navigation, customer service, and product quality. A great CX ensures users have a positive and seamless journey. Improving CX leads to better user retention and loyalty.

Customer Journey Map (CJM)

A visual representation of a user’s interactions with a product or service over time. It highlights key touchpoints, emotions, and pain points. Mapping the customer journey helps designers improve the overall experience by addressing user needs.

Deliverables

The tangible outputs of a UX design project, such as wireframes, prototypes, or research reports. These documents help communicate design decisions to stakeholders and developers. Deliverables ensure alignment and track project progress.

Design Patterns

Reusable solutions to common design problems, such as navigation menus or form layouts. Patterns help maintain consistency and improve usability. Using established design patterns makes interfaces more intuitive for users.

Design Sprint

A structured five-day process for solving design challenges and testing ideas quickly. It involves brainstorming, prototyping, and user testing. Design sprints help teams validate concepts before investing in full development.

Design System

A collection of reusable UI components, guidelines, and principles that ensure consistency across a product. It helps teams maintain a unified look and feel. Design systems improve efficiency and streamline collaboration.

Design Thinking

A problem-solving approach that prioritizes user needs through research, prototyping, and testing. It encourages creativity and empathy. Design thinking helps create human-centered solutions that address real problems.

(UX) Documentation

Written records of research, design decisions, and guidelines that help teams stay aligned. This can include personas, wireframes, or usability test results. Good documentation ensures consistency and knowledge sharing.

Dropdown

A UI element that expands to reveal a list of options when clicked. It is commonly used for navigation menus and form selections. Dropdowns save space while keeping options easily accessible.

Empathy Map

A visual tool used to understand a user’s thoughts, feelings, and behaviors. It helps designers empathize with their audience. Empathy maps guide the design process by highlighting user needs and pain points.

End User

The person who ultimately interacts with a product or service. Understanding the end user’s needs is essential for creating intuitive and effective designs. A good UX ensures that the end user has a smooth and enjoyable experience.

Eye Tracking

A research technique that analyzes where users look on a screen to understand how they interact with a design. It helps identify focus areas and distractions. Eye tracking informs layout and content placement decisions.

Fidelity

The level of detail in a design, ranging from low-fidelity sketches to high-fidelity interactive prototypes. Low-fidelity designs are quick and simple, while high-fidelity ones closely resemble the final product. Fidelity helps designers communicate ideas at different stages.

Figma

A cloud-based design and prototyping tool used for UI/UX design. It allows real-time collaboration between team members. Figma is widely used for wireframing, prototyping, and design system management.

Flowchart

A diagram that maps out a user’s journey through a system, showing decision points and possible paths. It helps designers visualize interactions and improve user flow. Flowcharts make complex processes easier to understand.

Focus Group

A research method where a group of users discusses their experiences and opinions about a product. It provides valuable insights into user needs and preferences. Focus groups help inform design decisions based on real feedback.

Form

A collection of input fields that users fill out to submit information, such as sign-ups or surveys. Well-designed forms should be simple, clear, and easy to complete. Forms play a crucial role in user interactions and data collection.

Gestalt Principles

Psychological concepts that explain how humans perceive visual elements as whole patterns rather than separate parts. These principles, like proximity and similarity, help designers create intuitive and visually appealing layouts.

Grid System

A framework that helps structure content and align elements in a design. Grids improve consistency and readability by creating organized layouts. They are essential for responsive web and app design.

Golden Ratio

A mathematical ratio (1.618) that creates visually pleasing proportions in design. It is often used in layout composition, typography, and spacing. The golden ratio helps achieve aesthetic balance in UX design.

Hamburger Menu

A three-line icon that opens a hidden menu when clicked, commonly used in mobile navigation. It saves screen space but should be used thoughtfully to maintain usability. Users should easily recognize and access menu options.

Heatmap

A visual representation of user interactions on a webpage, showing where people click, scroll, or focus most. It helps designers understand user behavior and improve layout effectiveness. Heatmaps reveal areas of high and low engagement.

Heuristics

A set of usability principles used to evaluate the effectiveness of a design. Jakob Nielsen’s 10 usability heuristics are commonly used to identify UX issues. Heuristic evaluations help improve usability by addressing common pain points.

Hick’s Law

A UX principle stating that the more choices a user has, the longer it takes to make a decision. Simplifying options improves decision-making speed and usability. This principle guides designers in creating clear and focused experiences.

Human-Computer Interaction (HCI)

The study of how people interact with computers and digital interfaces. It focuses on designing systems that are user-friendly, efficient, and accessible. HCI combines psychology, design, and technology to improve user experiences.

Ideation

The process of generating, developing, and refining creative ideas to solve a problem. In UX design, ideation involves brainstorming sessions, sketching, and collaborative thinking. It helps teams explore multiple solutions before selecting the best one.

Information Architecture (IA)

The organization and structure of content within a product to make it easy to find and navigate. Good IA ensures users can access the right information quickly and efficiently. It involves sitemaps, navigation, and labeling systems.

Inclusive Design

A design approach that ensures products are usable by people of all abilities and backgrounds. It goes beyond accessibility to consider diverse user needs. Inclusive design creates experiences that work for the widest range of users.

Interaction Design (IxD)

The design of interactive elements, such as buttons, animations, and transitions, to enhance user engagement. It focuses on how users interact with a product and aims to make those interactions seamless and intuitive.

Intuitive Design

A design that feels natural and easy to use without the need for instructions. Intuitive interfaces follow familiar patterns and user expectations. The goal is to reduce cognitive load and help users complete tasks effortlessly.

InVision Studio

A digital design and prototyping tool used for creating high-fidelity interfaces. It enables designers to collaborate, animate UI components, and test user interactions. InVision Studio is popular for interactive prototyping.

Iterative Design

A continuous design process where improvements are made based on user feedback and testing. Instead of aiming for a perfect first version, designers refine and evolve the product over time. Iteration leads to better usability and user satisfaction.

Landing Page

A standalone web page designed for a specific goal, such as promoting a product or capturing leads. It typically includes a clear call-to-action (CTA) to guide user behavior. Well-designed landing pages drive conversions effectively.

Lean UX

A UX design approach that focuses on quick iterations, collaboration, and testing over extensive documentation. It aligns closely with Agile development. Lean UX helps teams validate ideas faster with minimal resources.

Low/High Fidelity

The level of detail in a design, with low-fidelity being simple wireframes and high-fidelity being polished, interactive prototypes. Low-fidelity designs are quick for early testing, while high-fidelity versions provide a near-final look.

Material Design

A design language developed by Google that focuses on clean, consistent, and intuitive interfaces. It uses principles like depth, motion, and bold typography. Material Design provides a structured approach to UI design.

Mental Model

The way users expect a system to work based on past experiences. Good UX design aligns with users’ mental models to reduce confusion. When a design matches expectations, users learn and navigate more easily.

Micro-Interaction

Small, functional animations that enhance user experience, such as button hover effects or loading spinners. These interactions provide feedback, guide users, and add a touch of delight. Well-designed micro-interactions improve engagement.

Mind Map

A diagram used to visually organize ideas and concepts in a structured way. It helps designers brainstorm, connect thoughts, and structure information. Mind maps are useful in early-stage UX planning.

Mockup

A static representation of a final design that shows colors, typography, and layout details. Unlike wireframes, mockups give a realistic preview of the product. They are useful for presenting visual concepts to stakeholders.

Modal

A pop-up window that overlays a page to display important content or user actions, such as login forms or confirmations. Modals focus user attention but should be used sparingly to avoid interruptions.

Mood Board

A visual collage of colors, images, typography, and design inspiration used to define the style of a project. It helps align teams on a shared creative vision. Mood boards are often used in branding and UI design.

MVP (Minimum Viable Product)

A simplified version of a product with just enough features to be tested by users. The goal is to gather feedback quickly and improve the product iteratively. MVPs help businesses launch efficiently with minimal risk.

Navigation

The way users move through a website or app, including menus, links, and buttons. Good navigation is intuitive and helps users find what they need quickly. A well-structured navigation system improves usability.

Native App

A mobile application designed specifically for a platform (iOS or Android) using its native programming language. Native apps offer better performance and seamless integration with device features compared to web apps.

Onboarding

The process of guiding new users through an app or product to help them understand its features. It may include tutorials, tooltips, or walkthroughs. A smooth onboarding experience increases user retention.

Pain Points

Problems or frustrations that users face while interacting with a product. Identifying pain points helps designers create better solutions. Addressing these issues improves usability and user satisfaction.

Persona

A fictional character representing a key user type based on research and data. Personas help designers understand user needs, behaviors, and goals. They guide design decisions to create more user-friendly experiences.

Pixel

The smallest unit of a digital image or screen display. UI designers work with pixel-based layouts to ensure crisp visuals. High-resolution screens require careful pixel optimization for clarity.

Portfolio

A collection of a designer’s work that showcases their skills, projects, and experience. A strong UX portfolio includes case studies, design processes, and final deliverables. It helps designers attract job opportunities or clients.

Product Roadmap

A strategic plan outlining the future development and improvements of a product. It helps teams prioritize features and align on long-term goals. A well-defined roadmap ensures clear direction and efficient execution.

Product Manager

A professional responsible for defining a product’s vision, strategy, and development. They work closely with designers, developers, and stakeholders to ensure a successful product. Product managers focus on solving user problems and business needs.

Prototype

A working model of a design that simulates interactions and functionality. Prototypes can be low-fidelity (paper sketches) or high-fidelity (interactive digital models). They help test usability before full development.

Qualitative User Research

A research method focused on understanding user behaviors, emotions, and motivations through interviews and observations. It provides in-depth insights that guide UX decisions. Qualitative research helps create user-centered designs.

Responsive Design

A design approach that ensures a website or app adapts to different screen sizes and devices. It improves usability on desktops, tablets, and smartphones. Responsive design is essential for a seamless multi-device experience.

Scrum

An Agile framework used in product development to organize work into short, iterative cycles called sprints. It emphasizes teamwork, flexibility, and continuous improvement. UX designers collaborate with Scrum teams to enhance user experiences.

Sitemap

A hierarchical diagram that outlines the structure of a website’s pages and content. It helps designers plan navigation and information architecture. Sitemaps ensure users can easily find what they need.

Sketch

A popular digital design tool for creating UI designs, wireframes, and prototypes. It is widely used by UX and UI designers. Sketch provides powerful features for vector-based design.

Sketching

The process of quickly drawing design ideas on paper or digitally to explore concepts. Sketching is useful in brainstorming and early UX design stages. It helps teams visualize solutions before prototyping.

Stakeholder Interviews

Conversations with key decision-makers, such as product owners or executives, to understand business goals and constraints. These interviews help align UX design with company objectives.

Storyboard

A visual sequence of illustrations that represents a user’s journey through a product. Storyboards help designers understand context and anticipate user needs. They are useful in early design stages.

Style Guide

A document that defines the visual and branding guidelines for a product, including colors, typography, and UI components. Style guides ensure design consistency across a product or company.

Slack

A messaging and collaboration tool used by teams to communicate and share files in real time. It helps UX teams stay organized, discuss projects, and integrate with design and development tools.

Sprints

Time-boxed work periods in Agile development, usually lasting 1-4 weeks, where teams focus on completing specific tasks. UX designers participate in sprints to iteratively improve a product based on feedback.

Surveys

A user research method that collects feedback from users through structured questions. Surveys help UX designers gather insights about user needs, behaviors, and satisfaction levels.

Tree Testing

A usability test that evaluates how well users can navigate a website’s structure without the visual design. It helps identify issues with information architecture and labeling.

Typography

The art of arranging text in a visually appealing and readable way. It includes font choice, spacing, and hierarchy. Good typography enhances the usability and aesthetics of digital interfaces.

Usability

The ease with which users can navigate and interact with a product. High usability means fewer errors, faster task completion, and a more satisfying experience.

Usability Testing

A method of evaluating a product by observing users as they complete tasks. It helps identify pain points and improve the overall user experience.

User-Centered Design (UCD)

A design approach that prioritizes user needs at every stage of development. It involves research, testing, and iteration to create intuitive and user-friendly experiences.

User Flow

A visual representation of the steps a user takes to complete a task within a product. User flows help designers optimize navigation and remove friction.

User Interface (UI)

The visual and interactive elements of a digital product, such as buttons, menus, and layouts. A well-designed UI enhances usability and user satisfaction.

User Interface Design

The process of designing computer interfaces for software, websites, machines, appliances, and electronic devices. UI design focuses on creating usable, self-evident screen designs with visually appealing colors, typography, spacing, and interactive elements.

UI Elements

Components of a user interface, such as buttons, forms, icons, and navigation menus. These elements help users interact with a product effectively.

User Experience (UX)

The overall experience a user has while interacting with a software product or website. Unlike User Interface (UI) design, which focuses solely on the design of a computer interface, UX encompasses all aspects of a user’s perceived experience, such as its usability, accessibility, usefulness, desirability, brand perception, and overall performance.

User Interview

A research method where designers ask users about their needs, behaviors, and experiences. Interviews provide valuable insights for improving UX.

User Journey Map

A visual representation of a user’s experience and interactions with a product. It highlights pain points and opportunities for improvement.

User Research

The process of studying users to understand their needs, behaviors, and motivations. It helps create user-centered designs.

User Stories

Short descriptions of a user’s goals and actions when using a product. They help teams design features that address real user needs.

User Testing

The process of evaluating a product by observing real users as they interact with it. It helps uncover usability issues and improve design.

UX Assets

Design elements, such as icons, UI components, and templates, used in creating digital products. They ensure consistency and efficiency in design work.

UX Design

The practice of designing digital products with a focus on usability, accessibility, and user satisfaction. It involves research, prototyping, and testing.

Visual Design

The aesthetic aspect of a product’s interface, including color, imagery, and typography. It enhances user experience by making interfaces more appealing and intuitive.

Whiteboard Challenge

A common UX interview task where candidates sketch design solutions in real-time. It tests problem-solving, creativity, and communication skills.

Wireframe

A basic layout of a digital product that outlines structure and functionality without visual details. Wireframes help designers plan interfaces before adding colors and styles.