i

The dictionary

787 of 16,799

The source holds 16,799 terms. This page holds 787, and the difference is the whole method: a term is admitted only where the building uses the word — as the name of a row in a collection, or in the prose of a page. The rest stay in the source file until there is something here to attach them to.

That rule is also the feature. A term is admitted because it appears somewhere, so the list of somewheres is already known — every entry below carries every page in the building that uses it. 195 of the 787 are the name of a row as well as a word, which is the point at which a definition stops being a gloss and starts being an address.

Category
In the building

A11y

Accessibility tier 4

Numeronym for accessibility — a, 11 letters, y — used as shorthand in web and UX discussions.

2 pages the entry →

Absolute positioning

tier 3

CSS placement from fixed offsets.

Accessibility

Accessibility tier 1

Building digital products that remove barriers and adapt to diverse sensory, motor, and cognitive needs, resulting to an improved user experience.

13 pages the entry →

Accessibility API

AccessibilityWeb UX tier 2

API that exposes UI elements and states to assistive technologies, enabling screen readers and other tools to interpret content.

Not Accessibility Guidelines

Accessibility Audits

tier 3

see Accessibility Audit

Accessibility Inspector

AccessibilityEvaluation Method tier 2

Tool that scans UI elements and webpage structures to identify accessibility issues and suggest fixes in real time.

Also Accessibility Analyzer

Accessibility Tester

tier 3

Accessibility support for tester.

Accessibility Testing

Evaluation MethodVisual Design tier 1

Process to verify that color contrast, text size, and interactive elements meet guidelines like WCAG to ensure usability for all people.

Also Accessibility audit

Not User testing

Accessible Announcement

AccessibilityUI Component tier 2

On‑screen message that appears without disrupting focus, designed to be read by screen readers and visible to sighted users alike.

Not Modal Dialog (Focus Capture)

Accessible Name

AccessibilityUX Writing tier 2

Label presented to users via screen readers, built from visible content or ARIA‑label attributes for semantic clarity.

2 pages the entry →

Accordion

Interaction PatternUI Component tier 1

UI element that presents nested panels that expand or collapse, optimizing layout and navigation flow.

8 pages names a row 5 of 8 systems the entry →

Achievement

Research MethodVisual Design tier 2

Measurable outcome that users can attain, often displayed as badges or scores to celebrate success.

2 pages the entry →

Acknowledgement

tier 3

Confirmation that an action was received.

Action Bar

tier 3

see Action Strip

Action Confirmation

Design PrincipleUI Component tier 2

UI component that appears post‑interaction to validate the user's intent and prevent confusion or errors.

Not Error message

Action Design

Interaction PatternUsability tier 1

Model by Donald Norman, outlining how users interact with products or interfaces, focusing on how they form goals, take action, and evaluate outcomes.

2 pages the entry →

Active

Evaluation MethodMetrics tier 2

The condition of a user actively engaging with content, measured by clicks, scrolls, or time spent on a task.

5 pages names a row the entry →

Active State

Interaction PatternUI Component tier 1

Temporary visual feedback an element provides while a user is pressing or clicking it, before the action is complete.

Also Component State

Not Active Link (current page indicator), Active Button (pressed state)

Activity

tier 2

User-executable actions, or steps that shape the design process.

Not Static layout

Adversarial Design

Design MethodPrototyping tier 2

Approach that uses the means and forms of design to challenge beliefs, values, and what is taken to be fact.

Not Captcha challenge

Affordance

Design PrincipleInteraction Pattern tier 1

Property of an object or visual component that suggests how it should be used through visual or physical cues.

Not Functionality

this building has written this one on the Stairwell →

Aggregator

Data VisualizationNavigation tier 2

Platform that displays grouped content—such as news feeds or product listings—in a single interface, enabling quick comparison and filtering.

Not Carousel

AIG

tier 3

→ AI Image Generator

Alarm

Mobile UXVisual Design tier 2

Interface element signaling critical events with motion, color, or sound to draw immediate attention.

Also alert

Not warning

Alert Dialog

Interaction PatternUI Component tier 1

Blocks underlying UI, displays urgent information, and requires user response.

2 pages the entry →

Alert Message

tier 3

see Alert Notification

Alignment

LayoutVisual Design tier 1

Aligning components to achieve balanced layout and unified aesthetic across design.

Analytics

Metrics tier 1

Monitoring user actions like button clicks and page navigation to gather insights.

2 pages the entry →

Animation

Interaction PatternVisual Design tier 1

Animated effects that guide users through interface states.

3 pages the entry →

Ant Design

UI ComponentUX Methodology tier 2

Enabling components to shift fluidly between desktop, tablet, and mobile layouts using ready‑made responsive patterns.

3 pages names a row the entry →

Archive

Content PatternInformation Architecture tier 2

Moves a card or record into a hidden folder, preserving its context for future reference.

3 pages the entry →

Aria Attribute

Accessibility tier 2

Synchronizes designer’s vision with screen‑reader behavior via ARIA tags.

Not aria-labelledby attribute

Arrow Keys

AccessibilityUI Component tier 2

Allowing users to jump through extended pages with left/right/up/down controls.

2 pages the entry →

Aspect Ratio

Design Principle tier 1

Proportional scaling factor derived from viewport width divided by height for responsive layouts.

1 page names a row 1 of 8 systems the entry →

Assistive Technology

Accessibility tier 4

Devices, software, and tools that help people with disabilities interact with digital products by adapting the interface.

4 pages the entry →

Asymmetry

Design Principle tier 2

Creating intentional non‑equivalence in shape or size to guide user flow without relying on rigid grids.

4 pages the entry →

Attention

Cognitive ScienceDesign Principle tier 2

Focusing the user’s mental resources on a specific element or task, filtering out irrelevant stimuli to guide interaction.

7 pages the entry →

Audio Control

tier 1

see Audio Controls

Authentication

Design SystemTechnical Implementation tier 1

Proves identity before any other permissions apply, acting as first gate in access control.

5 pages the entry →

Auto Layout

Technical ImplementationUX Methodology tier 2

Empowers iterative UX testing, letting teams quickly tweak spacing without re‑coding screens.

Also Responsive Design

Automation

Emerging TechnologyEvaluation Method tier 2

Building interfaces that self‑manage tasks, freeing users from routine actions.

Not Automated testing

Avatar

UI ComponentVisual Design tier 1

Visual symbol that identifies a user in UI elements, such as photo or stylized figure.

3 pages names a row 4 of 8 systems the entry →

Backdrop

Interaction PatternUI Component tier 1

Dimmed overlay behind modal that highlights dialog and dims surrounding UI components.

names a row 1 of 8 systems the entry →

Background Audio

Cognitive ScienceInteraction Pattern tier 2

Ambient sound layer that supports primary tasks, subtly guiding attention while users focus on foreground activities.

2 pages the entry →

Badge

tier 3

see Achievement Badge

Badge Indicator

Mobile UXNavigation tier 2

In mobile UX, badges appear on app icons to notify users of pending updates or notifications.

names a row 1 of 8 systems the entry →

Baseline

Evaluation MethodResearch Method tier 2

Standard measure of usual user interactions within present UI during testing sessions.

9 pages the entry →

Basket

NavigationUI Component tier 2

Quick‑access button in the top bar opens stored items.

2 pages the entry →

Below the Fold

Layout tier 2

Content area requiring scrolling to view, derived from newspaper layout terminology.

Not Fold

Biometrics

Emerging Technology tier 2

Supporting adaptive interfaces that personalize content using user identity verified by unique physiological markers.

Not Passwords, Two‑factor authentication

Block

Interaction PatternMobile UX tier 2

Design pattern that temporarily disables page interaction to guide users through a single-step process without distractions.

3 pages the entry →

Bold

Typography tier 2

Improving accessibility by enabling clearer screen‑reader navigation and focus via suitable spacing.

Bookmark

NavigationUI Component tier 2

Linking bookmark UI to backend, synchronizing across platforms.

Border

LayoutVisual Design tier 1

Visual outline in a UI element, separating it visually from surrounding content and guiding user focus.

2 pages the entry →

Brand Manual

Design SystemUX Deliverable tier 2

Confirms design decisions match brand goals, ensuring interfaces stay genuine and user‑centered.

Breakpoint

tier 1

see Breakpoints

Browser Support

Cross-platformTechnical Implementation tier 2

Test UI components across browsers to catch layout or feature discrepancies early.

Also Browser Compatibility

Not Responsive design

Browser Zoom

AccessibilityUI Component tier 2

Allowing users to adjust page size via pinch or keyboard shortcuts for personalized viewing.

Not Browser Page Zoom

Budget

MetricsUX Strategy tier 2

Shapes feature scope, dictating which UX enhancements can be built, tested, and shipped within fiscal limits.

2 pages the entry →

Bug

Error PreventionEvaluation Method tier 2

Dynamic content fails to load or display, breaking task continuity.

Bulk Actions

tier 2

see Bulk Action

Button Label

TypographyVisual Design tier 1

Label on a button that conveys intent, such as “Submit,” “Cancel,” or “Save,” enabling quick decision making.

Not Button text

Button Set

UI Component tier 2

Presenting multiple mutually exclusive choices styled as toggle switches or radio buttons.

names a row 1 of 8 systems the entry →

Cancel

Design ProcessEvaluation Method tier 2

The process of discarding a draft or prototype during iterative testing to refine the final user experience.

3 pages names a row the entry →

Canvas

Design System tier 1

Primary workspace in Figma or Sketch where vector art, typography, UI components coexist.

Captions

Information ArchitectureVisual Design tier 1

Annotate images or videos with brief explanations, guiding users through complex visual information efficiently.

3 pages the entry →

Car Dashboard

Information ArchitectureUI Component tier 2

UI Component that displays real‑time vehicle data—speed, fuel, engine status—and controls like lights and climate, guiding driver decisions.

2 pages the entry →

Card

tier 3

see Content Block

Cart

Interaction PatternUI Component tier 1

Aggregates selected goods into an on‑screen cart, offering edit options and a clear subtotal for the next step.

2 pages the entry →

Case Studies

tier 3

see Case Study

Category

Information ArchitectureNavigation tier 2

Grouping of related items that helps users find and compare options quickly.

3 pages the entry →

Center

Mobile UXNavigation tier 2

Centering navigation elements places the main menu in the middle of the screen for easy access on mobile devices.

Not Left‑aligned navigation

Checkbox

Interaction PatternUI Component tier 1

UI element that switches between selected and deselected when users tap it.

9 pages names a row 8 of 8 systems the entry →

Checkbox Group

Interaction PatternUI Component tier 1

Interactive UI component where each option appears as a checkbox; selecting one does not deselect others, allowing multiple choices.

1 page names a row 2 of 8 systems the entry →

Checklist

Interaction PatternUI Component tier 1

Displaying progress steps, letting users see which items are complete and what remains.

names a row 1 of 8 systems the entry →

Checkout

Interaction PatternNavigation tier 2

Computes final amount, applies available discounts, displays concise summary prior to payment.

4 pages the entry →

Chip

Interaction PatternUI Component tier 1

Labeled UI token that accepts touch or click input.

Also Tag · Filter Chip

Not Checkbox, Toggle Switch

Chunking

tier 3

see Content Chunking

Clarity

tier 3

see Usability

Click

Interaction PatternUI Component tier 2

Selecting a highlighted UI element by touching or clicking.

8 pages the entry →

Click Count

Evaluation MethodUsability tier 2

Tracks the number of clicks required to complete a task, indicating navigation efficiency and potential friction points.

Not Click-Through Rate (CTR)

Cluster Analysis

MetricsResearch Method tier 2

Clusters heat‑map signals to detect common navigation paths, informing layout and hierarchy decisions.

Not Cluster-Based Usability Analysis

Collapse

Mobile UXNavigation tier 1

Collapses nested navigation items to streamline menus and free space on mobile screens.

names a row 1 of 8 systems the entry →

Collection

LayoutVisual Design tier 1

In UI design, a collection displays multiple cards or tiles that users can scroll through to find content quickly.

30 pages names a row 1 of 8 systems the entry →

Color

Design PrincipleUI Component tier 2

Integrating color shade with brightness to generate depth, layering, and emphasis in UI components.

6 pages the entry →

Color Accessibility

AccessibilityVisual Design tier 1

Selecting hues that remain distinguishable for users with visual impairments and color blindness.

