DzinerHub

DzinerHub

Design terms, simplified for you

A curated glossary of concepts, tools, and techniques — everything you need to speak the language of creativity.

Design terms, simplified for you

A curated glossary of concepts, tools, and techniques — everything you need to speak the language of creativity.

Design terms, simplified for you

A curated glossary of concepts, tools, and techniques — everything you need to speak the language of creativity.

A

A

Statistically compare two variants on live traffic.

User Research

Statistically compare two variants on live traffic.

User Research

A text label for assistive technologies describing an element’s purpose.

Accessibility

A text label for assistive technologies describing an element’s purpose.

Accessibility

A vertical stack of collapsible sections that reveal or hide content.

Component

A vertical stack of collapsible sections that reveal or hide content.

Component

A persistent area with context-specific actions for the current view.

Navigation

A persistent area with context-specific actions for the current view.

Navigation

A temporary sheet presenting contextual actions, typically from the bottom.

Pattern

A temporary sheet presenting contextual actions, typically from the bottom.

Pattern

A spinner or pulse that communicates ongoing processing.

Feedback

A spinner or pulse that communicates ongoing processing.

Feedback

A layout approach that tailors fixed breakpoints to specific devices.

Layout

A layout approach that tailors fixed breakpoints to specific devices.

Layout

Group notes and quotes by similarity to identify themes.

User Research

Group notes and quotes by similarity to identify themes.

User Research

A visual cue that suggests how an element can be used.

Content

A visual cue that suggests how an element can be used.

Content

An AI system that can autonomously perform tasks and make decisions to achieve goals.

AI/UX

An AI system that can autonomously perform tasks and make decisions to achieve goals.

AI/UX

A high-priority message requiring acknowledgement or action.

Feedback

A high-priority message requiring acknowledgement or action.

Feedback

The arrangement of elements along shared edges or centers.

Layout

The arrangement of elements along shared edges or centers.

Layout

Colors that are next to each other on the color wheel, creating harmony.

Color Theory

Colors that are next to each other on the color wheel, creating harmony.

Color Theory

A link that jumps to a specific section within the same page.

Navigation

A link that jumps to a specific section within the same page.

Navigation

The timing function that controls the speed of an animation.

Motion

The timing function that controls the speed of an animation.

Motion

A top surface providing title, navigation, and actions.

Navigation

A top surface providing title, navigation, and actions.

Navigation

Computer systems that can perform tasks typically requiring human intelligence.

AI

Computer systems that can perform tasks typically requiring human intelligence.

AI

The parts of lowercase letters that extend above the x-height.

Typography

The parts of lowercase letters that extend above the x-height.

Typography

The proportional relationship between width and height of an element or media.

Web & Mobile Design

The proportional relationship between width and height of an element or media.

Web & Mobile Design

A balanced arrangement using different elements that don't mirror each other.

Layout & Composition

A balanced arrangement using different elements that don't mirror each other.

Layout & Composition

The process of identifying which marketing touchpoints contributed to conversions.

Marketing

The process of identifying which marketing touchpoints contributed to conversions.

Marketing

Methods for assigning credit to different touchpoints in the customer journey.

Analytics

Methods for assigning credit to different touchpoints in the customer journey.

Analytics

Suggests options as the user types to speed up input.

Input

Suggests options as the user types to speed up input.

Input

A small visual identifier of a person, brand, or entity.

Content

A small visual identifier of a person, brand, or entity.

Content

B

B

A control that scrolls long pages back to the top quickly.

Web & Mobile Design

A control that scrolls long pages back to the top quickly.

Web & Mobile Design

A small label indicating counts or status changes.

Feedback

A small label indicating counts or status changes.

Feedback

The distribution of visual weight across a design to create stability.

Layout & Composition

The distribution of visual weight across a design to create stability.

Layout & Composition

A prominent inline message with optional actions.

Feedback

A prominent inline message with optional actions.

Feedback

A chart that uses rectangular bars to represent data values and comparisons.

Visualization

A chart that uses rectangular bars to represent data values and comparisons.

Visualization

The invisible line on which most letters sit in a line of text.

Typography

The invisible line on which most letters sit in a line of text.

Typography

A typographic grid that aligns text baselines to create vertical rhythm.

Web & Mobile Design

A typographic grid that aligns text baselines to create vertical rhythm.

Web & Mobile Design

Systematic errors from questions, sampling, or moderation.

User Research

Systematic errors from questions, sampling, or moderation.

User Research

A persistent bar at the bottom of mobile screens for top‑level destinations.

Web & Mobile Design

A persistent bar at the bottom of mobile screens for top‑level destinations.

Web & Mobile Design

A modal surface that slides up from the bottom to present actions or content.

Web & Mobile Design

A modal surface that slides up from the bottom to present actions or content.

Web & Mobile Design

The percentage of visitors who leave a website after viewing only one page.

Marketing

The percentage of visitors who leave a website after viewing only one page.

Marketing

