UX Design Glossary

UX Writing Glossary | UX Writing Toolkit


  • Accessibility: refers to the design of products, devices, services, or environments for people with disabilities.


  • Breadcrumb: a navigation aid that shows the user’s location within a website or application.
  • Blue Ocean Strategy: a concept in business strategy where a company creates a new market space that makes competitors irrelevant.


  • Card-based design: a design approach where information is presented in individual, self-contained units called cards.
  • Conversion rate: the percentage of visitors to a website who take a desired action, such as making a purchase or filling out a form.
  • Call-to-Action (CTA): a button or link that encourages the user to take a specific action, such as “Sign up” or “Learn more.”


  • Dashboard: a graphical display of data that provides at-a-glance insights into the performance of an application or website.
  • Dead end: a page or flow within a website or application that does not provide the user with any clear options for navigation or progression.


  • Eye tracking: the process of measuring either the point of gaze (where one is looking) or the motion of an eye relative to the head.
  • Engagement: the level of interaction and interest a user has with a website or application.


  • Feedback: information provided to a user about the results of their actions or the status of a process.
  • Flow: the process a user goes through to accomplish a task within a website or application.
  • FAB (Floating Action Button): a circular material design button that hovers above the interface, used for a promoted action.


  • Gesture: a movement or touch made on a touch screen interface in order to interact with an app or website.
  • Grid system: a structure of vertical and horizontal guides that designers use to align and arrange graphic elements.


  • Heatmap: a graphical representation of data where individual values are represented as colors, used to identify areas of high and low activity or interaction.
  • Hamburger menu: a navigation menu icon consisting of three parallel horizontal lines, often used in mobile interfaces.


  • Information Architecture (IA): the process of organizing, structuring, and labeling content in a way that makes it easy to find and understand.
  • Interaction design: the practice of designing the behavior and interactions between a user and a product, system, or service.
  • Inline validation: real-time feedback provided to the user indicating if their input is valid or invalid, often used in forms.


  • Journey map: a visual representation of the steps a user takes to achieve a specific goal, such as making a purchase or completing a task.


  • KPI (Key Performance Indicator): a metric used to evaluate the success of a particular aspect of a website or application.


  • Landing page: a single web page designed as the entry point for a website or a campaign.
  • Load time: the amount of time it takes for a page or asset to fully display on a user’s device.


  • Microinteractions: small interactions within a website or application, such as a “like” button or a pull-to-refresh gesture.
  • Modal window: a UI element that appears on top of the main content, often used to display a form, a dialog box, or a menu.


  • Navigation: the process of moving around within a website or application.
  • Notification: a message or alert that informs the user of an event or update within the app.


Onboarding: the process of introducing new users to a website or application and helping them get started with using it.


  • Prototyping: the process of creating a preliminary version of a website or application, used to test and evaluate ideas before building the final product.
  • Personalization: the process of tailoring the user experience to individual users based on their preferences, behavior, and history.


  • Quick Win: a small, easily achievable improvement or goal that can be quickly realized, used to build momentum and momentum towards larger goals.


  • Responsive design: the design of a website or application that adjusts to fit the screen size and resolution of the device being used.
  • Retention rate: the percentage of users who return to a website or application over a given period of time.


  • Scrolling: the act of moving a web page or application content up or down on a screen.
  • Sketching: the process of quickly drawing a rough idea or concept to communicate design ideas.
  • Storyboarding: the process of creating a visual representation of a user flow or scenario, often used in UX design.


  • Thumbnail: a small image that represents a larger piece of content, often used in galleries or as a visual aid in navigation.
  • Usability testing: the process of evaluating a website or application by having users perform specific tasks and evaluating their experience.


  • User flow: the path a user takes to complete a specific task or achieve a goal within a website or application.
  • User research: the process of gathering information about users and their needs, behaviors, and attitudes to inform design decisions.
  • User testing: the process of observing and gathering data from users as they use a website or application, used to identify areas for improvement.


  • Visual hierarchy: the arrangement of elements on a page or screen based on their importance or priority, used to guide the user’s eye and attention.


  • Widget: a small, self-contained component of a website or application, often used to display information or data.


  • X-axis: the horizontal axis in a graphical representation, often used in charts and graphs.


  • Y-axis: the vertical axis in a graphical representation, often used in charts and graphs.


  • Zoning: the process of dividing a page or screen into sections or areas for specific purposes, such as navigation, content, and advertising.