Not Color Accessibility Standard, Color Accessibility Testing

Color Blindness

AccessibilityDesign Principle tier 1

Applying color‑blind simulation tools to assess UI design, spotting accessibility problems before launch.

Not Color Vision Deficiency

Color Contrast

AccessibilityDesign Principle tier 1

Ensuring UI colors complement each other instead of clashing.

Not Color Contrast Analyzer, Color Contrast Check, Color Contrast Checker

Color Picker

UI Component tier 1

Displaying array of colors enabling users to choose preferred hue.

1 page names a row 2 of 8 systems the entry →

Combo Box

Interaction PatternUI Component tier 1

Combining text input accessibility with visual cue of drop‑down arrow for selection.

1 page names a row 4 of 8 systems the entry →

Combo Button

Interaction PatternUI Component tier 2

On click, reveals or hides neighboring sub‑actions, streamlining UI without losing access to related functions.

names a row 1 of 8 systems the entry →

Combobox

Interaction PatternUI Component tier 2

Combining freeform text input with a selector, enabling dual entry methods within one UI element.

6 pages names a row the entry →

Command Line

Interaction PatternUI Component tier 2

Interface where users type commands instead of using graphics.

2 pages the entry →

Comment

Design ProcessPrototyping tier 1

Inline annotation added by designers to explain or critique UI elements during prototyping or handoff.

2 pages names a row the entry →

Competence

Cognitive Science tier 2

Design reduces cognitive load, enabling users to master features quickly.

2 pages the entry →

Competitive Advantage

Evaluation MethodUsability tier 2

Occurs when a UX design consistently satisfies user needs faster or more intuitively than competitors’ interfaces.

Complexity

Design SystemInteraction Pattern tier 2

Evaluates how many distinct UI components interact simultaneously, shaping the overall system’s maintainability and user load.

3 pages the entry →

Component

UI Component tier 2

Modular interface piece that combines with others to build complex screens.

21 pages the entry →

Component Library

tier 3

see Component Libraries

Component Set

Design SystemVisual Design tier 2

Collection of reusable UI elements grouped by shared style or function for consistent design across a product.

Not Single Component (individual element)

Composite

Information ArchitectureNavigation tier 2

In navigation design, a composite route bundles several sub‑paths under a common label to simplify user flow and reduce menu clutter.

2 pages names a row the entry →

Confidence

LayoutNavigation tier 2

Designers build confidence by simplifying navigation paths and reducing cognitive load through intuitive layouts.

3 pages the entry →

Configuration

Technical ImplementationUX Strategy tier 2

Enabling users to adjust settings and personalize interface.

Also Settings

Confirm

Interaction PatternUI Component tier 1

Signals that a user’s action is accepted and will be processed, often by displaying a brief message or visual cue.

7 pages the entry →

Confirm Button

Interaction PatternMobile UX tier 2

In mobile interfaces, a confirm button appears as the last step in a workflow, ensuring users intentionally proceed.

Also Submit

Not Back Button

Confirmation

Cognitive ScienceInteraction Pattern tier 1

Require explicit approval from users prior to finalizing important decisions, cutting error rates.

7 pages the entry →

Confusion

Cognitive ScienceError Prevention tier 2

Overwhelming options or complex layouts block quick comprehension.

4 pages the entry →

Constraints

Information ArchitectureNavigation tier 1

Shape navigation paths by restricting available routes, helping users focus on critical tasks.

2 pages the entry →

Consumer

Service Design tier 2

Shapes every UX touchpoint through needs, behaviors, and emotions.

Also customer

Contact Form

tier 3

Form for sending contact details.

Container

LayoutUI Component tier 2

Holds related items, applying fixed sizing constraints to maintain structure.

7 pages the entry →

Content Design

Content Strategy tier 1

Shapes information flows, balancing words, images, and media to support seamless navigation.

Not Copywriting

Content Governance

UX MethodologyUX Strategy tier 2

Guiding how content is authored, reviewed, and refreshed to keep user‑centric quality.

Not Content Management System (CMS)

Content Structure

Content StrategyInformation Architecture tier 1

Determining how content divides into groups and how menus guide users to them.

Not Content Strategy

Content Switcher

NavigationWeb UX tier 1

Navigation aid that displays multiple content options in a compact form, letting users select one view at a time without leaving the current context.

names a row 1 of 8 systems the entry →

Context

Information ArchitectureInteraction Pattern tier 2

Set of environmental cues that guide users toward meaningful actions within a system.

9 pages the entry →

Context Menu

Interaction PatternUI Component tier 1

Pops up on right-click, presenting options relevant to selected item.

names a row 1 of 8 systems the entry →

Contrast Checker

Design SystemEvaluation Method tier 1

Integrated feature in design systems that validates component palettes against accessibility standards before release.

Not Contrast Ratio Calculator

Contrast Ratio

AccessibilityVisual Design tier 1

Quantifies how much text stands out from its background to aid visibility.

Not Color Contrast Ratio, Contrast Ratio Calculator

Control

Interaction PatternUI Component tier 2

Controls granting users ability to adjust application configuration through the UI.

18 pages names a row the entry →

Controller

Design ProcessUsability tier 1

Manages state changes, updating visual feedback and ensuring consistent behavior across the interface.

Cookies

Metrics tier 1

Log device type and browser details, guiding responsive design choices.

3 pages the entry →

Copy Editing

Content PatternDesign System tier 2

Coordinate with design and development to ensure uniform language across UI text, support pages, and ads.

Countdown

Interaction PatternMobile UX tier 1

Interactive element that updates in real‑time, guiding users toward an upcoming action by showing how much time they have left.

Not Progress Bar

Counter

AccessibilityNavigation tier 2

In navigation, a counter highlights the number of items in a cart, notifications, or messages to inform users of pending interactions.

Also Badge

Not Counter

Crash

Design ProcessMobile UX tier 1

The moment when a mobile device’s operating system halts an app due to memory limits, displaying a “force close” dialog.

Not Bug, Glitch

Creative Commons

tier 3

Open licensing framework.

Credibility

Design Principle tier 1

Trust built by consistent, honest interactions.

Cross-Platform Design

Cross-platformDesign System tier 1

Ensuring seamless usability between desktop, mobile, and web.

Not Cross-Platform Development

CSS3

tier 3

Third major CSS generation.

CSV

tier 3

Comma-separated data format.

Cursor

Interaction PatternUI Component tier 1

Projects laser or beam to interact with 3D UI elements in virtual reality.

Also Pointer

Not Hand, Controller button

Customer

Design SystemResponsive Design tier 2

Anyone engaging with a service, whose preferences drive personalization and adaptive UI elements.

3 pages the entry →

Dark Pattern

Design PrincipleInteraction Pattern tier 2

User interactions are engineered to trick clicks, prioritizing company gains over user welfare.

2 pages the entry →

Dashboard

Data VisualizationUI Component tier 1

Quick view of system health, employing colors and symbols to convey status instantly.

3 pages the entry →

Data Grid

Data VisualizationUI Component tier 1

Displaying, sorts, and edits large data sets in a table-like interface.

Also Data Table

Data Pipeline

Evaluation MethodResearch Method tier 1

In UX design, a data pipeline streams user interaction logs into analytics tools, enabling real‑time insights and iterative improvements.

Not Data Lake

Data Widget

MetricsWeb UX tier 1

Embedded UI block that aggregates analytics or status updates, enabling users to monitor performance without leaving the current page.

Not Generic UI widget

Database

MetricsTechnical Implementation tier 1

Supplies fast read/write access to relational or NoSQL information, powering responsive UX components.

3 pages the entry →

Date Input

Interaction PatternUI Component tier 1

Offers both text field and popup calendar, decreasing incorrect date entries.

names a row 1 of 8 systems the entry →

Date Picker

Interaction PatternUI Component tier 1

Displaying an on‑screen calendar for selecting dates in user interfaces.

3 pages names a row 5 of 8 systems the entry →

Date Range Picker

Interaction PatternUI Component tier 2

Displaying paired calendars, letting users apply or cancel a chosen date span.

names a row 1 of 8 systems the entry →

deceleration

tier 3

Slowing motion over time.

Deceptive Design

Anti-pattern tier 2

Elements obscure true intent, steering users toward higher revenue goals.

2 pages names a row the entry →

DECIDE

LayoutMetrics tier 2

On the optimal layout grid after comparing user task completion times across prototypes.

2 pages the entry →

Delay

Interaction PatternPerformance tier 1

Time delay before screen updates, typically sensed as lag resulting from slow server response or low bandwidth.

2 pages the entry →

Delete

Interaction PatternUI Component tier 2

Remove an item from a list or interface, often with confirmation to prevent accidental loss.

8 pages names a row the entry →

Delivery

Service DesignUX Deliverable tier 2

Updating digital product screens with findings from latest UX research.

Not Delivery

Design Decision

Design MethodUX Strategy tier 1

Matches user needs with business priorities to pick appropriate features.

Not Design Decision Framework, Design Decision Making, Design Decision Matrix

Design Feedback Loop

Design ProcessUX Methodology tier 2

Iterative cycle of evaluating, adjusting, and re‑testing designs to improve user experience.

Not Design Sprint

Design Pattern

Design MethodInteraction Pattern tier 2

Applying tested interaction patterns to resolve typical UI issues.

Not Pattern, Design Pattern (software)

Design Principles

Design Principle tier 1

Shape interfaces with consistent, clear, usable guidelines across all touchpoints.

Not Design Principles Documentation, Interaction Design Principles, Japanese Design Principles

Design Tokens

Design SystemTechnical Implementation tier 1

Tokens name UI values—color, spacing, type—allowing consistent application on all platforms.

Designer

Organizational UX tier 2

Crafts user journeys, guiding touchpoints to feel natural, consistent, and bolster overall experience.

5 pages the entry →

Desktop

Design ProcessOrganizational UX tier 2

Personal computer with a monitor, keyboard, and mouse, designed for use on a desk or table surface.

5 pages the entry →

Desktop Application

Content StrategyNavigation tier 2

Users launch desktop software from a start menu or desktop icon, navigating through dialog boxes and context menus that reflect hierarchical task flows.

Not Web app

Desktop software

tier 3

Software for desktop computers.

Development

Interaction PatternUsability tier 2

Integrates usability testing results to adjust interaction patterns, ensuring smooth navigation and consistent user experience across devices.

Not Product Development

Device Motion

Emerging TechnologyTechnical Implementation tier 2

Mapping physical movements—tilt, shake—to UI commands such as scrolling or pressing buttons.

Not Touchscreen gestures

Dialog

Interaction PatternUI Component tier 1

Overlays that display messages or collect quick responses.

8 pages names a row 7 of 8 systems judged the entry →

Dialog Window

Interaction PatternUI Component tier 2

Appears above other windows, often demanding user response before continuing.

Also Modal Window

Not Tooltip, Notification Banner

Difficulty

AccessibilityInteraction Pattern tier 2

Reflects the challenge users face when interacting with UI components that lack clear affordances.

7 pages the entry →

Digital Identity

Emerging Technology tier 2

Merging static data—name, email—with real‑time behavior signals like clicks, guiding personalized UX flows.

Dimmer

Interaction PatternUI Component tier 2

Labeled endpoints and live feedback let users perceive changes as they occur on this accessible UI element.

1 page names a row the entry →

Disclosure

Content PatternInteraction Pattern tier 2

Hover cards show user profile details on name hover, giving quick context.

7 pages names a row 1 of 8 systems the entry →

Discoverability

Design PrincipleInformation Architecture tier 1

Enabling users to intuitively locate functions through clear layout and labeling.

3 pages the entry →

Divider

Content PatternUI Component tier 1

Segments UI elements with a clean, straight edge that keeps layout uncluttered.

2 pages names a row 4 of 8 systems the entry →

Documentation

Design SystemUX Deliverable tier 1

Interactive guide letting users explore features via embedded videos or demos.

6 pages the entry →

Draft

Interaction PatternPrototyping tier 1

Early prototype created quickly to test layout ideas and user flow without full functionality.

4 pages the entry →

Drag

Interaction PatternUI Component tier 2

Requiring touch precision, larger hit areas, clear affordances for mobile drag gestures.

Not Click

Drawer

Interaction PatternUI Component tier 1

Panel moves along screen edge, exposing hidden menu.