The organizational structure of brands, sub-brands, and products.

Branding

The organizational structure of brands, sub-brands, and products.

Branding

The commercial value and strength of a brand in the marketplace.

Branding

The commercial value and strength of a brand in the marketplace.

Branding

Using an established brand name for new products or categories.

Branding

Using an established brand name for new products or categories.

Branding

A comprehensive document defining how a brand should be used consistently.

Branding

A comprehensive document defining how a brand should be used consistently.

Branding

Human characteristics and traits attributed to a brand.

Branding

Human characteristics and traits attributed to a brand.

Branding

How a brand differentiates itself in the market and customer minds.

Branding

How a brand differentiates itself in the market and customer minds.

Branding

A trail that shows the user’s location in a hierarchy.

Navigation

A trail that shows the user’s location in a hierarchy.

Navigation

A viewport width where layout adapts responsively.

Layout

A viewport width where layout adapts responsively.

Layout

A scatter plot with a third variable encoded by bubble size.

Data Visualization

A scatter plot with a third variable encoded by bubble size.

Data Visualization

A trigger element that initiates an action or event.

Component

A trigger element that initiates an action or event.

Component

C

C

A highlighted container to draw attention to important content.

Content

A highlighted container to draw attention to important content.

Content

A contained unit that groups related content and actions.

Component

A contained unit that groups related content and actions.

Component

Technique to shape information architecture by how users group and name content.

User Research

Technique to shape information architecture by how users group and name content.

User Research

A horizontally scrollable set of items with snap points.

Component

A horizontally scrollable set of items with snap points.

Component

An input for selecting multiple independent options.

Input

An input for selecting multiple independent options.

Input

A compact element representing input, filter, or action.

Component

A compact element representing input, filter, or action.

Component

The percentage of customers who stop using a product or service over a given period.

Analytics

The percentage of customers who stop using a product or service over a given period.

Analytics

The percentage of people who click on a link after seeing it.

Marketing

The percentage of people who click on a link after seeing it.

Marketing

Schema for labeling qualitative data into themes.

User Research

Schema for labeling qualitative data into themes.

User Research

Analyzing user behavior by grouping them based on shared characteristics or experiences.

Analytics

Analyzing user behavior by grouping them based on shared characteristics or experiences.

Analytics

Tracking how well different user groups retain over time since acquisition.

Analytics

Tracking how well different user groups retain over time since acquisition.

Analytics

The luminance difference between colors that ensures readable text and accessible UI.

Web & Mobile Design

The luminance difference between colors that ensures readable text and accessible UI.

Web & Mobile Design

A control for selecting a color via spectrum or inputs.

Input

A control for selecting a color via spectrum or inputs.

Input

The warmness or coolness of colors, affecting mood and perception.

Color Theory

The warmness or coolness of colors, affecting mood and perception.

Color Theory

An input with a dropdown of filtered options.

Input

An input with a dropdown of filtered options.

Input

A quick launcher to search and execute app commands.

Navigation

A quick launcher to search and execute app commands.

Navigation

Colors that are opposite each other on the color wheel, creating high contrast.

Color Theory

Colors that are opposite each other on the color wheel, creating high contrast.

Color Theory

The output or response generated by an AI model based on a given prompt.

AI/UX

The output or response generated by an AI model based on a given prompt.

AI/UX

The arrangement and organization of visual elements within a design space.

Layout & Composition

The arrangement and organization of visual elements within a design space.

Layout & Composition

Measures the appeal and clarity of early-stage ideas.

User Research

Measures the appeal and clarity of early-stage ideas.

User Research

A prompt that asks the user to confirm a critical action.

Feedback

A prompt that asks the user to confirm a critical action.

Feedback

CSS conditions that style elements based on the size of their container, not the viewport.

Web & Mobile Design

CSS conditions that style elements based on the size of their container, not the viewport.

Web & Mobile Design

A menu of actions relevant to the clicked item.

Pattern

A menu of actions relevant to the clicked item.

Pattern

The amount of text an AI model can consider at once when generating responses.

AI/UX

The amount of text an AI model can consider at once when generating responses.

AI/UX

Observe and ask questions in the user’s natural environment to understand workflows.

User Research

Observe and ask questions in the user’s natural environment to understand workflows.

User Research

The difference between colors, crucial for readability and visual hierarchy.

Color Theory

The difference between colors, crucial for readability and visual hierarchy.

Color Theory

A model showing the customer journey from initial interest to final conversion.

Analytics

A model showing the customer journey from initial interest to final conversion.

Analytics

The percentage of visitors who complete a desired action on a website or campaign.

Marketing

The percentage of visitors who complete a desired action on a website or campaign.

Marketing

The cost to acquire one customer through marketing efforts.

Marketing

The cost to acquire one customer through marketing efforts.

Marketing

A two‑dimensional CSS layout system for rows and columns.

Web & Mobile Design

A two‑dimensional CSS layout system for rows and columns.

Web & Mobile Design

