The index of web design terminology.
An editorial glossary of UX, UI, accessibility, performance, and front-end vocabulary used across the Web Design Awards archive. Each entry defines the concept, names the common patterns, and links back to the award-winning work where the language shows up in practice.
Browse by letter.
A method of comparing two versions of a webpage or app to see which one performs better.
Designing websites and applications accessible to all users, including those with disabilities.
A method for organizing a large set of ideas or research findings into groups based on their natural relationships.
A design feature that suggests how an object should be used.
The arrangement of elements to line up in a straight line or grid to create order and alignment.
A color scheme that uses colors that are next to each other on the color wheel.
An interactive experience of a real-world environment where objects are enhanced by computer-generated perceptual information.
A button or link placed on a webpage encouraging users to take an action.
A user experience research technique where participants organize topics into categories.
The difference in luminance or color that makes an object distinguishable.
A selection of colors that are used consistently throughout a design.
The planning, creation, and management of content.
A research method used to understand the context of a user's interactions with products.
The ratio of the luminance of the bright color to the dark color in web design.
The percentage of visitors who take the desired action.
A style sheet language used for describing the presentation of a document written in HTML.
User interface design choices that trick users into taking actions they might not otherwise choose.
The representation of data in a visual context, like a chart or map, to help users understand patterns and trends.
A time-constrained process where a team collaborates to answer critical business questions through design, prototyping, and testing ideas.
A comprehensive set of standards for design and UI components across a project.
A methodology that provides a solution-based approach to solving problems.
A visual representation used to understand the attitudes and behaviors of users.
The study of people in their natural environment through observation and interviews to understand their experiences and behaviors.
The practice of designing products, processes, services, events, and environments with a focus placed on the quality of the user experience.
A web page layout that places the most important information at the top where users tend to look first.
A small, iconic image that represents a website in browser tabs.
The degree to which a design is detailed and realistic.
A navigation bar that sticks to the top of the screen as users scroll down.
A style of interface design emphasizing minimal use of stylistic elements.
The visual indicator shown when an element is selected for keyboard or assistive-technology input, such as an outline around a focused link or form field.
The practice of selecting and pairing typefaces to complement the design.
The application of game-design elements and game principles in non-game contexts to improve user engagement and problem-solving.
Psychological principles that describe how humans perceive patterns.
The ability of a device to interpret physical movements as commands.
A structure made up of vertical and horizontal lines that help to organize content.
Technology that recreates the sense of touch by applying forces, vibrations, or motions to the user.
A usability inspection method for identifying usability problems in a user interface design.
The arrangement or presentation of elements in a way that implies importance.
The visual change that occurs when a user places their cursor over an element.
The standard language for creating web pages and web applications.
The use of symbols to represent information and actions in a design.
The structural design of information to improve usability and findability.
A state of having too much information to make a decision or remain informed about a topic.
The creation of digital environments that facilitate user interaction.
Components of a user interface, such as buttons and icons.
A design language developed by Google, emphasizing paper-like visual qualities and animations.
Small user interactions that enhance the user experience, like a button animation.
A design approach that emphasizes simplicity and the removal of superfluous elements.
The practice of designing a website for smaller screens first, then adding more features for larger screens.
A visual tool consisting of images and colors that represent a project's style.
A branch of artificial intelligence that enables computers to understand, interpret, and respond to human language in a valuable way.
Conventional methods for designing website navigation.
Empty space around design elements, helping to separate and group items.
A semi-fictional character based on research to represent a user type.
The process of customizing user experiences to meet individual needs based on specific data.
The number of pixels in a digital image or display.
The use of data and statistical algorithms to predict future outcomes based on historical data.
A preliminary model of a product used to demonstrate or test design concepts.
A typeface without serifs, the small strokes at the ends of the main strokes of its letters.
An XML-based image format for two-dimensional vector graphics that scale to any size without losing quality.
Conventions for how content is revealed as users scroll, such as infinite scroll, parallax, sticky sections and scroll-triggered animation.
A typeface with serifs, the small strokes attached to the ends of the main strokes of its letters.
A design style in which interface elements imitate the appearance and texture of their real-world counterparts.
A document that sets the standards for a brand's visual and written presentation, such as its colors, typography, logo use and tone of voice.
The point of interaction between a person and a digital product, including its screens, buttons, menus and other controls.
A collection of ready-made interface components and assets, such as buttons, forms and icons, used to design products quickly and consistently.
The degree to which a product can be used by its intended users to achieve their goals effectively, efficiently and with satisfaction.
A diagram of the path a user takes through a product to complete a specific task, from the entry point to the final action.
The complete sequence of experiences a person has with a product or service while working toward a goal, across every touchpoint.
The systematic study of users and their needs, behaviors and motivations, used to add context and insight to the design process.
Short, informal descriptions of a feature written from the user's point of view, stating who wants it, what they want and why.
A design process that puts users and their needs at the center of every phase, involving them through research and testing.
The overall experience a person has when using a product or service, including how easy, useful and satisfying it is.
Images defined by mathematical points, lines and curves rather than pixels, so they can be scaled to any size without losing quality.
An immersive digital environment that users can interact with in a seemingly real or physical way.
The arrangement of design elements by size, color, contrast and placement to signal their order of importance.
The perceived heaviness of an element on a page, which determines how strongly it draws the eye relative to the elements around it.
Interaction with a computer interface via spoken commands.
Editor's picks.
Explore 508 Compliance: Conformance with Section 508 of the US Rehabilitation Act, which requires the electronic and information…
Explore entry →What is Focus StateFocus StateExplore Focus State: The visual indicator shown when an element is selected for keyboard or assistive-technology input, such as…
Explore entry →What is Z-LayoutZ-LayoutExplore Z-Layout: A layout that leads the eye along a Z-shaped path, from top left to top right, then diagonally to the bottom…
Explore entry →What is UI KitUI KitExplore UI Kit: A collection of ready-made interface components and assets, such as buttons, forms and icons, used to design…
Explore entry →What is Style GuideStyle GuideExplore Style Guide: A document that sets the standards for a brand's visual and written presentation, such as its colors,…
Explore entry →What is Experience DesignExperience DesignExplore Experience Design: The practice of designing products, processes, services, events, and environments with a focus placed…
Explore entry →The vocabulary in practice.
See how leading studios apply this vocabulary across award-winning launches.
The annual ranking of studios producing the most decorated digital work.
The 7 weighted criteria the jury scores every entry on, each from 0 to 10.
Long-form analysis on craft, technology, and the language behind digital design.
Frequently asked.
An editorial dictionary of UX, UI, accessibility, performance, and front-end development terminology used across Web Design Awards reviews. Each entry defines the concept and links it back to award-winning examples in the archive.
Entries are added by the editorial team when a term recurs in nominations or in the judging rubric. Priority goes to vocabulary that affects how digital craft is judged: interaction patterns, performance metrics, accessibility standards, and visual design language.
Yes. New definitions are published as the editorial team encounters emerging vocabulary in nominations and reviews, and existing entries are revised when standards or best practices shift.
Use the Suggest a term link to send the editorial team a definition request. Suggestions are reviewed and added when the term is broadly relevant to the way the award evaluates web design work.
Every entry has a stable canonical URL under /terminologies/[slug]. Definitions can be cited or linked from external articles, agency case studies, or design documentation.
Missing a definition?
Suggest a term for the archive and help expand the language map behind the Web Design Awards ecosystem.