1 page names a row 2 of 8 systems the entry →

Drop

Interaction PatternMobile UX tier 1

The action of removing content from a page, such as deleting a file or dismissing a notification with a swipe gesture.

2 pages the entry →

Drop Zone

Interaction PatternUsability tier 1

Guides users by indicating where to release draggable content, enhancing task flow and reducing errors.

names a row 1 of 8 systems the entry →

Dropzone

AccessibilityInteraction Pattern tier 1

Dropzones support accessibility by providing keyboard focus states and ARIA labels for screen‑reader users.

names a row 1 of 8 systems the entry →

Dyslexia

AccessibilityCognitive Science tier 2

Design interfaces that support quick scanning, avoiding clutter for dyslexic readers.

Not Vision impairment

Easing

Cognitive ScienceMotion Design tier 1

Applies mathematical curves to motion, making interface changes feel less abrupt and more intuitive.

Not Acceleration (physics)

Edge AI

tier 3

AI running on edge devices.

Editing

TypographyVisual Design tier 2

Provides a controlled environment where users can adjust layout, color, or typography to personalize visual presentation on the fly.

2 pages the entry →

Efficiency

Design PrinciplePerformance tier 1

Performance UX concept: Analyze user flow analytics to pinpoint high‑latency steps; iteratively refine those touchpoints to boost overall task efficiency.

Also Productivity

Not Effectiveness

Elastic UI

Design PrincipleUX Methodology tier 2

In a product’s UX strategy, elastic design reduces maintenance by letting UI elements auto‑adjust when content updates occur.

Not Fixed layout, Static UI

Elevation

Motion DesignUI Component tier 1

Measurable value (in dp) that defines how high a component sits above the base plane in responsive design.

1 page names a row 1 of 8 systems the entry →

Email

Interaction PatternUI Component tier 2

Inbox layout offering quick actions (archive, delete, flag) accessible through swipe gestures or contextual menus.

3 pages names a row the entry →

Email address

tier 3

Address for receiving email.

Emoji

Content PatternUI Component tier 2

Pattern where emojis are paired with text labels to enhance accessibility for quick scanning.

Not Emoticon

Emphasis

Color TheoryLayout tier 1

Directs attention through contrast, ensuring critical actions stand out in a layout for quick recognition.

1 page names a row the entry →

Empty State

Content PatternInteraction Pattern tier 1

Screen shown when there’s nothing to display, guiding users toward next steps.

3 pages names a row 1 of 8 systems judged the entry →

End State

Design ProcessUX Methodology tier 2

Target outcome users seek to accomplish through interface interaction and tasks.

Not End Goal, Final State

Enterprise

Organizational UXUX Strategy tier 2

It involves mapping complex workflows to intuitive interfaces that reduce training costs and improve productivity for thousands of users.

Equity

Interaction PatternUsability tier 2

In UX means designing interfaces that adapt to varied skill levels, offering shortcuts for experts and guidance for novices.

Not Accessibility

Error

Design PrincipleInteraction Pattern tier 2

An unhandled exception presented as a friendly error page with guidance.

27 pages names a row the entry →

Error Boundary

Design SystemInteraction Pattern tier 1

Catches runtime errors in child components, preventing a broken UI from crashing the entire app.

names a row 1 of 8 systems the entry →

Error Message

Interaction PatternUI Component tier 1

Message displayed after a malfunction, guiding users toward resolution.

4 pages names a row 2 of 8 systems the entry →

Error State

Error PreventionUI Component tier 1

The part of the UI that appears after a failure, showing what went wrong and offering remedial steps.

Also Error Message

Not Warning State

Error Summary

Error PreventionUI Component tier 1

Concise list of all form errors, displayed near the top to guide users in correcting inputs quickly.

names a row 1 of 8 systems the entry →

Error Tolerance

Design PrincipleError Prevention tier 2

UX’s approach to accepting user mistakes, providing non‑disruptive solutions so flow isn’t broken.

2 pages the entry →

ESG

tier 3

Environmental and social governance.

EST

tier 3

Eastern Standard Time.

Ethics

Cognitive ScienceDesign Principle tier 1

Approach that balances stakeholder interests while placing user welfare at the center of decision‑making.

Also Ethical design

Evaluation

PrototypingResearch Method tier 1

Continuous feedback loop where designers test prototypes with real users and refine based on observed behaviors.

2 pages the entry →

Expand

Mobile UXNavigation tier 1

Allows users to access nested navigation levels, preserving context while offering deeper content paths within a menu or sidebar.

Not Collapse

Extension

PrototypingUsability tier 1

During prototyping, an extension represents a modular piece of UI that developers can attach to existing screens for rapid iteration and testing.

4 pages the entry →

Fade

tier 3

see Fade In

Failure Mode

Error PreventionEvaluation Method tier 1

Scenario where an interface’s logic fails, requiring remediation before launch.

Not Failure Mode Analysis

Failure Rate

Metrics tier 2

Ratio of failed to successful clicks within a navigation path, highlighting problematic links.

Favorite

tier 1

see Favorites

Feature

AccessibilityUI Component tier 1

UI components are reusable building blocks; a feature defines their purpose within a specific workflow.

7 pages the entry →

Feed

NavigationUI Component tier 1

Interface element that aggregates posts, notifications, or messages from multiple sources into a single view for quick consumption.

8 pages names a row judged the entry →

Feedback

Design PrincipleEvaluation Method tier 1

The principle that feedback should be timely, specific, and actionable, enabling users to adjust behavior quickly.

11 pages names a row 1 of 8 systems the entry →

Feedback Loop

UX Methodology tier 1

Continuous cycle where feedback shapes product evolution.

Not Action-Feedback Loop, Actionable Feedback Loop, Agile Feedback Loop

Field

AccessibilityUX Writing tier 2

In accessibility terms, a field must have an associated label and clear focus state for screen readers.

21 pages names a row 1 of 8 systems the entry →

Field Label

AccessibilityUI Component tier 1

Accessible name attached to a UI control, read by screen readers to describe its function.

Not Placeholder text

Fieldset

UI Component tier 2

HTML element grouping form fields.

2 pages names a row 2 of 8 systems the entry →

Figma

Interaction PatternPrototyping tier 1

With Figma’s prototyping feature, designers link screens to simulate user flows without coding.

2 pages names a row the entry →

Figma File

Design System tier 2

A single Figma file contains multiple pages, each representing different screens or design iterations within the same project.

File Upload

Interaction PatternUI Component tier 1

UI element that lets users select and send files from their device to the application.

1 page names a row 2 of 8 systems the entry →

Filter

Interaction PatternUI Component tier 1

UI element that lets users narrow content by selecting criteria like categories, dates, or tags.

26 pages the entry →

Finding

Evaluation MethodUsability tier 2

Insight extracted from usability testing that guides design decisions.

34 pages the entry →

Flat list

tier 3

Single-level list.

Not Flat comment list, Flat message list

Flow

Cognitive ScienceDesign Principle tier 1

User’s perception of a fluid journey, where every transition feels natural, guided by consistent affordances and context cues.

10 pages the entry →

Fluid Type

Responsive DesignTypography tier 1

Adapts its font size and weight automatically to fit varying screen widths, ensuring legibility across devices.

Focus

Interaction PatternUI Component tier 1

Indicates the active input field where keystrokes or gestures register, guiding user flow through forms or controls.

10 pages names a row 2 of 8 systems the entry →

Focus Order

AccessibilityInteraction Pattern tier 1

The process of testing and adjusting focus order during usability studies to identify friction points for keyboard users.

2 pages names a row the entry →

Fold

Layout tier 1

The portion of a web page visible without scrolling, considered prime real estate for important content and calls to action.

2 pages the entry →

Font

Typography tier 1

Element of visual hierarchy, fonts guide users through content by emphasizing importance and intent.

3 pages the entry →

Font Metrics

tier 3

Measurements of glyph geometry.

Form

Interaction PatternUI Component tier 1

The part of an interface where users supply required details before sending them to a system.

23 pages names a row 5 of 8 systems the entry →

Form Control

Interaction PatternUI Component tier 2

UI component that accepts user input, such as text fields, checkboxes, radios, and sliders.

names a row 1 of 8 systems the entry →

Form Field

UI Component tier 2

The fundamental input zone in a form where a user supplies a single required value.

7 pages the entry →

Form Field Label

UI ComponentUX Writing tier 2

Concise text that identifies a form field’s purpose and guides users on what to enter.

Not Placeholder text

Form Group

UI Component tier 1

Interactive area where users can focus on related fields together, aiding keyboard navigation and form completion flow.

1 page names a row 2 of 8 systems the entry →

Form Label

Interaction PatternUsability tier 2

Text displayed above or beside a field that guides users and improves form usability.

names a row 1 of 8 systems the entry →

Form Layout

Design PrincipleInteraction Pattern tier 2

Adaptive layout that reshapes form elements responsively, ensuring usability on mobile, tablet, and desktop.

names a row 1 of 8 systems the entry →

Format

Information ArchitectureNavigation tier 2

Outlines the structure of navigation menus, determining hierarchy, labeling, and placement to help users find information quickly.

3 pages the entry →

Frame

UI Component tier 2

UI box that displays content sourced outside the current application, keeping it isolated.

3 pages names a row 1 of 8 systems the entry →

Freemium

MetricsUX Strategy tier 1

The conversion rate in a freemium context is a key business metric, reflecting both product appeal and the effectiveness of upsell prompts.

2 pages the entry →

Friction

Design Principle tier 1

Any obstacles or challenges in a user journey that disrupt or slow down the interaction flow, often addressed in UX to improve user satisfaction.

3 pages the entry →

Frontend Library

Design SystemWeb UX tier 2

Reusable set of JavaScript functions and components that simplify building interactive user interfaces in web applications.

Also UI library

Functionality

Design PrincipleUX Strategy tier 2

The logical flow of tasks enabled by intuitive, consistent interactions.

3 pages the entry →

Gap

Layout tier 2

Fixed spacing between grid or flex children, set once on the container rather than on each child.

3 pages the entry →

GDPR

Design PrincipleDesign System tier 2

EU standard that requires companies to handle personal data transparently and securely.

2 pages the entry →

Gesture

Haptic DesignInteraction Pattern tier 1

Reusable motion pattern embedded in UI design to maintain consistency across screens.

2 pages the entry →

GIF

Motion DesignUI Component tier 1

Animation technique that stitches together sequential images in one file, allowing quick rendering with minimal data overhead.

Not MPEG

Glitch

Error PreventionMotion Design tier 2

The use of brief visual “glitches” in loading screens to convey progress without revealing technical details.

Glyph

TypographyUI Component tier 2

Single graphic element stripped of context, designed for quick recognition.

2 pages the entry →

Goal

MetricsUX Strategy tier 2

Quantifiable target used to evaluate UX success against business KPIs.

2 pages the entry →

Google Fonts

Design SystemTypography tier 2

Free web‑font service by Google that lets designers embed custom typography in sites via simple CSS links.

Not Google Web Fonts API

Governance

tier 3

Rules for decision oversight.

Gradient

Color TheoryVisual Design tier 2

Gradual color transition that creates depth or visual interest in UI elements.

Graphic Design

TypographyVisual Design tier 2

Craft and professional practice combining text and visuals to convey ideas with clarity and impact.

Not UI Design, Web Design

Graphical User Interface

LayoutVisual Design tier 2

The arrangement of graphical elements on a screen that balances aesthetics with functional flow, guiding users toward desired outcomes.

Also UI

Not Command Line Interface (CLI)

Grid

Design PrincipleUX Methodology tier 2

Structured layout using equally spaced rows and columns to align UI components cleanly.

12 pages names a row 3 of 8 systems the entry →

Grids

tier 2

see Grid

Grouping

Design PrincipleInformation Architecture tier 2

Creates distinct touch targets that improve usability.

6 pages the entry →

GUI

UI ComponentUX Methodology tier 2

Set of graphical controls (buttons, lists, dialogs) that enable people to operate a system without text commands.

2 pages the entry →

Guidance

Interaction PatternNavigation tier 1

Directs users toward desired actions by offering clear cues and contextual help throughout the experience.

8 pages the entry →

Guidelines

Design SystemResponsive Design tier 2

Serve as a reference for developers and designers to maintain brand consistency while adapting designs to new devices.

5 pages the entry →

Habit

Content StrategyUX Writing tier 2

