UX Design Glossary

A/B testing is a method of comparing two versions of something, such as a website or a marketing campaign, to determine which one is more effective. In an A/B test, one version is the control, while the other is the treatment. The control is usually the existing version of the thing being tested, while the treatment is a new version that is being compared to the control. The two versions are shown to similar audiences, and their effectiveness is measured by comparing metrics such as user engagement or conversion rate. A/B testing is a common method used in fields such as marketing, product development, and user experience design to improve the effectiveness of a product or campaign.

Accessibility in UX design refers to the practice of designing digital products, such as websites and mobile applications, that can be used by people with a wide range of abilities. This includes designing for people with visual, auditory, motor, and cognitive impairments, as well as for older users. Good accessibility in UX design involves making sure that digital products are easy to use, navigate, and understand for everyone, regardless of their abilities. To achieve this, designers may use a variety of techniques and best practices, such as: - Providing text alternatives for non-text content, such as images and videos - Using clear and simple language - Providing clear and consistent navigation - Allowing users to adjust the size and color of text to suit their needs - Supporting keyboard-only navigation for users who cannot use a mouse - And providing clear and informative error messages. Additionally, Accessibility guidelines, such as WCAG (Web Content Accessibility Guidelines), are also important to follow in order to make sure that a product is inclusive and accessible to everyone. By considering accessibility throughout the design process, rather than as an afterthought, designers can create products that are not only compliant with regulations but are also more inclusive, usable and beneficial to a wider range of users.

An accordion is a UI element that allows users to expand or collapse content within a web page or app. It works like a musical accordion — when one section is expanded, the others collapse.

Adaptive design is a design approach that involves creating a single website or application that can adapt and respond to the needs of different users and devices. This is typically achieved by designing the layout and content of the website or application to automatically adjust and rearrange itself based on the specific characteristics of the device or browser being used to access it. Adaptive design is often used as an alternative to responsive design, which involves creating a single design that can automatically adjust to fit the screen size and resolution of any device. Unlike responsive design, which relies on a single set of code that can be scaled up or down to fit different screen sizes, adaptive design involves creating multiple versions of the same design, each of which is optimized for a specific screen size or device. Adaptive design is typically used when a website or application needs to support a wide range of devices and screen sizes, and when it is important to optimize the user experience for each specific device. It can also be useful in cases where a website or application needs to support specific features or functionality that may not be available on all devices.

An affinity diagram is a tool used to organize, categorize, and group user research data into logical clusters. The method is also known as the KJ method named after its creator, Jiro Kawakita.

Affordance refers to the way that the design of a product or interface communicates to the user the actions that are possible or appropriate to take. This can include both physical and perceptual affordances. For example, in a digital interface, buttons and links often have a specific visual appearance that indicates to the user that they can be clicked or tapped. This is a perceptual affordance, as it relies on the user's interpretation of the visual cues to understand the potential for interaction. Designers can use affordances to make products and interfaces more intuitive and easy to use by ensuring that the design communicates the potential for interaction clearly and consistently. This can help to reduce frustration and improve the overall user experience.

Agile is a project management and software development methodology that emphasizes flexibility, collaboration, and rapid iteration.

UX analytics is a method of gathering and analyzing data related to user behavior and interactions with a product or service in order to improve user experience. It involves tracking and measuring metrics such as user engagement, conversion rates, bounce rates, and click-through rates to gain insights into how users are interacting with a product or service.

Android is the most popular mobile operating system in the world developed by Google. It is based on the Linux kernel and is designed primarily for touchscreen mobile devices such as smartphones and tablets.

Aspect ratio refers to the proportional relationship between the width and height of an image or design layout. It is often expressed as a ratio, such as 4:3 or 16:9, and is used to ensure that the design maintains its intended proportions when resized or scaled.