A primary action designed to drive conversion.

Content

A primary action designed to drive conversion.

Content

The total cost of acquiring a new customer through marketing and sales efforts.

Analytics

The total cost of acquiring a new customer through marketing and sales efforts.

Analytics

Visualization of stages, touchpoints, emotions, and opportunities across the end-to-end experience.

User Research

Visualization of stages, touchpoints, emotions, and opportunities across the end-to-end experience.

User Research

The total revenue a customer generates throughout their relationship with a business.

Marketing

The total revenue a customer generates throughout their relationship with a business.

Marketing

D

D

A color theme that uses dark surfaces with light text to reduce glare.

Theming

A color theme that uses dark surfaces with light text to reduce glare.

Theming

A visual interface displaying multiple charts and metrics for monitoring performance.

Visualization

A visual interface displaying multiple charts and metrics for monitoring performance.

Visualization

A structured grid to inspect, sort, and act on data.

Component

A structured grid to inspect, sort, and act on data.

Component

A control to select a date or date range.

Input

A control to select a date or date range.

Input

ML subset using neural networks with multiple layers.

AI

ML subset using neural networks with multiple layers.

AI

Shared understanding of what it means for work to be complete.

Product Management

Shared understanding of what it means for work to be complete.

Product Management

The compactness of UI elements and spacing.

Layout

The compactness of UI elements and spacing.

Layout

The parts of lowercase letters that extend below the baseline.

Typography

The parts of lowercase letters that extend below the baseline.

Typography

Assesses the qualities a design conveys using cards or adjective lists.

User Research

Assesses the qualities a design conveys using cards or adjective lists.

User Research

The ratio between physical pixels and CSS pixels on a device.

Web & Mobile Design

The ratio between physical pixels and CSS pixels on a device.

Web & Mobile Design

A modal surface requiring user attention and response.

Feedback

A modal surface requiring user attention and response.

Feedback

Longitudinal study that captures behavior and motivations in natural context over time.

User Research

Longitudinal study that captures behavior and motivations in natural context over time.

User Research

A pattern for expanding or collapsing extra content.

Pattern

A pattern for expanding or collapsing extra content.

Pattern

A thin line used to separate groups of content.

Layout

A thin line used to separate groups of content.

Layout

A panel that slides from an edge to show extra content.

Component

A panel that slides from an edge to show extra content.

Component

A temporary surface listing options or actions.

Component

A temporary surface listing options or actions.

Component

The total time an animation takes to complete.

Motion

The total time an animation takes to complete.

Motion

E

E

The perceived depth of a surface using shadows, blur, and layering.

Web & Mobile Design

The perceived depth of a surface using shadows, blur, and layering.

Web & Mobile Design

Numerical representations of text that capture semantic meaning for AI processing.

AI/UX

Numerical representations of text that capture semantic meaning for AI processing.

AI/UX

A screen shown when no data is available.

Feedback

A screen shown when no data is available.

Feedback

A metric measuring how actively users interact with content or a product.

Analytics

A metric measuring how actively users interact with content or a product.

Analytics

A large body of work that can be broken down into smaller user stories.

Product Management

A large body of work that can be broken down into smaller user stories.

Product Management

A notification indicating a problem with an action.

Feedback

A notification indicating a problem with an action.

Feedback

Field research focused on culture, rituals, and social context.

User Research

Field research focused on culture, rituals, and social context.

User Research

Research that tests an idea or design against criteria and hypotheses.

User Research

Research that tests an idea or design against criteria and hypotheses.

User Research

Technique that records gaze to analyze attention and scanning patterns.

User Research

Technique that records gaze to analyze attention and scanning patterns.

User Research

F

F

A search pattern that lets users filter results by multiple attributes.

Web & Mobile Design

A search pattern that lets users filter results by multiple attributes.

Web & Mobile Design

A small site icon displayed in browser tabs, bookmarks, and shortcuts.

Web & Mobile Design

A small site icon displayed in browser tabs, bookmarks, and shortcuts.

Web & Mobile Design

A control for uploading files by selection or drag-and-drop.

Input

A control for uploading files by selection or drag-and-drop.

Input

The process of adapting a pre-trained AI model to specific tasks or domains.

AI/UX

The process of adapting a pre-trained AI model to specific tasks or domains.

AI/UX

Measures whether the first click for a task is on the right UI element.

User Research

Measures whether the first click for a task is on the right UI element.

User Research

A predictive model that relates target size and distance to selection time.

Principles

A predictive model that relates target size and distance to selection time.

Principles

Quick test for first impression and message clarity.

User Research

Quick test for first impression and message clarity.

User Research

A one‑dimensional CSS layout model for aligning items in a row or column.

Web & Mobile Design

A one‑dimensional CSS layout model for aligning items in a row or column.

Web & Mobile Design

A persistent circular button for the primary screen action.

Component

A persistent circular button for the primary screen action.

Component

The main area of interest or emphasis in a visual composition.