Predictable behavior loop that designers leverage to create intuitive interfaces and guide user journeys.

Hamburger

Interaction PatternUsability tier 2

Toggleable menu trigger that collapses navigation items into a slide‑out panel, preserving screen real estate on mobile devices.

Not Top navigation bar

Hand

Research MethodVisual Design tier 2

The visual representation of a finger icon used in tutorials to guide users through onboarding steps.

4 pages the entry →

Handle

Interaction PatternUI Component tier 2

The grip point you pull to resize a container or component in the UI.

3 pages the entry →

Handoff

Design ProcessPrototyping tier 1

Sharing design assets, style guides, and interaction details so developers can accurately build the intended user experience.

Haptics

Emerging TechnologyHaptic Design tier 1

Emerging technology where sensors detect touch pressure, enabling responsive surfaces that feel like physical buttons.

2 pages the entry →

HCI

Design MethodResearch Method tier 1

Examining how people interact with devices to guide interface development.

2 pages the entry →

Heading

Content PatternUI Component tier 2

Navigational anchor allowing users to jump directly to specific page areas.

5 pages names a row 2 of 8 systems the entry →

Heuristics

Design Principle tier 2

Set of cognitive shortcuts used to assess interface quality quickly without exhaustive testing.

2 pages the entry →

Hidden

NavigationResearch Method tier 1

Masks navigation options behind a trigger, allowing users to discover features progressively without overwhelming the interface.

5 pages names a row 1 of 8 systems the entry →

Hierarchical List

Information ArchitectureUI Component tier 2

UI pattern that displays nested data with clear visual cues to indicate depth.

Also Tree View

Not Outline (document outline), Folder Hierarchy

Highlighting

Information ArchitectureNavigation tier 1

Indicates the current page or active menu item so users know where they are within a site’s hierarchy.

3 pages the entry →

Hint

Content PatternUI Component tier 2

Unobtrusive tooltip-like message shown on demand, providing quick help while keeping the interface clean.

3 pages names a row 2 of 8 systems the entry →

Home Page

Information ArchitectureVisual Design tier 2

The central hub of a website, balancing visual hierarchy with intuitive links to deeper sections and services.

2 pages the entry →

Homepage

Content PatternNavigation tier 2

Navigation pattern where primary links are grouped into distinct, easy‑to‑scan clusters or tabs.

3 pages the entry →

Horizontal Grid

tier 3

Grid arranged horizontally.

Hover

Interaction PatternUI Component tier 1

The brief state change applied to buttons, links, or icons during pointer presence, enhancing affordance.

8 pages names a row the entry →

Hover Tooltip

tier 3

Tooltip shown on hover.

HTML

Technical Implementation tier 1

The standard language for building webpages; it uses tags to describe text formatting, layout, and embedded media.

10 pages the entry →

HTML element

tier 3

Node in HTML markup.

HTML Table

tier 3

see Table (Html Table)

HTML5

tier 3

Fifth version of HTML.

HTTP

Technical Implementation tier 2

The framework browsers rely on to request and display web pages.

6 pages the entry →

HTTPS

tier 1

see HTTP

Hub

NavigationUI Component tier 2

Interface where primary destinations are grouped, providing quick access from one spot.

Also Dashboard

Not Hub-and-Spoke Model

Hue

tier 3

Color family on color wheel.

Icon

UI Component tier 2

Tiny picture embedded in UI to aid quick recognition.

3 pages names a row 1 of 8 systems the entry →

Identity

Emerging TechnologyUX Methodology tier 2

The process of mapping a person’s real‑world attributes onto digital representations in UX flows.

3 pages the entry →

Iframe

Technical ImplementationUI Component tier 2

Component that can be hidden, shown, or animated like any other element in the UI hierarchy.

Illustration

Design SystemVisual Design tier 2

Drawn artwork carrying an idea a photograph cannot, and setting the personality of a product.

2 pages the entry →

Image Button

UI Component tier 2

UI element where the entire picture serves as a tappable area, providing immediate visual feedback.

2 pages the entry →

Inbox

AccessibilityVisual Design tier 2

Visual element that signals unread activity, often with badges or highlights to draw attention to pending actions.

2 pages the entry →

Inclusion

tier 3

Designing for participation by all.

Inclusive Design

AccessibilityDesign Method tier 1

Design approach that ensures products and experiences are usable and accessible to people with diverse needs and abilities.

Not Accessibility

Indentation

tier 3

Spacing that marks hierarchy.

Infinite List

Interaction PatternUI Component tier 2

UI element that keeps adding entries on demand, letting users keep scrolling without pagination controls.

Also Virtual Scroll

Not Endless Scrolling

Information Architecture

Design MethodInformation Architecture tier 1

Organizing labels, menus, flows and content into a coherent system that supports intuitive navigation.

Not Navigation Design (Content Discovery)

Inline Error

Error PreventionUI Component tier 2

Contextual notice guiding users to fix data entry errors instantly.

names a row 1 of 8 systems the entry →

Inline image

tier 3

Image embedded inline.

Inline Message

Mobile UXUsability tier 1

During form completion, inline messages appear in real time, guiding users toward correct input and reducing error rates across the application.

names a row 1 of 8 systems the entry →

Inline Validation

Error PreventionInteraction Pattern tier 1

Instantaneous checks on data entry that appear directly next to the input element, guiding users toward correct values.

Also Real-time validation

Not Server‑side Validation

Innovation

Design PrinciplePrototyping tier 2

Introduces fresh ideas into product design, encouraging experimentation and rapid iteration to meet evolving user needs.

Not Invention

Input Mask

AccessibilityInteraction Pattern tier 2

Formats user keystrokes in real time, guiding entry of structured data like phone numbers or dates.

1 page names a row 1 of 8 systems the entry →

Instant Messaging

tier 3

Real-time text communication.

Not Instant Messaging UI

Interaction

Design PrincipleInteraction Pattern tier 1

A contextual event where input triggers feedback, forming the core loop of usability and delight in UX.

15 pages the entry →

Interaction Design

Design Method tier 1

Building interface behaviors that respond effectively to user actions and input.

Not Interaction Pattern, User Experience Design

Interaction Pattern

Interaction Pattern tier 1

Reusable solutions for common interaction problems, such as dropdown menus or infinite scroll, aimed at improving user experience.

Not Design Pattern (Software)

Interactive Component

Interaction PatternUI Component tier 1

Provides affordances—visual cues that suggest how to use the element, like hover effects on links.

Not Static element

Interactive Elements

tier 2

see Interactive Element

Interactive Widget

Interaction PatternUI Component tier 2

UI element you can click, drag, or tap to perform actions directly.

Also Widget

Not Static Element

Interface

Design PrincipleInteraction Pattern tier 2

A responsive design rule: adapt interface layout to varying screen sizes without sacrificing usability or content clarity.

25 pages the entry →

Interface Design

Design MethodUX Strategy tier 2

Strategically aligning product goals with human needs through layout, navigation, and feedback design.

Also UI Design · User Interface Design

Not Hardware Interface

Investor

tier 3

Person or entity providing capital.

IP address

tier 3

Numeric network address.

Italic

TypographyVisual Design tier 2

Text slants to the right, emphasizing words or phrases within body copy.

Iteration

Design MethodDesign Process tier 1

Repeated adjustments refining UX quality.

2 pages the entry →

Jakob Nielsen

Design PrincipleUX Methodology tier 2

Usability engineering expert who created core principles for interface design and testing.

2 pages the entry →

Jakob's Law

Design Principle tier 2

UX principle that suggests users prefer interfaces that operate similarly to those they are already familiar with.

this building has written this one on the Stairwell →

Jargon

tier 3

Specialized language.

Journey Mapping

Design MethodUX Methodology tier 1

Visual representation of the user journey, including touchpoints, emotions, and actions taken to achieve a specific goal.

Not Experience Map

JSON

Design SystemTechnical Implementation tier 2

Language‑agnostic way of encoding objects as key/value pairs in plain text.

Not JavaScript

JSON-LD

tier 3

Linked data format for JSON.

Not JSON‑LD

Justify

Evaluation MethodResearch Method tier 2

Provide logical reasoning for design choices during stakeholder reviews, linking decisions to user goals and business metrics.

Not Center, Justify text alignment

Keyboard

AccessibilityUI Component tier 2

Virtual keypad displayed on touch screens, offering quick numeric or alphanumeric selection without a physical board.

23 pages names a row the entry →

Keyboard Interaction

AccessibilityInteraction Pattern tier 2

Accessibility technique that allows screen reader users to navigate content via keyboard focus rather than touch gestures.

5 pages the entry →

Keyboard Navigation

AccessibilityInteraction Pattern tier 1

Navigate, activate, and interact with UI elements through key commands.

Also Tab Navigation

Not Mouse navigation

Keyboard Shortcut

Interaction PatternUI Component tier 2

Set of keys pressed together to perform an action faster than using menus.

Also Access Key

Not Keyboard Shortcut Manager

Label

Content PatternUI Component tier 2

Brief phrase that labels a button, input box, or other UI item.

9 pages names a row 5 of 8 systems the entry →

Lag

Mobile UXUsability tier 1

The interval between a gesture and the visual feedback that can affect perceived control in mobile apps.

6 pages the entry →

Landmark Region

AccessibilityInformation Architecture tier 2

Predefined blocks on a page that let auditory users move quickly between major topics.

Also ARIA Landmark

Not Landmark (geographical), Region (generic UI area)

Language Tag

tier 3

Tag identifying language.

Latency

Evaluation Method tier 2

Delay between user action and system response impacting interface performance and user experience.

2 pages the entry →

Launch

Interaction PatternMobile UX tier 1

Refers to deploying an interface update that users can interact with immediately, often accompanied by onboarding cues.

Layout

Design PrincipleUX Deliverable tier 1

The arrangement of visual elements on a screen that guides user attention and supports task flow.

14 pages names a row 4 of 8 systems the entry →

Layout Direction

Design PhilosophyTypography tier 2

Specifies the reading flow of content, guiding users from left to right or right to left based on language and cultural norms.

names a row 1 of 8 systems the entry →

Layout Engine

tier 3

System that computes layout.

Leading

Design PrincipleNavigation tier 1

Guides users toward primary actions by prioritizing content and controls, ensuring the most important elements capture attention first.

Not Alignment, Text leading (line spacing)

Legacy Design

tier 3

Older design pattern.

Legend

Data VisualizationUI Component tier 2

Tooltip‑style guide that appears on hover, detailing data point specifics.

names a row 1 of 8 systems the entry →

Letter Spacing

Typography tier 2

Design tool used to align text visually with other UI elements for a cohesive look.

Also Tracking

Not Word spacing

Light Theme

AccessibilityUI Component tier 2

Adapts component colors to a light palette, ensuring consistent visual hierarchy across devices.

Lighthouse

Content StrategyUX Writing tier 2

Metaphor describes a design element that stands out to signal critical information, ensuring users notice it before proceeding.

Not Badge

Like

Interaction PatternResearch Method tier 2

“Like” signals approval or preference for content, prompting users to express positive feedback quickly.

14 pages the entry →

Line Height

LayoutTypography tier 1

The vertical space between lines of text, affecting readability and overall visual balance in a design.

Not Leading

Linear Design

Evaluation MethodPrototyping tier 2

Prototyping approach that builds screens in a straight sequence, enabling quick validation of flow before adding complexity.

Not Iterative prototyping

List

Information ArchitectureUI Component tier 1

UI component that places items one beneath another in a straight column.

18 pages names a row 7 of 8 systems the entry →

Listbox

Interaction PatternUI Component tier 1

Pattern pairs with a search field for quick access in data sets exceeding dozens of entries, reducing scrolling effort.

7 pages names a row 2 of 8 systems the entry →

Load More

Interaction PatternUI Component tier 2

UI element that extends a page by loading further items.

Not Show More

Locale

Design SystemResponsive Design tier 1

Adapts UI elements to match local conventions, such as currency symbols or measurement systems, ensuring relevance across markets.

2 pages names a row 1 of 8 systems the entry →

Login

UX WritingVisual Design tier 2

A screen that collects login details, typically featuring clear labels, error feedback, and secure input handling for user trust.

Not Forgot Password

Long form

tier 3

Form for long concept.

Not Long‑form content, Long‑form Video

Loop

Interaction PatternMotion Design tier 2