Design assets are any digital or physical resources that are created or used in the design process. These can include things like images, icons, fonts, color palettes, and other visual elements, as well as templates, wireframes, and style guides. Design assets are typically used to help create a consistent and cohesive look and feel for a product or brand.

An avatar is a graphical representation of users or characters. Designers use avatars to personalize user experience by displaying a profile picture or a unique icon of users. Avatars also serve to represent different user types, such as a customer or an administrator.

Body text is the main content of a document or webpage. It is typically the main text that a reader will focus on and is usually set in a smaller font size than the headings or titles. Body text is usually set in a serif or sans-serif font and is used to convey the main information or message of the document. It is typically set in a block paragraph format, with each paragraph separated by a line break. The purpose of body text is to provide the reader with the information they need in a clear and easy-to-read format.

Breadcrumbs are a secondary navigation element that represents a row of links separated by dividers, often chevron icons (>).

A breakpoint in UX design refers to a specific screen size or device width at which a website or application's layout changes to accommodate different display sizes and resolutions. Breakpoints are an important aspect of responsive design in UX.

Buttons are graphical elements that initiate actions or commands. A common button is typically represented as a rectangular or rounded rectangle shape with text (button label) or an icon on it.

A call-to-action (CTA) is a button, link, or other type of element on a webpage that prompts the user to take a specific action. CTAs are often used in marketing and advertising to encourage users to make a purchase, sign up for a newsletter, download an app, or take some other desired action. Examples of common CTAs include "Buy now," "Sign up," "Learn more," "Download," and "Get started." CTAs are often designed to be prominent and eye-catching, with the goal of encouraging users to take the desired action. Effective CTAs should be clear, concise, and relevant to the user. They should also be prominently placed on the page so that users can easily find and interact with them. Testing different versions of CTAs, such as different text or placement on the page, can help determine which versions are most effective at driving conversions.

A card is a design pattern that groups information into a container with a visually distinctive design. Usually rectangular in shape, cards often include an image and some text. They may also contain interactive elements to act on the card's content, such as a Learn More button.

Card sorting is a user-centered design technique used to help design or reorganize a website or other product by allowing users to organize content into categories that make sense to them.In a card sorting exercise, the designer or researcher creates a set of cards, each containing a piece of content or an idea. Users are then asked to sort the cards into categories that make sense to them. The categories and the relationships between the cards can provide insight into how users think about the content and can help the designer create a more intuitive and user-friendly product.There are two main types of card sorting: open and closed. In an open card sort, users create their own categories and assign the cards to those categories. In a closed card sort, the designer provides a set of predefined categories and the user sorts the cards into those categories.Card sorting can be conducted in person or online, and can be useful in a variety of contexts, including website design, information architecture, and content strategy.

A chatbot is a computer program designed to simulate conversation with a human, especially over the Internet.

A checkbox is a graphical user interface element that allows the user to select one or more options from a set. Checkboxes are often presented in groups, with each checkbox representing a separate option. When a checkbox is selected, a checkmark appears inside the box, indicating that the option is selected. When a checkbox is not selected, the checkmark is absent, indicating that the option is not selected. Checkboxes are often used in forms and surveys to allow users to select multiple options from a list. They are also used in settings menus and other user interfaces to allow users to enable or disable certain features or options.

Cognitive load is a term used in psychology to describe the mental effort required to process and understand new information. It is a measure of how much mental energy is being used to perform a task or process information. High cognitive load can be caused by a variety of factors, including the complexity of the task, the amount of information that needs to be processed, and the individual's prior knowledge or experience with the subject matter.

A color palette is a set of colors that can be used together in design. A color palette may include a selection of primary, secondary, and tertiary colors, as well as complementary and analogous colors. A color palette can be created using a variety of color models, such as the RGB (red, green, blue) model, the CMYK (cyan, magenta, yellow, black) model, or the HSL (hue, saturation, lightness) model.