Layout & Composition

The main area of interest or emphasis in a visual composition.

Layout & Composition

A site‑wide section at the bottom with navigation, metadata, and utilities.

Web & Mobile Design

A site‑wide section at the bottom with navigation, metadata, and utilities.

Web & Mobile Design

Rules and feedback that ensure inputs are complete, correct, and secure.

Web & Mobile Design

Rules and feedback that ensure inputs are complete, correct, and secure.

Web & Mobile Design

Evaluation during design for improvement vs. final evaluation for decision-making.

User Research

Evaluation during design for improvement vs. final evaluation for decision-making.

User Research

An overlay that covers the entire screen.

Pattern

An overlay that covers the entire screen.

Pattern

Step-by-step conversion analysis to locate drop-off points in multi-step flows.

User Research

Step-by-step conversion analysis to locate drop-off points in multi-step flows.

User Research

A chart showing values through progressive stages, typically decreasing at each stage.

Visualization

A chart showing values through progressive stages, typically decreasing at each stage.

Visualization

G

G

A grid of items, usually images or media.

Component

A grid of items, usually images or media.

Component

Early-stage research that surfaces needs, mental models, and opportunity areas.

User Research

Early-stage research that surfaces needs, mental models, and opportunity areas.

User Research

Perceptual principles that guide grouping and visual organization.

Web & Mobile Design

Perceptual principles that guide grouping and visual organization.

Web & Mobile Design

System-level navigation using edge and swipe gestures instead of visible buttons.

Web & Mobile Design

System-level navigation using edge and swipe gestures instead of visible buttons.

Web & Mobile Design

A visual style featuring translucent surfaces with blur, highlights, and depth.

Web & Mobile Design

A visual style featuring translucent surfaces with blur, highlights, and depth.

Web & Mobile Design

A mathematical ratio (1:1.618) often used in design for pleasing proportions.

Layout & Composition

A mathematical ratio (1:1.618) often used in design for pleasing proportions.

Layout & Composition

A smooth transition between two or more colors used for fills, strokes, or overlays.

Web & Mobile Design

A smooth transition between two or more colors used for fills, strokes, or overlays.

Web & Mobile Design

A column-based layout structure that provides alignment, rhythm, and hierarchy.

Web & Mobile Design

A column-based layout structure that provides alignment, rhythm, and hierarchy.

Web & Mobile Design

Fast, low-cost, informal usability sessions in public or ad-hoc settings.

Web & Mobile Design

Fast, low-cost, informal usability sessions in public or ad-hoc settings.

Web & Mobile Design

The spacing between grid columns that controls rhythm and readability.

Web & Mobile Design

The spacing between grid columns that controls rhythm and readability.

Web & Mobile Design

H

H

When AI models generate plausible-sounding but incorrect or fabricated information.

AI/UX

When AI models generate plausible-sounding but incorrect or fabricated information.

AI/UX

An icon with three lines used to reveal hidden navigation.

Web & Mobile Design

An icon with three lines used to reveal hidden navigation.

Web & Mobile Design

Tactile responses that reinforce user actions on mobile devices.

Feedback

Tactile responses that reinforce user actions on mobile devices.

Feedback

Visualization of click or gaze intensity across an interface.

User Research

Visualization of click or gaze intensity across an interface.

User Research

Persistent or contextual guidance placed near a form control.

Web & Mobile Design

Persistent or contextual guidance placed near a form control.

Web & Mobile Design

A prominent top section that communicates the primary message and action.

Web & Mobile Design

A prominent top section that communicates the primary message and action.

Web & Mobile Design

Experts review an interface against a set of usability heuristics to find issues.

User Research

Experts review an interface against a set of usability heuristics to find issues.

User Research

A chart showing the distribution of numerical data using bins or intervals.

Visualization

A chart showing the distribution of numerical data using bins or intervals.

Visualization

The pure color itself, without tint or shade, representing position on the color wheel.

Color Theory

The pure color itself, without tint or shade, representing position on the color wheel.

Color Theory

A link to another location or resource.

Navigation

A link to another location or resource.

Navigation

Testable, falsifiable prediction or explanation.

User Research

Testable, falsifiable prediction or explanation.

User Research

I

I

A small graphic representing an action or concept.

Content

A small graphic representing an action or concept.

Content

One-on-one qualitative interview to understand motivations and mental models.

User Research

One-on-one qualitative interview to understand motivations and mental models.

User Research

A pattern that loads more content as the user nears the end of a list.

Pattern

A pattern that loads more content as the user nears the end of a list.

Pattern

The structure and labeling of content so people can find and understand it.

Web & Mobile Design

The structure and labeling of content so people can find and understand it.

Web & Mobile Design

Principles for informing participants, obtaining consent, and protecting data.

User Research

Principles for informing participants, obtaining consent, and protecting data.

User Research

Real-time feedback on user input.

Feedback

Real-time feedback on user input.

Feedback

A pattern that formats user input as it is typed to match an expected pattern.