Cyclical navigation pattern allowing users to move through items in order without resetting.

3 pages the entry →

Magnifier

AccessibilityUI Component tier 2

An on‑screen magnifier that follows the cursor, providing real‑time zoom of any UI element.

Also Screen magnifier

Not Full‑screen zoom, Browser zoom

Main Content

Content PatternUI Component tier 2

The principal area where the most important content appears in a UI design.

2 pages the entry →

Map

Data VisualizationUI Component tier 2

Spatial UI component that displays places and lets users interactively discover data.

7 pages the entry →

Map SDK

Interaction PatternUsability tier 1

Provides event listeners for taps, drags, and zooms, enabling designers to create seamless navigation flows within location‑based experiences.

Also Map API

Not Google Maps (product), GIS software

Mapping

Data VisualizationDesign Method tier 1

User journey mapping records touchpoints, emotions, and pain points to inform empathetic design decisions.

4 pages the entry →

Margin

LayoutVisual Design tier 3

Space around elements.

Also Spacing

Not Border

Mark

Data VisualizationMetrics tier 2

Serves as a data visualization element, labeling chart points or trends to aid quick interpretation of metrics.

6 pages names a row the entry →

Markdown

Content StrategyData Visualization tier 1

Supports inline images and tables using brackets and pipes, allowing quick visual content creation in documentation or blogs.

Not HTML, Rich Text Editor (RTF)

Market Analysis

MetricsResearch Method tier 2

Strategic review linking business goals with user experience outcomes.

Also Market research

Not Market Segmentation

Markup

AccessibilityCognitive Science tier 2

Provides a lightweight syntax for authors to signal meaning, facilitating accessibility tools like screen readers to interpret content accurately.

4 pages the entry →

Material Design

Design PhilosophyDesign System tier 2

Google's design language emphasizing realistic motion and depth through material metaphors.

5 pages names a row the entry →

Material Design 3

Color TheoryResponsive Design tier 2

Introduces dynamic color themes and responsive layouts, enabling designers to create cohesive experiences across devices.

Not Material Design 2 (MD2)

Material UI

AccessibilityUsability tier 1

Follows accessibility best practices by exposing ARIA attributes and keyboard navigation for all its components out of the box.

Not Material Design, Material UI

Material You

Design SystemVisual Design tier 1

Dynamic design system that adapts color palettes and component styles to user preferences, creating personalized interfaces.

Matrix

Data VisualizationUX Methodology tier 2

Interaction matrix defines how UI elements respond under different states or user actions.

2 pages the entry →

Media Card

Interaction PatternNavigation tier 1

Media cards combine imagery with interactive elements like buttons or links, facilitating direct navigation to deeper content pages.

names a row 1 of 8 systems the entry →

Media Player

Interaction PatternUI Component tier 1

UI controls providing start/stop, scrub, fast‑forward, rewind, and volume adjustments for audio/video.

Also Video Player

Not Media Controls

Media Queries

Responsive DesignWeb UX tier 1

Let CSS adapt styles to device characteristics like width or orientation, enabling fluid layouts for different screens.

4 pages the entry →

Mega Menu

NavigationUI Component tier 1

Expanded menu that opens below the navigation bar, showing multiple categories, submenus, and visual aids all at once.

Also Large Dropdown

Not Navigation Bar

Mental Model

UX Methodology tier 1

Users' mental representations (and expectations) of how systems work, to design intuitive interfaces.

Not Mental State, Mindset

Metadata

Information ArchitectureUX Deliverable tier 1

The descriptive layer in a site map that informs how pages are grouped and linked within the information architecture.

Meter

Data VisualizationUI Component tier 2

UI component that reveals one number through a rotating gauge needle.

4 pages names a row 1 of 8 systems the entry →

Methods

Design ProcessResearch Method tier 2

Systematic approaches that guide designers through research, ideation, prototyping, and testing to create user-centered solutions.

Metric

Metrics tier 1

Effective UX metrics align with product goals, guiding design evolution through data‑driven insights.

Microcopy

Content StrategyUX Writing tier 1

Short, concise text used in interfaces to guide users, such as tooltips, buttons, or error messages.

Also UX Copy

Not Copywriting

Mobile Phone

Responsive DesignUI Component tier 2

Compact computer with touch input, sensors, and wireless connectivity for personal and professional tasks.

Modalities

AccessibilityInteraction Pattern tier 2

Accessibility enhancement where screen readers announce modal openings and closures to aid visually impaired users.

2 pages the entry →

Modular Scale

Design PrincipleTypography tier 2

Modular scaling is the act of applying consistent ratios to UI elements for predictable growth and visual harmony.

1 page names a row the entry →

Monitor

MetricsPerformance tier 2

Tool providing session replay videos, allowing designers to observe real interactions and pain points.

Also Session Replay Tool

Not System Monitor

Month Navigation

NavigationUI Component tier 2

UI element that lets users jump between calendar months by clicking previous or next arrows.

Not Date picker

Mouse

UI Component tier 1

Pointing device that tracks hand movement to control the cursor, enabling precise interaction with UI elements.

3 pages the entry →

Mouse Click

Interaction PatternWeb UX tier 2

Activates a UI element, sending a signal that triggers an action or navigation event on the screen.

Not Double Click, Right-click

Multi-select Listbox

Interaction PatternUI Component tier 2

UI element that lets users select several rows together.

Also Multi-select Dropdown

Not Single-select Listbox

Multimedia

Content PatternEmerging Technology tier 2

Emerging UX trend where AI curates personalized audio‑visual mixes for individual users.

Naming Conventions

tier 3

see Naming Convention

new user

tier 3

see New Users

Non-Essential Information

Content StrategyLayout tier 2

Unnecessary content that clutters interfaces and slows user progress toward goals.

Note

AccessibilityInteraction Pattern tier 2

Inline comment or tooltip that offers contextual help without disrupting the user’s flow.

6 pages names a row the entry →

Notification

Interaction PatternUI Component tier 1

Brief message appearing in the UI to notify users about recent activity or events.

1 page names a row the entry →

Notification Banner

Interaction PatternUI Component tier 2

Transient UI element that slides from the top, delivering brief messages without interrupting user flow.

names a row 1 of 8 systems the entry →

Observation

Research MethodUX Deliverable tier 2

The collection of data through video or live viewing to create personas based on real user behavior patterns.

2 pages the entry →

Onboarding

Content StrategyDesign Method tier 1

The process of guiding new users through a product or service to help them understand its features and benefits.

5 pages the entry →

Ontology

Content StrategyInformation Architecture tier 1

Structured vocabularies that define concepts and their links to guide consistent product content.

Opacity

Motion DesignUI Component tier 2

May adapt based on device pixel density to preserve visual fidelity across screens.

Also transparency

Not Contrast, Brightness

OpenType

tier 3

Digital font format.

Options

Mobile UXNavigation tier 2

Serve as navigation aids, letting users switch between different views, modes, or sections within an app.

4 pages the entry →

Orientation

Design PrincipleUX Deliverable tier 1

A dashboard view summarizing status, actions, and context, helping users quickly orient to current priorities.

6 pages names a row the entry →

Outline

Information ArchitectureUI Component tier 2

Lightweight version of a page layout used for quick iteration during design sprints.

2 pages the entry →

Overflow

Interaction PatternUI Component tier 2

In navigation, an overflow menu groups secondary actions into a dropdown to preserve primary space.

Also overflow menu

Overflow Menu

Information ArchitectureMobile UX tier 1

Groups secondary options under a single button, reducing clutter and guiding users toward primary tasks first.

names a row 1 of 8 systems the entry →

Padding

UI Component tier 2

Defines how much breathing room a component gives to its internal elements.

Not Margin, Border

Page

Mobile UXResponsive Design tier 2

In responsive design, a page adapts its structure and visual elements to maintain usability across devices of varying screen sizes.

31 pages names a row 1 of 8 systems the entry →

Page Layout

LayoutVisual Design tier 2

The arrangement of elements on a page, balancing aesthetics and functionality to enhance usability and visual appeal.

names a row 1 of 8 systems the entry →

Page Length

Content PatternInformation Architecture tier 2

Informs the grouping of related items within a single page.

Also content length

Not Page Speed, Page Depth

Page Load

PerformanceTechnical Implementation tier 2

The time until the first paint of essential UI elements, often used for "speed perception" tests.

2 pages the entry →

Page Structure

Content PatternInformation Architecture tier 2

The organized layout of content on a page, guiding users through hierarchy and flow.

2 pages the entry →

Page Title

Content PatternInformation Architecture tier 2

The text shown at the top of a page’s header, guiding users to the current section or feature.

Page Views

Content StrategyDesign Process tier 2

Serve as a basic indicator of site reach, informing decisions on layout adjustments and content placement to improve user flow.

Not Visits, Unique Visitors

Panel

UI Component tier 2

Bounded UI zone designed to hold and display related elements.

6 pages names a row 1 of 8 systems the entry →

Password

tier 2

see Passwords

Password Input

Interaction PatternUI Component tier 2

Masked text field with optional show/hide toggle for usability.

1 page names a row 2 of 8 systems the entry →

Patience

Cognitive ScienceDesign Principle tier 2

The UX ethos that respects individual pacing, ensuring interfaces adapt to varied attention spans.

2 pages the entry →

Patron

tier 3

Supporting customer or user.

Pattern

Content PatternInteraction Pattern tier 2

Established layout pattern guiding content flow, like a two‑column news article grid.

28 pages the entry →

Pattern Collection

Interaction PatternUX Deliverable tier 2

Reference guide for designers to quickly find the best pattern for a specific task or context.

Not Design System, Style Guide

PDF

AccessibilityDesign System tier 2

Snapshot of a page’s design stored in one file, so recipients see exactly what the author intended.

Perceived Performance

Cognitive SciencePerformance tier 2

The quickness felt when feedback is immediate, making the interface seem more powerful and reliable.

2 pages the entry →

Performance

MetricsPerformance tier 2

Metric tracking page render time, often used to gauge UX quality.

4 pages the entry →

Phase

Design MethodUX Strategy tier 2

In strategy, the planning stage where stakeholder objectives align with user needs to shape product vision.

3 pages the entry →

Physical Gesture

tier 2

see Physical Gestures

Pill

UI Component tier 2

In navigation, a pill indicates the current page or section within a multi‑step flow or tab set.

Not Badge, Button

Ping

tier 3

Network reachability check.

Placeholder

Interaction PatternUI ComponentUX Writing tier 2

Temporary text guiding user input expectations. temporary text guiding users about content format and input expectations.

2 pages the entry →

Plain Language

tier 3

Clear, simple wording.

Not Plain Language Rules

Platform

Cross-platformUX Methodology tier 2

Integrated suite of APIs and SDKs that standardize design patterns across iOS, Android, and desktop platforms.

22 pages the entry →

Platform Design

Cross-platformUX Strategy tier 2

Aligning product vision with technical constraints to deliver functional, intuitive experiences on desktop, tablet, and phone.

Not Collaborative Design Platform, Cross-Platform Design, Cross‑platform Design

Platform Guidelines

Interaction PatternVisual Design tier 2

Outline visual styles, component patterns, and interaction flows that developers reuse to create cohesive user experiences.

Not Brand Guidelines

Plugin

Design SystemUI Component tier 2

Modular piece of UI that can be swapped out, enabling rapid iteration without redesigning the whole interface.

Also extension

Not Widget

Pointer

AccessibilityVisual Design tier 1

In web UX, a pointer changes shape to signal clickable elements, guiding users toward actionable areas without explicit labels.

6 pages names a row the entry →

Popover

Interaction PatternUI Component tier 1

Brief, non‑modal dialog that appears on top of UI components to reveal additional details.

2 pages names a row 4 of 8 systems the entry →

Portal

tier 3

Gateway to services or content.

3 pages names a row 3 of 8 systems the entry →

Preferences

Research MethodUI Component tier 1

Settings that let users choose how an app behaves or displays content to match personal needs and habits.

2 pages the entry →

Press

Interaction PatternWeb UX tier 1

Pressing a button sends data to the server, updating state and reflecting changes in real time across the interface.

7 pages the entry →

Pressed State

Interaction PatternUI Component tier 2

UI pattern that shows immediate tactile-like feedback during touch or click interactions.

Preview

Interaction PatternUI Component tier 2

Non‑modal UI element that shows a condensed view of content before it’s fully loaded.