Color theory is the study of the use of color in design and the ways in which different colors can be combined to create a desired visual effect. It is a set of principles that designers use to choose and use colors effectively in their work.

A container is a graphical element that holds and organizes content within a user interface. Containers help group related items together and provide a visual hierarchy to the layout of an interface. They can be used to display content, such as text, images, or videos.

Contrast in design refers to using different elements (such as color, size, shape, texture, etc.) that have noticeable differences between them to draw attention to a particular object, section, or layout.

Conversion rate is a metric that measures the percentage of visitors to a website who take a desired action, such as making a purchase, filling out a form, or signing up for a newsletter.

Customer experience (CX) refers to the overall perception that a customer has of a company, its products or services, and its interactions with them.

A dashboard is a visual display of information and data, typically organized in a way that provides an at-a-glance view of key performance indicators (KPIs) and other important metrics.

Data science is an interdisciplinary field involving statistical and computational methods to extract insights and knowledge from data.

Design debt refers to the accumulated short-term design decisions made during the development of a product that need to be addressed or fixed in the future.

Design thinking is a way of thinking and problem-solving that is centered around understanding the needs of people and developing solutions that are both functional and desirable. It is a process that is often used in the field of design, but it can be applied to a wide range of fields and disciplines.Design thinking involves taking a human-centered approach to problem-solving, and it involves a series of steps that are designed to help you understand the needs of the people you are designing for, generate ideas, prototype and test solutions, and then refine and iterate on those solutions. It is an iterative process that involves a lot of prototyping and testing, and it is focused on finding creative, innovative solutions to complex problems.

An empathy map is a tool used in the design thinking process to help you better understand the needs, wants, and experiences of the people you are designing for. It is a visual representation of what your users are thinking, feeling, seeing, saying, and doing.An empathy map typically includes the following elements:Needs: This is what the user needs in order to solve their problem or achieve their goal.Wants: This is what the user wants or desires in addition to their needs.Feelings: This is how the user is feeling as they go through their experience.Seeing: This is what the user sees as they go through their experience.Saying: This is what the user is saying to others about their experience.Doing: This is what the user is doing as they go through their experience.By creating an empathy map, you can gain a deeper understanding of the user's perspective and use that information to inform the design of your product or service.

An end user represents a target audience of a product or service, such as a website, application, or software, and intends to accomplish a task or achieve a goal.

Eye tracking is the process of measuring the movement and position of a person's eyes as they view and interact with visual stimuli, such as images, videos, websites, and physical objects.

Flat design is a minimalist approach to graphical user interface (GUI) design that emphasizes simplicity, clarity, and functionality. Flat design omits the use of embellishments such as shadows, gradients, and textures in favor of clean, simple shapes, and colors.

Flat design is a minimalist approach to graphical user interface (GUI) design that emphasizes simplicity, clarity, and functionality. Flat design omits the use of embellishments such as shadows, gradients, and textures in favor of clean, simple shapes and colors.

A flowchart is a powerful visual tool used in UX design to map out the user's journey through a product or service. It provides a clear and concise representation of the steps and screens involved in the user experience and the decisions they make at each stage. By using symbols like rectangles, diamonds, and arrows, a flowchart shows the actions, decisions, and flow direction in an easily understandable way, making it an excellent aid for designers.

In UX (user experience) design, a font refers to a specific implementation of a typeface.. The font choice can greatly impact the overall look and feel of the design, as well as the legibility and readability of the text. Different fonts can convey different emotions and tones, such as a playful font for a children's app or a professional font for a financial website. The font size, spacing and color can also be adjusted to help enhance the overall usability of the design. It's important for designers to consider the typeface, font size and line spacing to create an easy-to-read and visually pleasing design.

Font size refers to the size of characters in a typeface, which is an important factor in typography and graphic design. The size affects legibility, readability, and visual impact of text.