Web & Mobile Design

A pattern that formats user input as it is typed to match an expected pattern.

Web & Mobile Design

Agreement between multiple researchers coding the same data.

User Research

Agreement between multiple researchers coding the same data.

User Research

J

J

Framework that centers the user’s job-to-be-done and success criteria.

User Research

Framework that centers the user’s job-to-be-done and success criteria.

User Research

K

K

Classifies features by their impact on satisfaction.

User Research

Classifies features by their impact on satisfaction.

User Research

The space between individual letter pairs in text.

Typography

The space between individual letter pairs in text.

Typography

L

L

AI models trained on vast text data to understand and generate human language.

AI

AI models trained on vast text data to understand and generate human language.

AI

The first screen shown when an app is opened.

Content

The first screen shown when an app is opened.

Content

Deferring off-screen content until it is needed to improve performance.

Performance

Deferring off-screen content until it is needed to improve performance.

Performance

The process of attracting and capturing interest in products or services.

Marketing

The process of attracting and capturing interest in products or services.

Marketing

The vertical space between lines of text, also known as line height.

Typography

The vertical space between lines of text, also known as line height.

Typography

The total revenue expected from a customer throughout their relationship with a business.

Analytics

The total revenue expected from a customer throughout their relationship with a business.

Analytics

An overlay that displays media in focus while dimming the background.

Web & Mobile Design

An overlay that displays media in focus while dimming the background.

Web & Mobile Design

A chart that displays information as a series of data points connected by lines.

Visualization

A chart that displays information as a series of data points connected by lines.

Visualization

An animation showing content is loading.

Feedback

An animation showing content is loading.

Feedback

A graphic symbol or emblem that represents a brand or company.

Branding

A graphic symbol or emblem that represents a brand or company.

Branding

M

M

AI subset where systems learn from data without explicit programming.

AI

AI subset where systems learn from data without explicit programming.

AI

A marker representing a location on a map.

Content

A marker representing a location on a map.

Content

The journey prospects take from awareness to purchase, visualized as a funnel.

Marketing

The journey prospects take from awareness to purchase, visualized as a funnel.

Marketing

A grid pattern with columns of equal width but variable item heights.

Web & Mobile Design

A grid pattern with columns of equal width but variable item heights.

Web & Mobile Design

CSS conditions that apply styles based on viewport and device characteristics.

Web & Mobile Design

CSS conditions that apply styles based on viewport and device characteristics.

Web & Mobile Design

An expanded navigation panel showing grouped links and rich content.

Web & Mobile Design

An expanded navigation panel showing grouped links and rich content.

Web & Mobile Design

Short, contextual text that guides users and reduces friction.

Web & Mobile Design

Short, contextual text that guides users and reduces friction.

Web & Mobile Design

A contained interaction that accomplishes a single task with feedback.

Interaction

A contained interaction that accomplishes a single task with feedback.

Interaction

A dialog that requires interaction before continuing.

Feedback

A dialog that requires interaction before continuing.

Feedback

Synchronous usability testing with a facilitator guiding participants neutrally.

User Research

Synchronous usability testing with a facilitator guiding participants neutrally.

User Research

Different shades, tints, and tones of a single hue.

Color Theory

Different shades, tints, and tones of a single hue.

Color Theory

The number of unique users who engage with a product within a monthly period.

Analytics

The number of unique users who engage with a product within a monthly period.

Analytics

Minimum Viable Product - the simplest version of a product that delivers value.

Product Management

Minimum Viable Product - the simplest version of a product that delivers value.

Product Management

N

N

AI field focused on human language understanding and generation.

AI

AI field focused on human language understanding and generation.

AI

A list of primary navigation options.

Navigation

A list of primary navigation options.

Navigation

Computing system inspired by biological neural networks.

AI

Computing system inspired by biological neural networks.

AI

A message alerting the user to new information.

Feedback

A message alerting the user to new information.

Feedback

Loyalty indicator based on likelihood to recommend.

User Research

Loyalty indicator based on likelihood to recommend.

User Research

O

O

A CSS property that defines how replaced content fits its container box.

Web & Mobile Design

A CSS property that defines how replaced content fits its container box.

Web & Mobile Design

A CSS property that positions replaced content within its box along X and Y axes.

Web & Mobile Design

A CSS property that positions replaced content within its box along X and Y axes.

Web & Mobile Design

A menu hidden off‑screen that slides in via icon or gesture.

Web & Mobile Design

A menu hidden off‑screen that slides in via icon or gesture.

Web & Mobile Design

A guided flow for account closure, subscription cancellation, or feature opt‑out.

Web & Mobile Design

A guided flow for account closure, subscription cancellation, or feature opt‑out.

Web & Mobile Design

A strategy to make apps fully usable without network connectivity.

Web & Mobile Design

A strategy to make apps fully usable without network connectivity.

Web & Mobile Design

A virtual keyboard that appears for text input on touch devices.