Also content preview

Not Thumbnail

Pricing

MetricsUX Strategy tier 2

KPI linking price elasticity to UX improvements, such as simplified checkout flows that reduce friction.

4 pages the entry →

Primary Action

Interaction PatternVisual Design tier 1

The most important action on a screen or within a workflow, often visually emphasized to guide users.

Not Primary Navigation (Core Features)

Primary Button

Interaction PatternUI Component tier 2

Element styled distinctively (color, weight) to guide users toward the chief action.

1 page names a row 1 of 8 systems the entry →

Primary Content

Content PatternInformation Architecture tier 2

Dominant elements that guide user focus and action.

Also Main Content

Not Primary Content Area

Privacy

Design PrincipleUX Strategy tier 2

Design principle that balances transparency, control, and security to build trust with users.

3 pages the entry →

Product Manager

Organizational UXUX Strategy tier 2

In UX strategy, a PM translates research insights into actionable roadmaps that guide design, engineering, and marketing efforts.

Not Product Design Manager

Progress Bar

Data VisualizationUI Component tier 1

UI element that moves from left to right, reflecting progress toward a goal.

Also Progress Indicator

Not Progress Circle

Progressive Disclosure

Design PrincipleInteraction Pattern tier 1

UX design principle where information is revealed incrementally to reduce cognitive load and focus user attention.

Not Progressive Enhancement (Accessibility)

Proportion

LayoutVisual Design tier 1

The relationship between elements in a design in terms of size, scale, and balance, impacting aesthetic appeal and usability.

Not Ratio

Psychology

Research MethodUX Methodology tier 2

Study of human behavior and mental processes that informs user experience design.

3 pages the entry →

Pull Down

AccessibilityNavigation tier 2

Offers a gesture that reveals options by dragging downward, improving navigation flow on touch screens.

Not Pull‑up menu

Pull to Refresh

Mobile UXPerformance tier 1

Mobile gesture pattern where users pull down from the top of content to trigger a refresh, providing intuitive control over content updates.

1 page names a row the entry →

Purpose

Design PrincipleUX Strategy tier 2

The “why” behind usability patterns—ensuring each element serves a purpose.

4 pages the entry →

Push Button

Interaction PatternUI Component tier 2

UI element often accompanied by an icon or text to indicate its purpose at a glance.

Also Action Button

Not Checkbox

Qr Code

UI Component tier 2

Visual UI element composed of black squares on white background, designed for quick capture by cameras, enabling instant navigation or checkout.

names a row 1 of 8 systems the entry →

Radio Button

Interaction PatternUI Component tier 1

Click to set one value as active, automatically clearing any previously selected values.

1 page names a row 2 of 8 systems the entry →

Radio Button Group

Interaction PatternUI Component tier 2

UI component used when exactly one option must be chosen from a list of alternatives.

names a row 1 of 8 systems the entry →

Radio Group

Interaction PatternUI Component tier 1

Select a unique value from grouped radio buttons; all others become inactive.

2 pages names a row 1 of 8 systems the entry →

Range Selector

Interaction PatternUI Component tier 1

UI component that lets users pick a contiguous set of values within a defined range, often via draggable handles on a slider.

Not Single‑value slider

Range Slider

Interaction PatternUI Component tier 1

UI element enabling users to set minimum and maximum limits via two thumbs.

names a row 1 of 8 systems the entry →

Rank

tier 3

Position in an ordered list or hierarchy.

Ratio

Data VisualizationMetrics tier 2

In data viz, a ratio is displayed as a stacked bar or donut slice to illustrate part-to-whole relationships.

4 pages the entry →

Readability

AccessibilityDesign Principle tier 1

How well layout, typeface, and spacing enable quick comprehension of content.

Also legibility

Reading Mode

LayoutNavigation tier 2

Collapses navigation bars and ads, allowing users to scroll through content without interruption or visual clutter.

Also Immersive mode

Not Dark Mode (Low-Light Palette), Night mode

Recall

Cognitive ScienceResearch Method tier 1

Tasks assess memory by asking participants to list or describe prior interactions with a system.

6 pages the entry →

Recognition

UI ComponentUsability tier 1

In UI components means controls look like standard patterns (buttons, sliders), so users predict behavior without learning new actions.

6 pages the entry →

Recommendation

Content StrategyUI Component tier 2

UI element that presents tailored items, often labeled “You might like” or “Recommended for you.”.

5 pages the entry →

Recovery

AccessibilityContent Strategy tier 1

Involves creating fallback content and error pages that guide users back to relevant information when a link fails or data loads incorrectly.

4 pages the entry →

Redesign

Interaction PatternResearch Method tier 1

Applies iterative testing and user feedback to refine interaction patterns and deliver a more intuitive experience.

3 pages the entry →

Redo

Interaction PatternNavigation tier 2

Reapplies the last undone action to restore a previous state.

1 page names a row the entry →

Reduced Motion

AccessibilityMotion Design tier 1

Keeps UI transitions lightweight to aid users sensitive to rapid movement.

Also Animation Preference

Not Prefers Reduced Motion, Reduced Motion Design, Reduced Motion Preference

Redundancy

AccessibilityInteraction Pattern tier 1

Adds backup cues—icons, labels, or tooltips—to help users recover from confusion.

2 pages the entry →

Refresh

Information ArchitectureNavigation tier 2

Allows users to reset filters or search parameters back to default values quickly.

2 pages the entry →

Relationship

Data VisualizationDesign Principle tier 2

Design Principle: A measurable link between user actions and system responses that builds confidence in the product’s reliability.

3 pages the entry →

Relevance

Design PrincipleUX Strategy tier 2

UX strategy that employs contextual cues (time, location, device) to surface the most pertinent options.

Reload

NavigationWeb UX tier 2

Trigger a full page reload in a browser, re-executing scripts and reloading assets from the origin.

Also Refresh

Not Update

Remove

LayoutVisual Design tier 1

Visual clutter by hiding secondary controls until needed, keeping screens focused on primary tasks.

6 pages the entry →

Report

Research MethodUsability tier 2

Feedback loop where designers collect usage statistics, analyze patterns, and refine the product to improve usability.

7 pages the entry →

Required Field

AccessibilityInteraction Pattern tier 2

Input area designated as required; leaving it blank triggers an error.

Also Mandatory Field

Not Optional Field

Requirement

UX Deliverable tier 2

The core set of usability goals a product must fulfill to be considered functional.

6 pages the entry →

Reset

Information ArchitectureNavigation tier 1

In navigation, a reset button clears filters or search terms, letting users start fresh from the top of a list or page.

11 pages the entry →

Resize

Evaluation MethodPrototyping tier 1

Allows designers to test how content scales across devices by manually changing container size in prototypes.

2 pages the entry →

Responsive Design

Design MethodLayout tier 1

Design approach ensuring that content and layout adapt fluidly across devices and screen sizes.

Not Adaptive Design

Responsive Testing

tier 3

Testing focused on responsive.

Not Responsive Design Testing

REST

Technical Implementation tier 2

Technique for building scalable web interfaces by treating each resource as a first‑class entity with its own URL.

10 pages the entry →

Revenue

Metrics tier 2

Income attributed to specific design elements that optimize conversion rates.

Reversible Action

Design PrincipleInteraction Pattern tier 2

UX concept where any step can be reversed, maintaining confidence in experimentation.

Review

Evaluation MethodUX Deliverable tier 2

Usability testing approach that focuses on user satisfaction surveys.

7 pages the entry →

Row

tier 3

Horizontal arrangement of data cells.

18 pages names a row 1 of 8 systems the entry →

SaaS

Service DesignTechnical Implementation tier 2

Application delivered through the cloud, allowing users to work from any device.

SAFe

UX Methodology tier 2

Approach that extends Scrum principles to large organizations with many stakeholders.

3 pages the entry →

Salience

Cognitive ScienceDesign Principle tier 2

A/B testing metric: Measuring the impact of increased salience on click‑through rates and conversion metrics.

2 pages the entry →

Sample Data

Evaluation MethodUX Deliverable tier 2

Mock datasets used in A/B testing to compare interface variations under controlled conditions.

Not Real User Data

Save

NavigationUI Component tier 2

Offer a clear button that confirms the completion of an action before closing a form or page.

5 pages names a row the entry →

Scale

Design MethodTechnical Implementation tier 1

Design principle that balances the need for touch targets with proportional scaling to maintain usability on small screens.

4 pages the entry →

Score

Content StrategyData Visualization tier 1

Reflects a user's perceived value of content, derived from engagement metrics like time spent or click-through rates.

Not Scorecard

Screen

Interaction PatternVisual Design tier 2

Visual surface where users view and interact with digital content, displaying UI elements, data, and feedback.

19 pages the entry →

Screen Reader

Accessibility tier 4

Assistive software that reads aloud the text, labels, and descriptions on screen for users with visual impairments.

3 pages the entry →

Screenshot

Design SystemUX Deliverable tier 2

Instant record of the screen, enabling designers to reference real UI elements during critique sessions.

2 pages the entry →

Script

Design ProcessInteraction Pattern tier 2

Reusable block of code that automates UI actions or data handling within an interface.

3 pages the entry →

Scroll

Interaction PatternUI Component tier 2

Accessibility feature allowing keyboard users to navigate through scrollable areas using arrow keys or page up/down.

9 pages the entry →

Scroll Lock

AccessibilityUsability tier 1

Prevents accidental scroll jumps by keeping the viewport fixed while content updates dynamically in real time.

names a row 1 of 8 systems the entry →

Scrollable List

Data VisualizationInformation Architecture tier 1

Presents data in rows or columns, enabling continuous navigation through long datasets without pagination.

Also List view

Not Pagination (Content Separation)

Scrollbar

Interaction PatternUI Component tier 1

UI component that maps content offset to a movable element, enabling precise navigation within scrollable views.

2 pages names a row the entry →

Scrolling

Interaction PatternNavigation tier 1

In mobile UX, touch‑based scrolling is fundamental, often augmented with momentum and elastic bounce effects.

4 pages the entry →

SDK

Design SystemTechnical Implementation tier 2

Package of APIs, tools, and sample projects designed to accelerate application building.

Search Field

UI Component tier 1

Key UI element for navigation, enabling users to bypass menus by entering keywords directly into the field.

Also Search box

Not Address bar, Navigation Menu (Site Navigation)

Search Page

Mobile UXResponsive Design tier 2

Responsive layout that adapts search result presentation across devices while maintaining clarity.

2 pages the entry →

Search Results

Content PatternUI Component tier 2

UI component displaying results from a search, often including titles, snippets, and links for quick navigation.

2 pages the entry →

Search Widget

NavigationUI Component tier 2

Lets users type queries to quickly locate content or products on a page.

Also Search bar

Not Navigation Menu (Site Navigation)

Section

Information ArchitectureUI Component tier 2

Separate block on a page where related items are grouped and visually distinguished.

14 pages names a row 1 of 8 systems the entry →

Sectioning

NavigationVisual Design tier 1

Arranges UI elements in logical groups, guiding users through tasks with clear visual separation.

Also grouping

Not Navigation

Security

Design PrincipleTechnical Implementation tier 2

Design principle: Error handling that avoids exposing sensitive details while guiding users to secure solutions.

3 pages the entry →

Segmented Control

Interaction PatternUI Component tier 2

Row of adjoining choices where exactly one stays selected, used to switch between sibling views.

names a row 1 of 8 systems the entry →

Select

Interaction PatternUI Component tier 2

Collapsed list offering one choice from many, opening only when pressed.

10 pages names a row 7 of 8 systems the entry →

Semantic UI

Design SystemWeb UX tier 1

Framework that builds responsive web interfaces using human‑friendly class names tied to visual components.

1 page names a row the entry →

Semantics

Content PatternDesign Principle tier 2

Using semantic HTML tags in web design to improve accessibility, SEO, and screen reader comprehension.

Also semantic markup

Separator

Content PatternUI Component tier 2

UI component used to separate one block of information from another.

4 pages names a row the entry →

Sequence

Design MethodInteraction Pattern tier 2

Ordered list of UI elements arranged for optimal scanning and interaction.

5 pages the entry →

Settings

NavigationUI Component tier 2

Modal overlay presenting quick tweaks without leaving the current context.

2 pages names a row the entry →

Shadow

Motion DesignUI Component tier 2