A grid system is a visual guide that is used to organize and align elements within a design. It is a structure made up of horizontal and vertical lines that divide the design space into a series of columns and rows. This allows for a consistent layout and alignment of elements such as text, images, and buttons. The purpose of a grid system is to create a clear visual hierarchy and balance within a design. By aligning elements to the grid, it makes it easier for users to quickly scan and understand the information being presented. There are various types of grid systems, such as fixed grid, fluid grid, and modular grid. Fixed grids have fixed column widths and a set number of columns. Fluid grids have columns that adjust to the size of the screen. Modular grids are a combination of fixed and fluid grids where the layout is divided into modules or blocks that can be rearranged to adapt to different screen sizes. In web and graphic design, grid systems can be used for layout in both print and digital design, and it's a very important aspect of the design process, especially when it comes to responsive design. It can help designers create consistent and visually appealing layouts, by providing a structure to align and organize design elements.

A hamburger menu is a navigation menu that is represented by three horizontal lines (resembling a hamburger), commonly placed in a top corner of a website or mobile application. When clicked or tapped, it opens a list of links or options that allow users to navigate to different sections of the website or app. Hamburger menus are used as a way to condense navigation items into a smaller space, allowing more room for the main content on smaller screens such as mobile devices. They are also used as a way to hide navigation items that are not immediately necessary, creating a cleaner look and reducing clutter. The hamburger menu icon is becoming a common convention in responsive web design and mobile app design, but it's not without its criticisms. Some argue that it can be less discoverable for users, making it harder for them to find and access navigation items, especially for first-time users. It's important to consider the user experience and accessibility when using hamburger menu. Some best practices include providing clear labels, placing the icon in a consistent location and providing visual cues when the menu is open.

Human Interface Guidelines (HIG) are a set of design principles and guidelines that help designers create intuitive, efficient, and easy-to-use user interfaces. HIGs are typically created by software companies, operating system vendors, or platform providers to ensure consistency and usability across all applications or services built for their platform.

Information architecture (IA) is the practice of organizing, structuring, and labeling content in a way that makes it easy for users to find and understand. It involves creating a logical and intuitive structure for the information on a website or mobile application, making it easy for users to navigate and find the information they need. The process of Information Architecture includes: 1. Conducting research: Understanding the needs and goals of the users, the purpose of the website or application and the types of content that will be included. 2. Organizing the content: Structuring the content into categories and subcategories, creating a hierarchy and a clear organization of the information. 3. Labeling the content: Naming the categories, subcategories and individual pieces of content in a way that is clear and consistent, using language that is familiar to the users. 4. Creating navigation: Designing a navigation system that allows users to easily find and access the content, based on the structure and labeling. 5. Testing and evaluating: Continuously testing and evaluating the IA to make sure it is effective and user-friendly, and making any necessary adjustments. Information architecture is a crucial aspect of user experience design, as it helps to ensure that users can easily find and understand the information they need. A well-designed IA can make a website or app more usable, efficient and enjoyable for users, and can help to improve engagement and conversion rates.

Input fields (or just "inputs") allow users to provide information to a system, process, or program. It comes in many forms, such as text, numbers, images, audio, or video. Usually, users provide inputs through a keyboard or mouse, by touching the screen, pronouncing voice commands, or uploading a file.

A landing page is a standalone web page tailored for a marketing or advertising campaign. The main goal of landing pages is to convert visitors into leads, make them buy a service or product, subscribe to a newsletter, or register for an event by providing a clear call to action.

Lorem Ipsum is placeholder text that is commonly used in the design and typesetting industry. It is used to fill a space in a design layout or document, and it is used as a way to focus on the visual presentation of the design without being distracted by the content. The text is derived from a passage of Lorem Ipsum, a classical Latin literature from 45 BC, making it over 2000 years old. It is a scrambled version of the original text, which makes it difficult to read and understand. Lorem Ipsum is often used as a placeholder in the early stages of design, where the content is not yet finalized or available. The text is often used to showcase a design layout, such as the font, spacing, and color scheme, before the actual content is available. It is also used to fill empty space in a document, such as on a webpage, where the text is yet to be written. It is important to note that Lorem Ipsum text is not meant to be used as final content, it's just a placeholder text, once the design is approved, the final content should be placed in the design.