Web & Mobile Design

A virtual keyboard that appears for text input on touch devices.

Web & Mobile Design

A guided introduction that helps new users succeed quickly.

Pattern

A guided introduction that helps new users succeed quickly.

Pattern

Turning abstract concepts into measurable variables.

User Research

Turning abstract concepts into measurable variables.

User Research

A consent model where users explicitly grant permission before data is processed.

Web & Mobile Design

A consent model where users explicitly grant permission before data is processed.

Web & Mobile Design

A consent model where processing occurs by default unless the user revokes permission.

Web & Mobile Design

A consent model where processing occurs by default unless the user revokes permission.

Web & Mobile Design

Perceptual alignment to balance visual weight rather than strict math.

Web & Mobile Design

Perceptual alignment to balance visual weight rather than strict math.

Web & Mobile Design

A pattern that updates the interface immediately before the server confirms success.

Web & Mobile Design

A pattern that updates the interface immediately before the server confirms success.

Web & Mobile Design

Fixing screen orientation to portrait or landscape for a consistent experience.

Web & Mobile Design

Fixing screen orientation to portrait or landscape for a consistent experience.

Web & Mobile Design

How scroll containers respond when reaching their bounds, including glow, bounce, or chaining.

Web & Mobile Design

How scroll containers respond when reaching their bounds, including glow, bounce, or chaining.

Web & Mobile Design

P

P

Dots or markers showing pagination state.

Navigation

Dots or markers showing pagination state.

Navigation

Controls to navigate between pages of content.

Navigation

Controls to navigate between pages of content.

Navigation

A scrolling effect where background layers move slower than foreground content.

Web & Mobile Design

A scrolling effect where background layers move slower than foreground content.

Web & Mobile Design

Compensation or gifts provided in exchange for participants’ time.

User Research

Compensation or gifts provided in exchange for participants’ time.

User Research

An affordance to reveal or hide password text during entry.

Web & Mobile Design

An affordance to reveal or hide password text during entry.

Web & Mobile Design

Research-based, representative user archetypes.

User Research

Research-based, representative user archetypes.

User Research

A circular chart divided into sectors to show proportions of a whole.

Visualization

A circular chart divided into sectors to show proportions of a whole.

Visualization

Hint text inside an input that suggests the expected format or example.

Web & Mobile Design

Hint text inside an input that suggests the expected format or example.

Web & Mobile Design

A small overlay providing contextual information.

Pattern

A small overlay providing contextual information.

Pattern

A prioritized list of features, enhancements, and fixes for a product.

Product Management

A prioritized list of features, enhancements, and fixes for a product.

Product Management

The person responsible for defining product requirements and priorities.

Product Management

The person responsible for defining product requirements and priorities.

Product Management

A strategic document outlining the vision and direction of a product over time.

Product Management

A strategic document outlining the vision and direction of a product over time.

Product Management

Shows the status of an ongoing process.

Feedback

Shows the status of an ongoing process.

Feedback

A strategy that builds a core experience first and enhances when possible.

Principles

A strategy that builds a core experience first and enhances when possible.

Principles

A web app that uses modern APIs to deliver app‑like reliability, speed, and installability.

Web & Mobile Design

A web app that uses modern APIs to deliver app‑like reliability, speed, and installability.

Web & Mobile Design

Instructions or input text given to an AI model to generate a response.

AI/UX

Instructions or input text given to an AI model to generate a response.

AI/UX

The principle of grouping related elements together to show relationships.

Layout & Composition

The principle of grouping related elements together to show relationships.

Layout & Composition

A gesture that triggers content refresh by dragging a list downward.

Interaction

A gesture that triggers content refresh by dragging a list downward.

Interaction

Q

Q

A matrix barcode for fast linking and data transfer.

Web & Mobile Design

A matrix barcode for fast linking and data transfer.

Web & Mobile Design

Methods focused on exploring behavior, motivation, and meaning.

User Research

Methods focused on exploring behavior, motivation, and meaning.

User Research

Methods focused on producing statistically generalizable findings.

User Research

Methods focused on producing statistically generalizable findings.

User Research

A UI for constructing queries with fields, operators, and values without writing code.

Web & Mobile Design

A UI for constructing queries with fields, operators, and values without writing code.

Web & Mobile Design

Key‑value pairs after ? in a URL used for state, filtering, and routing.

Web & Mobile Design

Key‑value pairs after ? in a URL used for state, filtering, and routing.

Web & Mobile Design

A shortcut to perform an action rapidly.

Pattern

A shortcut to perform an action rapidly.

Pattern

A panel of frequently used toggles and controls for rapid access.

Web & Mobile Design

A panel of frequently used toggles and controls for rapid access.

Web & Mobile Design

R

R

An input for selecting one option from a group.

Input

An input for selecting one option from a group.

Input

A technique combining information retrieval with AI generation for more accurate responses.

AI/UX

A technique combining information retrieval with AI generation for more accurate responses.

AI/UX