Subtle gradient beneath navigation tabs to separate them from the main interface surface.

Share

NavigationUI Component tier 2

Presents a modal with options (copy link, email, social) enabling quick content dissemination.

3 pages the entry →

Short-Term Memory

Design Principle tier 2

Interface design rules by Ben Shneiderman offering fundamental usability guidance and standards.

2 pages the entry →

Shortcut

Interaction PatternUI Component tier 2

Compact UI element giving instant entry to a commonly used feature.

Also Quick Action

Not Access Key, Key Binding

Sign In

tier 3

see At Sign (@)

Sign Language

AccessibilityUX Writing tier 1

Uses hand shapes, movements, facial expressions, and body posture to convey meaning without spoken words.

3 pages the entry →

Signage

NavigationUI Component tier 2

On‑screen sign that provides contextual guidance, like “This is a button,” helping reduce cognitive load during interaction.

7 pages the entry →

Signifier

Interaction Pattern tier 1

Step-by-step processes designed to guide users through account creation, optimizing for ease and conversion.

Not Affordance, Onboarding Flow

Simulation

PrototypingResearch Method tier 2

Creating mock interfaces that imitate final layouts, enabling usability testing without full implementation.

Single Click

NavigationWeb UX tier 1

In navigation, a single click moves the user to a new page or view without requiring additional confirmation steps.

Also single tap

Not Double Click, long press

Single Tap

Interaction Pattern tier 2

The default method for opening content, toggling switches, or invoking actions.

Not Double tap

Single-select

Interaction PatternUI Component tier 2

UI pattern where users tap an item to mark it as active; all other items become inactive automatically.

Also Radio Button

Not Multi-select, Toggle switch

Single-select Listbox

Interaction PatternUI Component tier 2

UI widget that displays options in a scrollable list and enforces single-selection behavior through visual cues and logic.

Not Multi-select listbox

Site Map

Information ArchitectureNavigation tier 1

Interface elements allowing users to choose only one option from available alternatives.

Not Navigation Menu (Site Navigation), Breadcrumbs

Size

AccessibilityInteraction Pattern tier 2

Informs accessibility by ensuring touch targets meet minimum tap area standards for all users.

8 pages the entry →

Skeleton Screen

Interaction PatternUI Component tier 1

Early-screen mockup showing the arrangement of future elements so users know what to expect during loading.

3 pages the entry →

Sketch

Design SystemPrototyping tier 1

Visual language in UX where designers use simple shapes and annotations to convey interactions before coding.

Not Sketch, Art sketch

Skip to Content

AccessibilityNavigation tier 2

A pattern used in responsive design where the “skip to content” link becomes visible when tabbing through the header, aiding quick access.

65 pages the entry →

Slide

Design ProcessPrototyping tier 2

During prototyping, a slide prototype shows sequential screens linked by gestures, helping designers test flow before coding begins.

4 pages the entry →

Snackbar

Interaction PatternUI Component tier 1

Transient UI element appearing at the page’s base to give quick, temporary information.

Also Toast

Not Alert (modal), Toast

Snippet

PrototypingResearch Method tier 2

Inline piece of code shown in documentation or IDEs to illustrate usage without full context, aiding quick learning.

Not Full tutorial

Social Feed

Content PatternUI Component tier 1

Infinite scroll UI component displaying real-time updates from friends, brands, or topics in a chronological feed.

Also Newsfeed

Not Social Feed Integration, Social Media News Feed

Sort

Information ArchitectureInteraction Pattern tier 1

Arrange items in a list by a chosen criterion, such as alphabetical order or date, to help users find information quickly.

2 pages the entry →

Sorting

Data VisualizationInteraction Pattern tier 2

Accessible sorting requires keyboard operability and screen‑reader labels to convey order changes.

Not Filtering

Spacing

Design PrincipleTypography tier 2

Responsive spacing adapts distances based on screen size to maintain usability across devices.

7 pages the entry →

Sparkline

Data VisualizationUI Component tier 2

Compact trend indicator that fits inside a UI element, like a table cell.

Also Mini Chart

Not Line Graph

Spinner

Motion DesignUI Component tier 2

Animated UI element used when content is being fetched, giving users a visual cue.

2 pages the entry →

Splitter

Interaction PatternUI Component tier 1

UI component acting as a movable split line to resize neighboring panels within an application window.

3 pages names a row 1 of 8 systems the entry →

Star

tier 3

Rating or bookmark indicator icon.

State Change

Interaction PatternMotion Design tier 2

Shift in an interface element’s status, such as from “idle” to “active,” signaling a new context or action.

3 pages the entry →

Static Table

Data VisualizationUI Component tier 2

UI component used for showing tabular data where the structure remains constant across sessions.

Not Dynamic Table

Status

MetricsUI Component tier 2

A UI component that reflects real‑time status updates, such as order progress or server health.

12 pages names a row the entry →

Status Bar

Data VisualizationUI Component tier 1

Horizontal UI element that keeps users informed of device status changes.

Also Information Bar

Not Progress Bar

Status Message

UI Component tier 2

Non‑modal alerts embedded within the interface to avoid interrupting user flow.

Also status update

Step Indicator

NavigationUI Component tier 1

UI element marking the current position within a sequence of steps.

names a row 1 of 8 systems the entry →

Stories

Information ArchitectureNavigation tier 1

Map interactions across screens, illustrating how users progress from entry to completion within an app or website.

names a row 1 of 8 systems the entry →

Stretching

tier 3

Resizing that distorts proportions.

Structure

Design PrincipleInformation Architecture tier 2

The scaffolding that holds user journeys together, linking screens with logical transitions.

5 pages names a row the entry →

Style

Design PrincipleMotion Design tier 2

Reflects the emotional tone conveyed through layout, imagery, and motion, shaping user perception of a brand’s personality.

5 pages the entry →

Submit

Interaction PatternUI Component tier 2

Press a button or tap an icon to send entered data to the server for processing.

2 pages the entry →

Submit Button

Interaction PatternUI Component tier 1

UI component that validates input before sending data, ensuring required fields are filled.

Not Send button

Subtitle

tier 2

see Subtitles

Success Criteria

Interaction PatternPrototyping tier 2

Describe expected outcomes that guide iterative testing, helping designers refine interactions toward optimal user flow.

3 pages the entry →

Suggestion

Interaction PatternUI Component tier 2

Floating button that appears after a long idle period, suggesting quick actions to resume work.

4 pages names a row the entry →

Summary Box

Content PatternUI Component tier 2

Efficient UI block summarizing key points in a tight layout.

names a row 1 of 8 systems the entry →

Survey

Research Method tier 1

Low-cost scalable method to involve users in design decisions, by collecting valuable information used in mapping user needs and behaviors.

3 pages the entry →

Swipe

Interaction PatternNavigation tier 1

Pattern supports microinteractions that feel natural, reinforcing a fluid user experience on touch devices.

4 pages the entry →

Switch

Interaction PatternUI Component tier 1

Dual‑state control enabling quick selection between two choices.

9 pages names a row 4 of 8 systems the entry →

Symbol

UI Component tier 1

Minimalistic graphic used in navigation bars to indicate pages, settings, or notifications at a glance.

2 pages names a row the entry →

Symmetry

Design PrincipleLayout tier 2

Design principle where elements are mirrored or balanced to create visual harmony and balance.

System Alert

Interaction PatternUI Component tier 2

Interface element that displays real‑time status updates from the server, ensuring transparency of operations.

System Health

MetricsUsability tier 2

Tracks key performance metrics and displays them with color cues, helping teams prioritize fixes before user impact occurs.

Not Performance Metrics

Tab

tier 1

see Tabs

Tab Panel

Interaction PatternUI Component tier 1

UI component that groups related content into labeled tabs, allowing users to switch between panels without leaving the current context.

Also Tabbed interface

Not Dropdown menu

Table

Data VisualizationUI Component tier 1

Grid-based UI component where each cell holds data within intersecting row‑and‑column lines.

19 pages names a row 7 of 8 systems the entry →

Table of Contents

Content StrategyDesign Process tier 2

Structured summary of content hierarchy used by designers to plan layout and user flow.

Not Navigation bar, Breadcrumbs

Tabs

NavigationUI Component tier 1

UI element with text or icon that users can press to load another subsection, keeping navigation within a single screen.

5 pages names a row 6 of 8 systems the entry →

Tabular Data

Data VisualizationUI Component tier 2

Clear layout using lines to separate values, enabling quick cross‑checking.

3 pages the entry →

Tag

Information ArchitectureUI Component tier 1

A UI component marking items with a specific classification tag.

3 pages names a row 6 of 8 systems the entry →

Tag Manager

Interaction PatternUI Component tier 2

Interface where users drag, drop, or edit tag snippets to control data collection on a site, reducing developer dependency.

Not Analytics Dashboard

TalkBack

AccessibilityMobile UX tier 1

Offers haptic and auditory responses to touch events, guiding users through menus, forms, and gestures on Android devices.

1 page names a row the entry →

Tap

Haptic DesignInteraction Pattern tier 2

The act of touching a UI element to trigger navigation or action without dragging.

5 pages the entry →

Target Size

AccessibilityInteraction Pattern tier 2

Minimum area a user can reliably tap or click on a touch interface to activate an element.

3 pages the entry →

Task

Design MethodUX Deliverable tier 2

Element in interaction design that defines the scope of a user interface screen.

18 pages the entry →

Task List

Content PatternUI Component tier 1

UI element that supports bulk actions (archive, assign, delete) on selected tasks, improving efficiency for power users.

names a row 1 of 8 systems the entry →

Taxonomy

Information ArchitectureResearch Method tier 1

Method for structuring navigation menus so users find what they need quickly.

10 pages the entry →

Template

UI ComponentUX Deliverable tier 2

Pre‑configured page structure used as a starting point for building consistent UI.

Also Layout Template

Not Theme, Blueprint

Terminology

Design ProcessUX Writing tier 2

Set of agreed terms and labels that designers use to describe UI elements, interactions, and design concepts.

Not Linguistic terminology

Tesler's Law

Design Principle tier 2

UX rule to hide unavoidable complexity from the user.

Not Tesler's Law of Conservation of Complexity

this building has written this one on the Stairwell →

Text

Information ArchitectureNavigation tier 2

Supports navigation by labeling links, buttons, and menus, enabling users to locate features quickly.

27 pages names a row 4 of 8 systems the entry →

Text Area

UI Component tier 2

UI element where users can type, edit, and scroll through multiple lines of content.

1 page names a row 4 of 8 systems the entry →

Text Field

UI Component tier 1

UI element that accepts typed characters.

4 pages names a row 8 of 8 systems the entry →

Text Layout

Design PrincipleTypography tier 2

The arrangement of text on a screen, balancing readability, hierarchy, and visual flow to guide users through content efficiently.

Not Text Alignment

Textbox

Mobile UXUsability tier 2

Textboxes support form completion by offering focus cues, keyboard navigation, and validation feedback to guide user entry.

2 pages names a row the entry →

Theme

Design PrincipleUX Deliverable tier 2

The conceptual layer where usability meets emotion, guiding layout, flow, and interaction cues.

2 pages the entry →

Thumbnail

Content PatternUI Component tier 2

Tiny visual snapshot used to give a quick idea of the full-size content.

2 pages names a row 1 of 8 systems the entry →

Tile

Mobile UXNavigation tier 2

A navigation aid where each tile links to a distinct section or feature, allowing users to jump directly without scrolling through menus.

3 pages names a row 1 of 8 systems the entry →

Time on Page

Metrics tier 1

This KPI reflects how long users interact with page elements before moving on, informing UX improvements.

Not Time on Site

Time Picker

Interaction PatternUI Component tier 1

UI element where you pick a time by clicking or dragging on a clock‑style display.

1 page names a row 3 of 8 systems the entry →

Timeline

Data VisualizationInteraction PatternUI Component tier 1

UI element that displays actions or data points in sequence, highlighting their temporal relationships. uX feature guiding users through processes over time.

1 page names a row 2 of 8 systems the entry →

Timeout

Design SystemInteraction Pattern tier 2

The pause applied after a failed login attempt before allowing another try.

2 pages the entry →

Timer

UI Component tier 2

UI component displaying elapsed seconds, allowing users to track progress in real‑time.

1 page names a row the entry →

Timing

Design PrinciplePerformance tier 2