Material Design is a visual language and design system developed by Google. It provides guidelines for designing user interfaces on mobile and web platforms. It was first introduced in 2014 as part of the Android 5.0 Lollipop operating system, but it's now also used on web, Chrome OS and other Google applications. Material Design has a flat and minimalistic look, but it also includes the use of layers, shadows, and animation to create a sense of depth and movement. The visual language is inspired by the principles of print design, such as typography, grids, and space. The goal of Material Design is to create a consistent and intuitive user experience across all platforms and devices, making it easy for users to understand and interact with the interface. Material Design guidelines include: 1. Use of grid-based layouts to create a clear and consistent layout 2. Use of typography and colors to create a clear visual hierarchy 3. Use of animation and motion to provide visual cues and feedback 4. Use of responsive design to adapt the layout to different screen sizes 5. Use of the material metaphor, which is the representation of interface elements as physical objects Material Design is widely adopted by many companies and it's considered as one of the most important design systems, it's designed to work across all platforms, including mobile, web and desktop apps, it creates a consistent user experience across all devices and provides a modern, sleek and intuitive look and feel.

A mockup is a static, non-interactive representation of the user interface that simulates the look and feel of the final product. Mockups demonstrate the overall design, layout, and navigation of a product, as well as the placement of elements such as buttons, text, images, and forms.

A prototype is a working model of a user interface that simulates the functionality and behavior of the final product. A prototype is more interactive than a mockup and is used to test and evaluate the usability and user experience of a product before it is built.

A radio button is a graphical user interface element that allows users to make a single choice from a group of options. It is typically represented by a small circle that can be selected by clicking on it. When a radio button is selected, a small dot or marker appears inside the circle to indicate the user's choice.

Responsive design refers to the practice of designing and developing a website or application that automatically adjusts its layout and content to fit the screen size of the device being used to view it.

A toggle is a user interface element that allows users to switch between two or more states or options. The most common example of a toggle is a switch, which can be turned on or off.

A typeface is a set of one or more fonts that share a common design. A font is a specific typeface variation, such as bold, italic, or condensed.

Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. It involves choosing typefaces, point sizes, line lengths, line-spacing, and letter-spacing, and adjusting the space between pairs of letters.

A UI component (short for user interface component) is a distinct element or module within a graphical user interface that serves a specific function or displays certain content.

A UI (User Interface) element is a basic building block of a user interface in a software application or website. UI elements are the visual representation of an object or feature in the interface, such as a button, text field, dropdown menu, checkbox, and more.

A UI (User Interface) pattern is a reusable solution to a common design problem in user interface design. UI patterns are recurring solutions that have proven to work well in the past and are widely adopted by the industry.

Usability testing is a method of evaluating a product or system by testing it with representative users.

User experience (UX) refers to the overall experience of a person using a product, system, or service. It encompasses all aspects of the interaction between end-users and a product, including design, usability, accessibility, and emotional impact.

A user interface (UI) is the point of interaction between a user and a computer, mobile device, or any other technology. It is the set of visual elements and controls, such as buttons, icons, and menus, that allow users to interact with and control the device or system.

White (or negative) space is the empty space between and around the elements in your design. It's not always strictly empty, as the page's background will fill the space.

A wireframe is a low-fidelity visual representation of a user interface that outlines the basic layout and structure of a web page or app screen. It focuses on the placement and organization of key elements, such as buttons, text, and images, without getting into the details of color, typography, or graphics.

iOS is a mobile operating system developed and distributed by Apple Inc. for its iPhone, iPad, and iPod Touch devices. It ranks as the second-most popular one after Android.