A slider for selecting a value range.

Input

A slider for selecting a value range.

Input

The process of changing or updating a brand's identity and positioning.

Branding

The process of changing or updating a brand's identity and positioning.

Branding

Usability testing conducted remotely, either moderated or unmoderated.

User Research

Usability testing conducted remotely, either moderated or unmoderated.

User Research

Document covering goals, scope, methods, metrics, timeline, and risks.

User Research

Document covering goals, scope, methods, metrics, timeline, and risks.

User Research

Focused, bounded question the study seeks to answer.

User Research

Focused, bounded question the study seeks to answer.

User Research

A fluid approach that adapts layouts to any screen size.

Layout

A fluid approach that adapts layouts to any screen size.

Layout

Techniques to serve appropriately sized images based on device and layout.

Web & Mobile Design

Techniques to serve appropriately sized images based on device and layout.

Web & Mobile Design

Marketing to users who have previously interacted with your brand or website.

Marketing

Marketing to users who have previously interacted with your brand or website.

Marketing

The percentage of users who continue using a product over a specific time period.

Analytics

The percentage of users who continue using a product over a specific time period.

Analytics

A composition guideline that divides images into thirds for balanced placement.

Layout & Composition

A composition guideline that divides images into thirds for balanced placement.

Layout & Composition

S

S

Screen regions not obscured by notches, rounded corners, or system bars.

Web & Mobile Design

Screen regions not obscured by notches, rounded corners, or system bars.

Web & Mobile Design

Number and selection of participants to include in a study.

User Research

Number and selection of participants to include in a study.

User Research

A flow diagram where arrow width represents the quantity of flow between nodes.

Visualization

A flow diagram where arrow width represents the quantity of flow between nodes.

Visualization

Typefaces without decorative strokes, featuring clean and simple letter forms.

Typography

Typefaces without decorative strokes, featuring clean and simple letter forms.

Typography

Point at which no new themes emerge. A stopping criterion in qualitative work.

User Research

Point at which no new themes emerge. A stopping criterion in qualitative work.

User Research

A chart that uses dots to represent values for two different variables.

Visualization

A chart that uses dots to represent values for two different variables.

Visualization

Short filter survey to select participants who match the target profile.

User Research

Short filter survey to select participants who match the target profile.

User Research

A CSS feature that locks scrolling to defined positions for carousels and paged views.

Web & Mobile Design

A CSS feature that locks scrolling to defined positions for carousels and paged views.

Web & Mobile Design

A facilitator who helps teams follow Scrum practices and removes impediments.

Product Management

A facilitator who helps teams follow Scrum practices and removes impediments.

Product Management

An input to enter search queries.

Navigation

An input to enter search queries.

Navigation

A control for switching views or options.

Navigation

A control for switching views or options.

Navigation

A dropdown for choosing from multiple options.

Input

A dropdown for choosing from multiple options.

Input

Typefaces with small decorative strokes extending from letter forms.

Typography

Typefaces with small decorative strokes extending from letter forms.

Typography

A color created by adding black to a pure hue, making it darker.

Color Theory

A color created by adding black to a pure hue, making it darker.

Color Theory

A vertical panel for navigation or content.

Navigation

A vertical panel for navigation or content.

Navigation

A placeholder UI that indicates loading content structure.

Feedback

A placeholder UI that indicates loading content structure.

Feedback

A placeholder UI shown while content loads.

Feedback

A placeholder UI shown while content loads.

Feedback

A control for selecting a value from a range.

Input

A control for selecting a value from a range.

Input

A time-boxed iteration of development work, typically 1-4 weeks long.

Product Management

A time-boxed iteration of development work, typically 1-4 weeks long.

Product Management

A control to increment or decrement values.

Input

A control to increment or decrement values.

Input

A header that stays pinned to the top as users scroll.

Navigation

A header that stays pinned to the top as users scroll.

Navigation

Structured questionnaire for scalable data collection.

User Research

Structured questionnaire for scalable data collection.

User Research

Standard 10-item questionnaire producing a perceived usability score.

User Research

Standard 10-item questionnaire producing a perceived usability score.

User Research

A scalable icon strategy using SVG sprites, components, or inline markup.

Web & Mobile Design

A scalable icon strategy using SVG sprites, components, or inline markup.

Web & Mobile Design

A horizontal or vertical drag used to navigate or act on items.

Interaction

A horizontal or vertical drag used to navigate or act on items.

Interaction

A toggle to turn an option on or off.

Input

A toggle to turn an option on or off.

Input

A balanced arrangement where elements mirror each other across an axis.

Layout & Composition

A balanced arrangement where elements mirror each other across an axis.

Layout & Composition

T

T

A navigation bar for switching between views.

Navigation

A navigation bar for switching between views.

Navigation

A grid for displaying data.

Component

A grid for displaying data.

Component

A control for switching between related sections in the same context.

Navigation

A control for switching between related sections in the same context.

Navigation