Designers employ timing heuristics (e.g., 300‑ms click delay) to balance responsiveness with the need for error prevention.

3 pages the entry →

Toast

Interaction PatternUI Component tier 1

Momentary UI element that provides instant feedback without taking focus away from the task.

4 pages names a row 4 of 8 systems the entry →

Toggle

Interaction PatternUI Component tier 1

UI element that toggles a setting from active to inactive with one click.

5 pages the entry →

Toggle Buttons

tier 2

see Button (Toggle)

Toggle Switch

Interaction PatternUI Component tier 2

UI element used to flip a feature’s status between two states with one interaction.

names a row 1 of 8 systems the entry →

Token

Information ArchitectureVisual Design tier 2

Displays concise information—such as email or status—within a list, allowing users to quickly scan and interact with individual items.

6 pages names a row 1 of 8 systems the entry →

Token Set

Design OpsVisual Design tier 2

Curated library of style constants that developers pull into codebases, ensuring brand alignment and rapid iteration on layouts.

Not Color Palette (Brand Consistency)

Tone

Color TheoryVisual Design tier 1

Sets the mood for interface elements, guiding users toward desired actions by aligning visual cues with brand personality.

Not Audio tone, Tone of Voice

Tone of Voice

Content PatternVoice UX tier 2

Consistent style of language that reflects a brand’s personality in all user-facing text.

Also Voice

Not Tone of Voice Guidelines

Toolbar

Interaction PatternUI Component tier 3

Row of action buttons.

5 pages names a row the entry →

Tooltip

Interaction PatternUI Component tier 1

A concise tooltip pops up beside UI components to aid user understanding.

8 pages names a row 6 of 8 systems the entry →

Top Bar

NavigationUI Component tier 1

Horizontal strip at the top of a screen that houses branding, navigation links, and key actions for quick access.

names a row 1 of 8 systems the entry →

Touch

Design PrincipleInteraction Pattern tier 1

Enables intuitive gesture controls, allowing users to manipulate objects with pinch, drag, and tap for natural manipulation of UI elements.

9 pages the entry →

Touch Screen

Emerging TechnologyInteraction Pattern tier 2

Emerging tech trend where responsive surfaces adapt to pressure or proximity, offering richer haptic feedback in mobile devices.

Not touch screen tap

Touchscreen

Emerging TechnologyUI Component tier 2

UI component allowing users to manipulate content through gestures and taps.

Not Mouse, Trackpad

Tour

Interaction PatternNavigation tier 2

Navigational aid that walks users through the interface, pointing out crucial elements.

1 page names a row 1 of 8 systems the entry →

Tracking

Data VisualizationMetrics tier 2

Data viz pattern: Sankey diagrams mapping user journeys from entry pages to conversion events.

Transcript

tier 1

see Transcripts

Transition

Interaction PatternMotion Design tier 1

Motion used to emphasize logical steps in a user journey.

2 pages the entry →

Translation

Localization tier 2

The act of converting UI text from one language to another while preserving meaning and tone.

Transparency

Design Principle tier 2

Making hidden operations visible to build user trust.

Not Opacity

Trash

Cognitive ScienceDesign Process tier 1

The process of purging redundant UI elements during iterative design to improve clarity and reduce cognitive load.

2 pages the entry →

Tree View

Interaction PatternUI Component tier 2

UI element that displays nested items as expandable/collapsible nodes, showing hierarchy.

3 pages names a row the entry →

Trigger

Design PrincipleInteraction Pattern tier 2

The mechanism by which an interface moves from one context to another.

3 pages the entry →

Trust

Cognitive ScienceDesign Principle tier 1

Confidence users feel when interfaces transparently disclose data usage, building long‑term loyalty.

4 pages the entry →

Type Scale

Design ProcessResponsive Design tier 2

Ordered list of font sizes linked to design tokens, enabling responsive typography across devices.

1 page names a row the entry →

Typefaces

tier 2

see Typeface

Typography

TypographyVisual Design tier 1

The art and technique of arranging type to make written language legible, readable, and visually appealing.

1 page names a row 1 of 8 systems the entry →

UI Framework

Design SystemUX Methodology tier 2

Structured toolkit for creating user interfaces, offering pre‑built elements like buttons, grids, and navigation patterns.

Underline

Information ArchitectureNavigation tier 1

Functions as a cue in navigation menus, showing the current page or active section within a hierarchy.

Not Text underline (typography)

Undo

Interaction PatternUI Component tier 1

UI component offering an “undo” button beside actions like delete, edit, or submit for instant rollback.

9 pages names a row the entry →

Update

Design ProcessUsability tier 2

Modify an existing feature or design element to improve usability, performance, or visual appeal without changing its core purpose.

Upgrade

tier 3

Move to a better plan or version.

Upload

Data VisualizationInteraction Pattern tier 2

Transfer a file from local device to server or cloud storage via drag‑drop, button click, or clipboard paste.

4 pages names a row 1 of 8 systems the entry →

Uppercase

tier 3

Capital letter styling.

URI

Design SystemTechnical Implementation tier 2

Text-based label that points to a particular item on the internet.

Not URL

URL

Information ArchitectureNavigation tier 2

Standardized link format guiding browsers to the exact place of an online item.

4 pages names a row the entry →

User Error

Anti-patternError Prevention tier 2

Mistake users make due to unclear interface design, not their lack of skill.

Not User Error Handling

User Group

Content StrategyInformation Architecture tier 1

A segment of users identified by behavior patterns used to tailor experiences and features.

User Input

Research MethodUI Component tier 2

Any action a person takes on a UI component to convey intent or request information.

Not User Input Validation

User Interface

Interaction PatternUI Component tier 1

Interactive components—menus, sliders, forms—that guide user flow.

2 pages the entry →

User Need

Research Method tier 2

Requirements and problems users have that products should address through design.

Not User Want

User Research

Research Method tier 1

Exploration of user journeys using tools like personas, journey maps, and contextual inquiries.

Not Full User Research, In‑person user research, Iterative Design; User Research

UX Design

Design MethodUX Strategy tier 1

The methodology of mapping user journeys to identify pain points, then designing touchpoints that enhance flow and reduce friction.

Also UX Design

Not UI Design

UX Report

Data VisualizationUX Deliverable tier 2

Visual dashboard of interaction data highlighting friction points in the user journey.

Validation

Evaluation MethodUX Methodology tier 2

Testing approach confirming design features meet user goals through research and evaluation.

6 pages names a row 1 of 8 systems the entry →

Validation Message

Error PreventionInteraction PatternUI Component tier 2

Message returned by the server stating if the data meets validation requirements. on-screen messages validating data entry.

Also Form Validation Message · Validation Feedback

Not Error Message

Value

Evaluation MethodMetrics tier 2

Measures how well a feature satisfies user goals and delivers tangible outcomes within a given context.

11 pages the entry →

Variable

Design SystemResponsive Design tier 2

Element in a design system whose style can be overridden by developers to match brand guidelines without altering core code.

2 pages the entry →

Variable font

tier 3

see Variable Fonts

Variety

Design SystemEvaluation Method tier 2

Measures how many distinct UI components a system offers, informing designers about feature richness versus simplicity trade‑offs.

Not Complexity, Simplicity

Verification

Error PreventionEvaluation Method tier 2

The act of ensuring interface elements meet brand guidelines before launch.

Also Validation

Not Quality assurance

Video

Content PatternUI Component tier 2

Any moving visual presented within a UI component.

4 pages the entry →

Video Thumbnail

tier 2

see Thumbnail (Video)

Vim

tier 3

Modal text editor.

Visible Content

Content StrategyWeb UX tier 2

Includes all text, images, buttons, and navigation links that appear in the viewport when a page loads.

Not Hidden content, Off-screen Content

Visitor

tier 3

Person visiting a site.

Visual Content

Content PatternUX Deliverable tier 2

Often paired with concise copy in UI components like buttons, banners, and informational cards.

Visual Design

Design PrincipleVisual Design tier 1

The practice of creating visually appealing and functional user interfaces using principles like color, typography, and layout.

Not Graphic Design

Visual Identity

Design PrincipleUX Deliverable tier 1

Consistent imagery, icons, and color palettes that help users quickly locate information and actions.

Not Visual Identity Guidelines

Visual Inspection

Evaluation Method tier 2

Quick, non‑interactive review of UI screens to spot obvious usability flaws and design inconsistencies.

Not A/B Testing

Visually Hidden

Accessibility tier 2

Method of hiding elements with `clip-path` or `transform:scale(0)` while keeping them in the accessibility tree.

names a row 1 of 8 systems the entry →

Voice

Content StrategyUX Writing tier 1

Denotes the style of language used in microcopy, guiding users through flows while reflecting brand values.

6 pages the entry →

Voiceover

AccessibilityVoice UX tier 2

Spoken interface that guides users through tasks via voice prompts.

2 pages names a row the entry →

W3C

Design System tier 2

The standards that allow developers to create web pages that load quickly, run smoothly, and remain accessible.

15 pages the entry →

WAI

AccessibilityDesign System tier 2

Body that develops accessibility guidelines ensuring websites accommodate people with various disabilities.

Not WAIS

Warning

Error PreventionUI Component tier 2

UI element that signals potential risk, prompting users to proceed with caution before continuing an action.

2 pages the entry →

Watermark

UI Component tier 2

Faint background image used in hero sections to add depth and brand personality without competing with copy.

names a row 1 of 8 systems the entry →

Wayfinding

Information ArchitectureNavigation tier 1

Design systems guiding users through spaces and interfaces to reach their destinations.

Not Breadcrumbs

WCAG

AccessibilityDesign System tier 1

Standards that outline how to build web pages so sighted, hearing‑impaired, motor‑limited users can navigate easily.

18 pages the entry →

WCAG Contrast

Design ProcessTypography tier 2

How designers calculate contrast ratios using luminance values, guiding compliant color choices.

Not Color Blindness

WCAG Contrast Checker

Color TheoryVisual Design tier 2

Online utility that inputs two colors and outputs their contrast ratio, indicating compliance with AA or AAA guidelines.

Not Color Picker

WCAG Contrast Ratio

AccessibilityDesign System tier 2

Measures how distinguishable text and UI elements are from their background to aid visual perception.

Web Accessibility

tier 2

see Accessibility (Web)

Web App

Technical ImplementationUX Deliverable tier 1

Platform where users perform tasks—shopping, banking, collaboration—through responsive interfaces that adapt to device size.

Also web application

Not desktop software

Web Application

Technical Implementation tier 2

Online tool that runs in a web browser, combining UI elements with backend services to deliver dynamic content.

2 pages the entry →

Web Design

Design MethodTechnical Implementation tier 2

Structuring content with semantic markup to improve SEO and screen reader navigation.

3 pages the entry →

Website

Mobile UXUsability tier 2

Functions as a digital storefront or knowledge hub where users browse pages, consume media, and perform actions like purchases or sign‑ups.

2 pages the entry →

Whitespace

Design PrincipleUI Component tier 2

Visual storytelling device: guides the eye through narrative flow by controlling pacing.

2 pages the entry →

Widget

Design SystemUI Component tier 2

Small self-contained UI components.

3 pages names a row the entry →

Widget Grid

Interaction PatternUI Component tier 2

UI layout where small, reusable components (widgets) are displayed as tiles within a uniform grid.

Window Resizer

Interaction PatternUI Component tier 2

Control that lets users drag edges or corners to change a window’s size while keeping content visible and responsive.

1 page names a row the entry →

Windowing

Mobile UXNavigation tier 2

Mobile UX windowing allows users to swipe between stacked screens, presenting one pane at a time while preserving the stack for easy backtracking.

Not Modal Dialog (Focus Capture), Carousel

Wizard

Interaction PatternUI Component tier 1

Multi-screen sequence that walks someone through a complex setup one decision at a time.

4 pages the entry →

Wizard Pattern

Interaction PatternNavigation tier 1

Step‑by‑step interface that guides users through a complex task by presenting one focused prompt at a time.

Not Modal Dialog (Focus Capture), Onboarding tour

Word Spacing

Design PrincipleTypography tier 2

Subtle cue in UI copy that guides eye movement, preventing text from feeling cramped.

Not Letter spacing, Kerning

Zoom

Interaction PatternUI Component tier 1

Accessibility tool enabling users with low vision to enlarge text and icons.

3 pages the entry →