The interactive area a user can comfortably tap or click.

Accessibility

The interactive area a user can comfortably tap or click.

Accessibility

Breakdown of steps, decisions, and information needs to accomplish a goal.

User Research

Breakdown of steps, decisions, and information needs to accomplish a goal.

User Research

A parameter that controls the randomness and creativity of AI model outputs.

AI/UX

A parameter that controls the randomness and creativity of AI model outputs.

AI/UX

A field for entering multiple lines of text.

Input

A field for entering multiple lines of text.

Input

A single-line input for text.

Input

A single-line input for text.

Input

Process for deriving and organizing meaningful themes from qualitative data.

User Research

Process for deriving and organizing meaningful themes from qualitative data.

User Research

Make the user’s mental model visible by asking them to verbalize thoughts.

User Research

Make the user’s mental model visible by asking them to verbalize thoughts.

User Research

A selectable rectangular content unit.

Component

A selectable rectangular content unit.

Component

A control for selecting a specific time.

Input

A control for selecting a specific time.

Input

A color created by adding white to a pure hue, making it lighter.

Color Theory

A color created by adding white to a pure hue, making it lighter.

Color Theory

A brief message that auto-dismisses.

Feedback

A brief message that auto-dismisses.

Feedback

A binary control to switch between two states, typically on and off.

Input

A binary control to switch between two states, typically on and off.

Input

The basic units of text that AI language models process and generate.

AI/UX

The basic units of text that AI language models process and generate.

AI/UX

A bar containing tools or actions.

Navigation

A bar containing tools or actions.

Navigation

A small label providing extra information.

Feedback

A small label providing extra information.

Feedback

A bar at the top for navigation and actions.

Navigation

A bar at the top for navigation and actions.

Navigation

The uniform spacing between all characters in a block of text.

Typography

The uniform spacing between all characters in a block of text.

Typography

A visualization that displays hierarchical data using nested rectangles.

Visualization

A visualization that displays hierarchical data using nested rectangles.

Visualization

Plain-text navigation test to measure findability and validate IA.

User Research

Plain-text navigation test to measure findability and validate IA.

User Research

A hierarchical list of items.

Navigation

A hierarchical list of items.

Navigation

Three colors evenly spaced around the color wheel, offering vibrant contrast.

Color Theory

Three colors evenly spaced around the color wheel, offering vibrant contrast.

Color Theory

Validate a finding using multiple methods or data sources.

User Research

Validate a finding using multiple methods or data sources.

User Research

A set of characters that share common design features and style.

Typography

A set of characters that share common design features and style.

Typography

A system of type sizes that provides hierarchy and rhythm.

Typography

A system of type sizes that provides hierarchy and rhythm.

Typography

U

U

Participants complete tasks on their own, typically asynchronously.

User Research

Participants complete tasks on their own, typically asynchronously.

User Research

A button to initiate file upload.

Input

A button to initiate file upload.

Input

An evaluative method that uncovers usability issues by observing real users complete tasks.

User Research

An evaluative method that uncovers usability issues by observing real users complete tasks.

User Research

A menu with user-specific options.

Navigation

A menu with user-specific options.

Navigation

A brief description of a feature from the user's perspective.

Product Management

A brief description of a feature from the user's perspective.

Product Management

V

V

Feedback on input correctness.

Feedback

Feedback on input correctness.

Feedback

A measure of how much work a team completes in a given time period.

Product Management

A measure of how much work a team completes in a given time period.

Product Management

A component for playing video content.

Component

A component for playing video content.

Component

An HTML tag that controls layout viewport size and scaling on mobile.

Web & Mobile Design

An HTML tag that controls layout viewport size and scaling on mobile.

Web & Mobile Design

The arrangement of elements to guide viewers through content in order of importance.

Layout & Composition

The arrangement of elements to guide viewers through content in order of importance.

Layout & Composition

The visual elements that represent and distinguish a brand.

Branding

The visual elements that represent and distinguish a brand.

Branding

W

W

The empty areas around and between design elements, also called negative space.

Layout & Composition

The empty areas around and between design elements, also called negative space.

Layout & Composition

Intentional negative space that improves clarity, focus, and hierarchy.

Web & Mobile Design

Intentional negative space that improves clarity, focus, and hierarchy.

Web & Mobile Design

A self-contained UI component.

Component

A self-contained UI component.

Component

A guided, step-by-step process flow.

Pattern

A guided, step-by-step process flow.

Pattern

Prototype evaluation where humans simulate automation behind the scenes.

User Research

Prototype evaluation where humans simulate automation behind the scenes.

User Research

A logo that consists of text only, using distinctive typography.

Branding

A logo that consists of text only, using distinctive typography.

Branding

Z

Z

A common scanning pattern where eyes move in a Z-shaped path.

Reading Pattern

A common scanning pattern where eyes move in a Z-shaped path.

Reading Pattern

A tool for adjusting zoom level.

Navigation

A tool for adjusting zoom level.

Navigation