{"id":6547,"date":"2022-04-29T09:34:41","date_gmt":"2022-04-29T09:34:41","guid":{"rendered":"https:\/\/www.uxdesigninstitute.com\/blog\/?p=6547"},"modified":"2023-11-22T11:13:32","modified_gmt":"2023-11-22T11:13:32","slug":"glossary-ux-terms","status":"publish","type":"post","link":"https:\/\/www.uxdesigninstitute.com\/blog\/glossary-ux-terms\/","title":{"rendered":"A complete UX glossary: 101 UX terms all designers should know"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">UX is full of interesting (and sometimes confusing) terms, concepts and buzzwords. If you want to work in the field, you\u2019ll need to learn the lingo\u2014and our glossary of essential UX terms is the best place to start.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">We\u2019ve compiled <\/span><b>101 of the most important <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/what-does-ux-stand-for\/\">UX terms that all designers should know<\/a><\/b><span style=\"font-weight: 400;\">, ordered from A to Z.\u00a0<\/span><\/p>\n<h4><strong>1. Above\/below the fold<\/strong><\/h4>\n<p><span style=\"font-weight: 400;\">\u201cAbove the fold\u201d refers to content that is visible at the top of a website; the user doesn\u2019t need to scroll to see it. \u201cBelow the fold\u201d refers to content further down the page which the user would need to scroll in order to see. In UX, it\u2019s important to put meaningful, important content above the fold (for example, a header).\u00a0<\/span><\/p>\n<h4><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/benefits-of-a-b-testing\/\"><strong>2. A\/B testing<\/strong><\/a><\/h4>\n<p><span style=\"font-weight: 400;\">UX design is all about finding what works best for your users. A\/B testing is a method used to test two different versions of a design to see which variation performs best. When running A\/B tests, you only want to vary one element or aspect of the design\u2014this allows you to pin-point exactly which feature influenced the result.\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7432 size-full\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2022\/04\/ux_glossary_illustrations_A-B-testing.png\" alt=\"a\/b testing\" width=\"9467\" height=\"3760\" title=\"\"><\/p>\n<h4><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/accessible-and-inclusive-content\/\"><strong>3. Accessibility<\/strong><\/a><\/h4>\n<p><span style=\"font-weight: 400;\">Accessibility considers whether or not\u2014and to what extent\u2014a product or service can be used by everybody. Designing for accessibility means factoring in the needs of people with disabilities, as well as the various ways in which a person might interact with your product (for example, using assistive technology). <\/span><span style=\"font-weight: 400;\"><a href=\"https:\/\/www.w3.org\/WAI\/tips\/designing\/\" target=\"_blank\" rel=\"noopener\">Here are some<\/a> basic considerations to help you get started with accessible design<\/span><span style=\"font-weight: 400;\">.<\/span><\/p>\n<section id=\"promotion\" class=\"promotion-content-raw inlinepromo inlinepromo_professional-diploma-in-ux-designp-1 my-4\" style=\"\">\n\t<div class=\"w-container\">\n\t\t<div class=\"row align-items-center\">\n\t\t\t<div class=\"col-md-12 promotion-info\">\n                <a class=\"link-content\" href=\"https:\/\/www.uxdesigninstitute.com\/courses\/ux-design?utm_source=blog&amp;utm_medium=blog_panel_pdux&amp;utm_campaign=blog_promo\" style=\"\">\n                    <p>[GET CERTIFIED IN UX]<\/p>\n                    <span>Take our Professional Diploma in UX Design course<\/span>\n                <\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/section>\n\n<h4><strong>4. Adobe XD<\/strong><\/h4>\n<p><a href=\"https:\/\/www.adobe.com\/uk\/products\/xd.html\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Adobe XD<\/span><\/a><span style=\"font-weight: 400;\"> is one of <\/span><span style=\"font-weight: 400;\">the most popular <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/ui-ux-design-tools\/\">UX design tools<\/a><\/span><span style=\"font-weight: 400;\">. Part of the Adobe Creative Cloud suite, it\u2019s a vector-based design tool used for creating wireframes, prototypes, animations and UI designs. We\u2019ll explain all of these terms throughout our glossary.\u00a0<\/span><\/p>\n<h4><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/affinity-diagrams-everything-you-need-to-know\/\"><strong>5. Affinity map (or affinity diagram)<\/strong><\/a><\/h4>\n<p><span style=\"font-weight: 400;\">An affinity map (or affinity diagram) is used by UX designers to organise their findings from qualitative user research. This entails data that can\u2019t be counted or measured, and therefore requires thematic analysis. For example, if you interviewed five users, you might create an affinity map to cluster similar themes and topics together. You can <\/span><span style=\"font-weight: 400;\">learn more about affinity mapping\/diagramming <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/affinity-diagrams-everything-you-need-to-know\/\">in this guide<\/a><\/span><span style=\"font-weight: 400;\">.\u00a0<\/span><\/p>\n<h4><strong>6. Affordances<\/strong><\/h4>\n<p><span style=\"font-weight: 400;\">An affordance refers to all the actions that are possible with a specific object or element, depending on the user\u2019s capabilities. For example, a cupboard has the <\/span><i><span style=\"font-weight: 400;\">potential <\/span><\/i><span style=\"font-weight: 400;\">to be opened but only if you can reach the handle. A car has the <\/span><i><span style=\"font-weight: 400;\">potential <\/span><\/i><span style=\"font-weight: 400;\">to be driven but only if you are able to open the car door, start the engine and so on. When designing digital products, the goal is to create elements whose affordances (i.e. possible actions) match the user\u2019s expectations. For example, if you design a button, the user will likely expect to be able to click it.\u00a0<\/span><\/p>\n<h4><strong>7. Agile UX<\/strong><\/h4>\n<p><span style=\"font-weight: 400;\">Agile UX is a practice that has evolved to integrate agile software development principles into the <\/span><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/ux-process\/\"><span style=\"font-weight: 400;\">UX design process<\/span><\/a><span style=\"font-weight: 400;\">. Agile UX is all about designers and developers working collaboratively and iteratively to build and ship versions of a product in short cycles\u2014improving and updating the product along the way. This contrasts the traditional approach of first preparing and researching at length before building anything.\u00a0<\/span><\/p>\n<p><strong>8. Animation design<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Animation design is the process of creating animated (or moving) graphics. In digital design, motion and animation are used to provide feedback to the user after a certain action\u2014for example, an animation which conveys \u201cloading\u201d after a user clicks on a button. This clearly tells the user that their action has been registered. You can <\/span><span style=\"font-weight: 400;\">learn more about the role of animation and motion in UX <a href=\"https:\/\/www.nngroup.com\/articles\/animation-purpose-ux\/\" target=\"_blank\" rel=\"noopener\">here<\/a><\/span><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><strong>9. (UX) Audit<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">A UX audit reviews an existing product (or an aspect of the product) to identify issues in the overall user experience. You can think of a UX audit as a user experience health check, providing you with useful data to inform future design decisions. UX audits are typically conducted for quality assurance purposes after the release of a new product or a major redesign, but companies may schedule them periodically just to keep a general pulse on the product.\u00a0<\/span><\/p>\n<p><strong>10. Beta testing<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Beta testing is when you launch an unfinished product to a select group of users in order to see how it performs in the real world. This allows you to identify bugs, pain points and areas of improvement for your imperfect beta product before developing and releasing it fully.\u00a0<\/span><\/p>\n<p><strong>11. Brainstorming<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">A key aspect of working in UX is coming up with ideas for how to solve user problems. Brainstorming is a popular ideation technique used by UX designers. It\u2019s usually done in a group<\/span><span style=\"font-weight: 400;\">\u00a0and essentially involves coming up with ideas and sharing them without too much thought. You can also brainstorm alone and map your ideas out on paper.\u00a0<\/span><\/p>\n<p><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/branding-in-content-design\/\"><strong>12. Brand identity<\/strong><\/a><\/p>\n<p><span style=\"font-weight: 400;\">Brand identity captures and conveys the essence of what a company is all about. It\u2019s built on company values and how you want people to feel when they interact with your product or service. The user experience of a product plays a hand in shaping and reinforcing the brand identity; so, as a UX designer, it\u2019s important to factor it in.\u00a0<\/span><\/p>\n<p><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/ui-design-dos-and-donts\/\"><strong>13. Breadcrumb<\/strong><\/a><\/p>\n<p><span style=\"font-weight: 400;\">A breadcrumb is a navigation system which shows where a user is currently situated within a website. For example, if you\u2019re browsing the ASOS clothing website, you might see a trail of links which shows where you are (and how you got there) as follows: Home &gt; Men &gt; Sportswear &gt; Shoes<\/span><\/p>\n<p><strong>14. Card sorting<\/strong><\/p>\n<p><span style=\"font-weight: 400;\"><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/card-sorting-in-ux-what-is-it\/\">Card sorting is a UX research method<\/a> which gives you insight into how users categorise information. In a card sorting session, participants are given notecards with different labels or topics written on them and asked to organise them in a way that feels logical. Card sorting helps you to design the information architecture (IA) of a website or app in line with user expectations. You\u2019ll find an explanation of information architecture later on in our glossary.\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7433 size-full\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2022\/04\/ux_glossary_illustrations_card_sorting.png\" alt=\"card sorting\" width=\"9467\" height=\"3756\" title=\"\"><\/p>\n<p><strong>15. Case study<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Case studies are a crucial part of your UX portfolio. They outline the process you followed when working on a design project, showcasing the problem you set out to solve, the users you were solving it for, the methodology you used to reach the solution and the final design outcome. Check out <\/span><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/ux-portfolio-examples\/\"><span style=\"font-weight: 400;\">these real UX portfolio examples<\/span><\/a><span style=\"font-weight: 400;\"> to see how case studies work in action.\u00a0<\/span><\/p>\n<p><strong>16. Clickstream analysis<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">UX designers use clickstream analysis to gain a deeper understanding of user behaviour. Clickstream analysis records a user\u2019s trail of activity as they interact with an app or website\u2014i.e. the sequence of clicks they make or the pages they visit.\u00a0<\/span><\/p>\n<p><strong>17. Cognitive load<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Cognitive load is a crucial factor to consider when designing products, services and features. Put simply, cognitive load is the amount of mental effort required to complete a certain task. As a UX designer, you want to keep the user\u2019s cognitive load to a minimum. This is all part of designing easy, enjoyable, efficient experiences.\u00a0<\/span><\/p>\n<p><strong>18. Competitor analysis<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">UX designers usually conduct competitor analysis during the research phase of a design project. With competitor analysis, you\u2019re looking at competing products within your niche or market space to see what they do well, where their weaknesses lie, and to get a feel for what your end-users will expect from a similar product (i.e. the one you\u2019re going to design). Competitor analysis helps you to make informed design decisions.\u00a0<\/span><\/p>\n<p><strong>19. Consistency<\/strong><\/p>\n<p><span style=\"font-weight: 400;\"><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/how-design-is-important-to-content\/\">Consistency is a key principle in UX design<\/a>. It dictates that a user-friendly design always provides a consistent experience\u2014once the user is familiar with your product, they can use it with ease; they don\u2019t need to learn new ways of completing tasks or solving problems at every turn. Essentially, consistency eliminates confusion! You can <\/span><span style=\"font-weight: 400;\">read about the different types of consistency to be mindful of <a href=\"https:\/\/uxdesign.cc\/design-principle-consistency-6b0cf7e7339f\" target=\"_blank\" rel=\"noopener\">here<\/a><\/span><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><strong>20. Contextual enquiry<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Contextual enquiry is a user research method which involves observing and interviewing users while they interact with your product in their \u201cnatural\u201d environment. So, rather than asking them questions about their experience of the product <\/span><i><span style=\"font-weight: 400;\">after <\/span><\/i><span style=\"font-weight: 400;\">they\u2019ve used it, you watch them in action and ask questions directly at the source to fill in any gaps.\u00a0<\/span><\/p>\n<p><strong>21. Customer experience (CX)<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Customer experience, or CX, encompasses the entire experience a customer has when they engage with a product, service or brand. <\/span><a href=\"https:\/\/www.usertesting.com\/blog\/cx-vs-ux\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">UX and CX are two distinct areas<\/span><\/a><span style=\"font-weight: 400;\"> but, as a UX designer, it\u2019s important to be aware of the concept and understand how UX contributes to the overall CX.\u00a0<\/span><\/p>\n<p><strong>22. Dark UX<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Dark UX is <\/span><i><span style=\"font-weight: 400;\">not <\/span><\/i><span style=\"font-weight: 400;\">a term you ever want to be associated with as a UX designer. It\u2019s the practice of deliberately designing in a way that tricks the user or subtly pushes them towards an action they probably don\u2019t want to take. A classic example of dark UX is making it confusing for users to cancel their subscription. You can read about <\/span><span style=\"font-weight: 400;\">common <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/what-are-dark-patterns-in-ux\/\">dark UX patterns<\/a> (and more user-friendly alternatives) <a href=\"https:\/\/uxplanet.org\/5-common-ux-dark-patterns-and-user-friendly-alternatives-6c8c2f127242\" target=\"_blank\" rel=\"noopener\">here<\/a><\/span><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><strong>23. Decision matrix<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">A decision matrix &#8211; sometimes referred to as a prioritisation matrix &#8211; is a framework used to evaluate and prioritise ideas based on a set of predetermined criteria. In UX, it can help you to weigh up different design options and make informed decisions that balance available time and resources against the needs of the user.\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7434 size-full\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2022\/04\/ux_glossary_illustrations_Decision-matrix.png\" alt=\"decision matrix\" width=\"9467\" height=\"3889\" title=\"\"><\/p>\n<p><strong>24. Design debt<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Design debt (or UX debt) is the result of taking shortcuts in the design process in order to quickly reach a solution or produce a deliverable. This can lead to problems down the line and can ultimately result in a negative user experience. You might accumulate design debt if you skip user research or user testing, if you ignore style guidelines or neglect to keep adequate documentation. The Nielsen Norman Group has published <\/span><span style=\"font-weight: 400;\">a useful guide on how to identify, prioritise and resolve design debt <a href=\"https:\/\/www.nngroup.com\/articles\/ux-debt\/\" target=\"_blank\" rel=\"noopener\">here<\/a><\/span><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><strong>25. Design deliverables<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Design deliverables are the tangible \u201cthings\u201d or artefacts a UX designer produces throughout the design process. UX deliverables include things like <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/what-are-ux-personas\/\">personas<\/a>, user journey maps, wireframes and prototypes. You\u2019ll find a definition of all of these terms in the latter part of our UX glossary. Keep reading!<\/span><\/p>\n<p><strong>26. Design patterns<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">UX and UI design patterns are repeatable, reusable design components used to solve usability issues that users commonly experience. For example, the breadcrumb navigation system (number 13 in our UX glossary) is a design pattern used to show the user their pathway from the homepage to the page that they\u2019re currently viewing.\u00a0<\/span><\/p>\n<p><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/how-do-design-sprints-ux\/\"><strong>27. Design sprint<\/strong><\/a><\/p>\n<p><span style=\"font-weight: 400;\">Invented by Jake Knapp, the <\/span><a href=\"https:\/\/www.thesprintbook.com\/the-design-sprint\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">design sprint<\/span><\/a><span style=\"font-weight: 400;\"> is an increasingly popular practice which condenses and accelerates the product design process. The idea is to rapidly build and test a prototype in just five days, encouraging design teams to quickly move from problem to solution. Lego, N26, Uber and Google are just some of the major brands who advocate for the design sprint methodology.\u00a0<\/span><\/p>\n<p><strong>28. Design system<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">A design system is a universal source of truth for the design team\u2014a collection of design assets, guidelines, constraints and best practices to adhere to when embarking on a new design project.\u00a0\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7435 size-full\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2022\/04\/ux_glossary_illustrations_design-system.png\" alt=\"design system\" width=\"9467\" height=\"3290\" title=\"\"><\/p>\n<p><strong>29. Design thinking<\/strong><\/p>\n<p><span style=\"font-weight: 400;\"><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/miro-srecko-dimitrijevic\/\">Design thinking has become something of a buzzword<\/a> in the industry, so it\u2019s a term worth getting to grips with. The design thinking process comprises five phases: Empathise (with the user), Define (the problem), Ideate (potential solutions), Prototype, and Test. Design thinking is used to address particularly tricky UX problems.\u00a0<\/span><\/p>\n<p><strong>30. Diary study<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">A diary study is a <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/user-research-vs-ux-research\/\">UX research method<\/a> used to gain insight into how users behave in real-world situations and everyday contexts. When conducting a diary study, you\u2019ll ask participants to keep a diary of their activities, thoughts and feelings over a set period of time in relation to a specific problem or scenario. For example, if you were designing a grocery delivery app, you might ask participants to keep a diary about how they currently approach the task of ordering groceries online.\u00a0<\/span><\/p>\n<p><strong>31. (UX) Documentation\u00a0<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">UX documentation captures all the steps you follow throughout a given design project. It allows you to keep track of the project and create a source of truth for all stakeholders to refer back to. UX documentation can include anything from the design problem and the project timeline to a summary of user research findings, early concepts and sketches, and results from usability tests. You can <\/span><span style=\"font-weight: 400;\">learn more about UX documentation (and some of the most useful UX documentation tools) <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/ux-documentation-tools\/\">in this guide<\/a><\/span><span style=\"font-weight: 400;\">.\u00a0<\/span><\/p>\n<p><strong>32. Empathy\u00a0<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Empathy is the ability to metaphorically put yourself in someone else\u2019s shoes\u2014and it\u2019s the very foundation of good UX design. Empathy enables you to understand your user\u2019s needs and pain-points, and to design solutions accordingly.\u00a0<\/span><\/p>\n<p><strong>33. Empathy map<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">An empathy map is a visualisation tool used by designers to depict and summarise what they know about a user (or group of users). It consists of four quadrants: \u201cSays\u201d, \u201cThinks\u201d, \u201cDoes\u201d and \u201cFeels\u201d which capture notes on what the user has said (for e.g. during an interview), what they think about a product or experience, the actions they take in a given context and how they feel during the process. As the name suggests, an empathy map helps you to build empathy for your end users.\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7436 size-full\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2022\/04\/ux_glossary_illustrations_empathy-map.png\" alt=\"empathy map\" width=\"9467\" height=\"3888\" title=\"\"><\/p>\n<p><strong>34. End user<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">It\u2019s impossible to talk about UX (or work in the field) without referring to the \u201cend user\u201d. The end user is, quite simply, the person you\u2019re designing for. It\u2019s the person who will use your product or service and it\u2019s the person whose pain-points you want to understand and solve.\u00a0<\/span><\/p>\n<p><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/what-are-user-research-ethics\/\"><strong>35. Ethical design<\/strong><\/a><\/p>\n<p><span style=\"font-weight: 400;\">You can think of ethical design as the process of \u201cdesigning for good.\u201d Ultimately, it\u2019s about designing with the user\u2019s wellbeing in mind. For example, an ethically designed social media app might contain features that encourage users to develop a healthy relationship with the app\u2014such as a \u201ctime spent scrolling\u201d warning to remind users to take a break.<\/span><\/p>\n<p>Read <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/design-for-good-with-sarah-fathallah\/\">our blog post<\/a> on designer Sarah Fathallah&#8217;s approach to ethical design.<\/p>\n<p><strong>36. Eye tracking<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Eye tracking is a method used to track users\u2019 eye movements as they look at a website. For UX designers, this provides valuable insight into which areas and elements of the design attract the most attention.<\/span><\/p>\n<p><strong>37. Fidelity<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Fidelity is used to describe the quality of wireframes and prototypes\u2014in other words, how closely the wireframe or prototype resembles what the live product will look like. Low-fidelity wireframes are bare-bones outlines, whereas high-fidelity prototypes include visuals and interactive properties, closely mimicking the look, feel and behaviour of a live website or app.\u00a0<\/span><\/p>\n<p><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/figma-introduction-for-ui-designers\/\"><strong>38. Figma<\/strong><\/a><\/p>\n<p><a href=\"https:\/\/www.figma.com\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Figma<\/span><\/a><span style=\"font-weight: 400;\"> is another popular UX design tool used for wireframing, building out design systems, collaborating, running workshops and more. It\u2019s not a UX term per se, but it is fast becoming one of the most-used tools in the industry, so it\u2019s worth knowing about.\u00a0<\/span><\/p>\n<p><strong>39. Flat design<\/strong><\/p>\n<p><span style=\"font-weight: 400;\"><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/flat-design-everything-about-it\/\">Flat design is a design style<\/a> or language which favours simple, 2D elements and bright colours. While skeuomorphic design is all about creating a 3D, life-like feel, flat design keeps things plain and simple. Flat design originally came about to aid responsive design (see number 73 in our UX glossary).\u00a0<\/span><\/p>\n<p><strong>40. Focus group<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Another UX research method, focus groups bring together a handful of users to discuss issues and concerns about the features of a product. Focus groups are moderated by the researcher, but for the participants, they feel unstructured and free-flowing. This can give way to very candid insights, and allows you to gather a variety of perspectives.\u00a0<\/span><\/p>\n<p><strong>41. Full-stack designer<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">A full-stack designer is a designer who has the skills and know-how to take on all the \u201cstacks\u201d (or layers) of the product design and development process. While most designers will specialise in just one area, such as UX design or UI design, full-stack designers can take on UX design, UI design, interaction design and frontend development.\u00a0<\/span><\/p>\n<p><strong>42. Gestalt principles<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">The <\/span><a href=\"https:\/\/www.verywellmind.com\/gestalt-laws-of-perceptual-organization-2795835\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Gestalt principles<\/span><\/a><span style=\"font-weight: 400;\"> come from the field of psychology, and they\u2019re essentially a set of laws that describe how our minds organise and interpret visual data. The Gestalt principles can be used to inform design decisions and shape the user experience. For example, the law of proximity states that elements which are positioned close together appear to be more related than elements which are spaced further apart. If you were designing a website based on the law of proximity, you\u2019d group related elements closer together. You can learn <\/span><span style=\"font-weight: 400;\">all about the Gestalt principles and their usage in UX <a href=\"https:\/\/uxdesign.cc\/using-gestalt-principles-in-ux-design-3fc64614d3ef\" target=\"_blank\" rel=\"noopener\">here<\/a><\/span><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7437 size-full\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2022\/04\/ux_glossary_illustrations_gestalt-principles.png\" alt=\"gestalt principles\" width=\"9468\" height=\"3512\" title=\"\"><\/p>\n<p><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/guide-to-responsive-grids\/\"><strong>43. Grid system<\/strong><\/a><\/p>\n<p><span style=\"font-weight: 400;\">When designing, say, a page on a website, designers can follow grid systems to help them organise the various elements on the page. A grid system is essentially a series of rows and columns which gives you visibly marked-out areas (similar to a map) in which to place different elements. This makes it easier to design consistently across different pages.\u00a0<\/span><\/p>\n<p><strong>44. Heatmap<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">A heatmap is a data visualisation which literally maps out in different colours how and where users have spent time on your website. Red areas of the heatmap indicate popular sections of the website, while blue areas are those which received less attention. Heatmaps are another tool used by UX designers to understand how users behave and to design accordingly.\u00a0<\/span><\/p>\n<p><strong>45. Heuristics<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Another term from the field of psychology, a heuristic is a mental shortcut which enables people to solve problems and make decisions quickly, based on what they\u2019ve learned from previous experiences. In UX, we use heuristic evaluation to assess the usability of a digital interface.\u00a0<\/span><\/p>\n<p><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/improve-ux-design\/\"><strong>46. Hick\u2019s law<\/strong><\/a><\/p>\n<p><span style=\"font-weight: 400;\">According to Hick\u2019s law, the more options or choices a user has, the longer it will take them to make a decision or choose a course of action. In UX, the goal is to keep the number of options available to the user to a minimum, making it quicker and easier for them to navigate through the experience without feeling overwhelmed.<\/span><\/p>\n<p>Read <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/improve-ux-design\/\">our blog post<\/a> on how you can declutter your designs by implementing Hick&#8217;s Law.<\/p>\n<p><strong>47. How Might We (HMW)<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">If you\u2019re in the process of solving a UX problem and trying to come up with ideas, you might frame the problem as a \u201cHow might we?\u201d question. For example, if your problem statement is something like \u201cUsers struggle to fill out the application form and often fill it out wrong\u201d, you could turn this into the following HMW: \u201cHow might we improve the application form to make it easier for users to fill it out correctly?\u201d How Might We questions are a great way to progress from problem to solution while keeping the user at the forefront.\u00a0<\/span><\/p>\n<p><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/what-is-design-thinking\/\"><strong>48. Ideation<\/strong><\/a><\/p>\n<p><span style=\"font-weight: 400;\">Ideation is all about generating as many ideas and potential solutions as possible, without considering or judging their feasibility. In the ideation phase, the focus is on quantity of ideas rather than on quality. Some popular ideation techniques include brainstorming, bodystorming and the SCAMPER method. You can read about them all (and more) in <\/span><span style=\"font-weight: 400;\"><a href=\"https:\/\/www.interaction-design.org\/literature\/article\/introduction-to-the-essential-ideation-techniques-which-are-the-heart-of-design-thinking\" target=\"_blank\" rel=\"noopener\">this introduction<\/a> to ideation techniques<\/span><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/accessible-and-inclusive-content\/\"><strong>49. Inclusive design<\/strong><\/a><\/p>\n<p><span style=\"font-weight: 400;\">The <\/span><a href=\"https:\/\/www.nngroup.com\/articles\/inclusive-design\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Nielsen Norman Group describes inclusive design<\/span><\/a><span style=\"font-weight: 400;\"> as a set of methodologies \u201cto create products that understand and enable people of all backgrounds and abilities. It may address accessibility, age, economic situation, geographic location, language, race and more.\u201d Ultimately, inclusive design is about designing experiences which include and benefit everyone.\u00a0<\/span><\/p>\n<p><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/what-is-information-architecture\/\"><strong>50. Information architecture<\/strong><\/a><\/p>\n<p><span style=\"font-weight: 400;\">In UX design, information architecture considers how the information and content is organised within and across a product. If you\u2019re designing a website, you\u2019ll consider the positioning of each piece of content the user encounters, thinking about where it sits on the page <\/span><i><span style=\"font-weight: 400;\">and <\/span><\/i><span style=\"font-weight: 400;\">where it\u2019s located in terms of the overall structure of the website. Good information architecture is <span style=\"text-decoration: underline;\">crucial<\/span> to good UX.<\/span><\/p>\n<section id=\"promotion\" class=\"promotion-content-raw inlinepromo inlinepromo_ux-design-fundamentalsp-1 my-4\" style=\"\">\n\t<div class=\"w-container\">\n\t\t<div class=\"row align-items-center\">\n\t\t\t<div class=\"col-md-12 promotion-info\">\n                <a class=\"link-content\" href=\"https:\/\/www.uxdesigninstitute.com\/courses\/ux-design-fundamentals?utm_source=blog&amp;utm_medium=blog_panel_text&amp;utm_campaign=blog_promo\" style=\"\">\n                    <p>[UX DESIGN FUNDAMENTALS COURSE]<\/p>\n                    <span>Get the Best Start in UX Design<\/span>\n                <\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/section>\n\n<p><strong>51. Interaction design (IxD)<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Interaction design (or IxD) is a subset of UX. Very simply, interaction design considers the interaction between users and products (whereas UX considers the entire user experience, not just the moment of interaction). There are five dimensions of interaction design: words, visual representations, physical objects or space, time and behaviour. If you\u2019d like to learn more, we can recommend <\/span><span style=\"font-weight: 400;\"><a href=\"https:\/\/xd.adobe.com\/ideas\/principles\/human-computer-interaction\/what-is-interaction-design\/\" target=\"_blank\" rel=\"noopener\">this guide<\/a> to interaction design (and how it compares to UX)<\/span><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><strong>52. Intuitive design<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">\u201cIntuitive\u201d is a word that you\u2019ll hear time and time again in the UX world. Intuitive design is what UX professionals strive for; it\u2019s design that the user can instantly understand and use without needing any kind of tutorial or instruction.\u00a0<\/span><\/p>\n<p><strong>53. InVision Studio<\/strong><\/p>\n<p><a href=\"https:\/\/www.invisionapp.com\/studio\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">InVision Studio<\/span><\/a><span style=\"font-weight: 400;\"> is another powerful tool that all designers should be familiar with. It includes features and functions for drawing, wireframing, prototyping and animating\u2014pretty much everything you need to bring your designs to life. It counts as one of <\/span><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/user-interface-ui-design-tools\/\"><span style=\"font-weight: 400;\">the best UI design tools<\/span><\/a><span style=\"font-weight: 400;\">, but is equally loved and used by UX designers too.\u00a0<\/span><\/p>\n<p><strong>54. Iterative design<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Iterative design is the practice of continuously improving, refining and updating your product. An iteration of a design is essentially a new, updated version and designing iteratively enables you to keep improving the user experience on a regular and ongoing basis (rather than launching one version and never updating it again, regardless of how it\u2019s received by users).\u00a0<\/span><\/p>\n<p><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/what-is-lean-ux\/\"><strong>55. Lean UX<\/strong><\/a><\/p>\n<p><span style=\"font-weight: 400;\">Lean UX goes hand-in-hand with agile UX (number 7 in our glossary). It\u2019s a collaborative approach to the UX design process which focuses on getting feedback as early as possible in order to make quick design decisions. While traditional UX focuses more heavily on first setting out product requirements and then producing deliverables, lean UX seeks to deliver and improve the product in ongoing, iterative cycles. We covered iterative design earlier on in our glossary (number 54).\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7438 size-full\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2022\/04\/ux_glossary_illustrations_lean-ux.png\" alt=\"lean UX\" width=\"9468\" height=\"4459\" title=\"\"><\/p>\n<p><strong>56. Material Design<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Material Design is a design language for Android which was developed by Google in 2014. It\u2019s an adaptable system of guidelines, components, and tools which designers and developers can use to quickly and collaboratively build digital products. Check out <\/span><span style=\"font-weight: 400;\">the latest version of Material Design <a href=\"https:\/\/material.io\/\" target=\"_blank\" rel=\"noopener\">here<\/a><\/span><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><strong>57. Mental model<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">A mental model represents what we believe about how things work in the world around us. Mental models provide us with a collection of frameworks to help us solve problems and approach different situations. In UX, mental models relate to how our users expect a particular product or experience to work, based on their experience with similar products. It\u2019s important to design with the user\u2019s mental models in mind so as not to throw the user.\u00a0<\/span><\/p>\n<p><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/microinteractions-in-ui-design\/\"><strong>58. Microcopy<\/strong><\/a><\/p>\n<p><span style=\"font-weight: 400;\">As you navigate a website or app, you\u2019ll encounter all kinds of messaging: the text on a button, error messages, the \u201cWelcome\u201d note as you log in\u2026 that\u2019s all microcopy. Microcopy is the text which guides a user throughout a digital product.\u00a0<\/span><\/p>\n<p><strong>59. Mockup<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">A mockup is a visual representation of what a product will look like once it\u2019s developed. While <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/what-is-wireframing\/\">wireframes tend to capture the bare-bones layout<\/a> and structure, a mockup fills in detail such as colour and typography. It\u2019s important to note that, unlike interactive prototypes, mockups are static.\u00a0<\/span><\/p>\n<p><strong>60. Modal\u00a0<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">A modal, or modal window, is a box that pops up outside of the main screen when the user clicks something on the current screen. Modals are used to draw the user\u2019s attention and to get them to focus on one specific thing. To close the modal, the user must complete a certain action or actively click to exit out of it. An example of a modal could be the window that pops up when you\u2019re reading a blog, asking you to subscribe to their newsletter.\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7439 size-full\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2022\/04\/ux_glossary_illustrations_modal.png\" alt=\"modal\" width=\"9468\" height=\"4812\" title=\"\"><\/p>\n<p><strong>61. MVP (Minimum viable product)<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">MVP stands for \u201cminimum viable product.\u201d It\u2019s the most minimal version of a product you can launch which has enough functionality for people to use, but will need further development. Launching an MVP allows you to see how the initial product idea is received before investing too much time and money.\u00a0<\/span><\/p>\n<p><strong>62. Navigation<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Navigation is all about how a user navigates, or moves through, your product. As a designer, it\u2019s important to think carefully about navigation to ensure that users don\u2019t get lost, confused and frustrated. Simplicity, consistency, good information architecture, labels and menus are all key to user-friendly navigation.\u00a0<\/span><\/p>\n<p><strong>63. Onboarding<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Onboarding, or user onboarding, is the process of getting new users familiar with your product. Designing an effective, enjoyable onboarding experience is a crucial aspect of designing a good user experience overall\u2014and it\u2019s especially important as it only happens once. That means you only have one shot at making a good impression and turning new users into long-term customers. You can <\/span><span style=\"font-weight: 400;\">learn about <a href=\"https:\/\/uxplanet.org\/best-practices-for-onboarding-92f3a9f0b21a\" target=\"_blank\" rel=\"noopener\">best practices<\/a> for user onboarding over on UXPlanet<\/span><span style=\"font-weight: 400;\">.\u00a0<\/span><\/p>\n<p><strong>64. Pain-points<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Pain-points are any issues, problems, frustrations or hiccups a user encounters during a given experience or interaction. As a UX designer, it\u2019s your job to conduct research in order to uncover user pain-points and to design experiences which seek to solve them.\u00a0<\/span><\/p>\n<p><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/ux-design-rollaboard-suitcase\/\"><strong>65. Paradox of specificity<\/strong><\/a><\/p>\n<p><span style=\"font-weight: 400;\">The paradox of specificity states that when we design with a very specific user group in mind, we actually create products that appeal to a mass audience beyond that target group. You can learn more about <\/span><span style=\"font-weight: 400;\">the paradox of specificity with the example of the Rollaboard suitcase <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/ux-design-rollaboard-suitcase\/\">here<\/a><\/span><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><strong>66. <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/what-are-ux-personas\/\">Persona<\/a><\/strong><\/p>\n<p><span style=\"font-weight: 400;\">A persona is a fictional character which represents the goals, needs and characteristics of your target user(s). UX designers create personas based on their user research and refer back to them throughout the design process to ensure they\u2019re keeping the user in mind.\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7440 size-full\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2022\/04\/ux_glossary_illustrations_persona.png\" alt=\"persona\" width=\"9468\" height=\"4056\" title=\"\"><\/p>\n<p><strong>67. <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/ux-portfolio-presentation-guide\/\">Portfolio<\/a><\/strong><\/p>\n<p><span style=\"font-weight: 400;\">A UX portfolio is a collection of your best design work. It demonstrates your skills and abilities as a UX designer, and shows employers and clients how you work. A UX portfolio is a staple for anyone looking to land a job in the field. You can learn more about <\/span><span style=\"font-weight: 400;\">what a UX portfolio is and what it should include <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/what-is-a-ux-portfolio\/\">in this guide<\/a><\/span><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p>You can read more about creating a portfolio without any working experience <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/create-a-ux-portfolio-without-experience\/\">here<\/a>.<\/p>\n<p><strong>68. <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/problem-statement-in-ux-examples\/\">Problem statement<\/a><\/strong><\/p>\n<p><span style=\"font-weight: 400;\">UX is all about solving user problems. A problem statement is, quite simply, a statement which summarises and defines the problem that needs to be solved.\u00a0<\/span><\/p>\n<p><strong>69. Product roadmap<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">A product roadmap maps out the vision and strategy for a particular product and sets goals and priorities for the development of the product. UX design is a key part of the product development process, so it\u2019s important to be familiar with the product roadmap.\u00a0<\/span><\/p>\n<p><strong>70. Prototype<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">A prototype is a simulation or model of what the final product will (or could) look like. UX designers create <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/prototyping-guide\/\">prototypes to gather feedback and improve their designs<\/a> before pushing them through to development. You can <\/span><span style=\"font-weight: 400;\">learn more about prototyping and some of the most popular prototyping tools <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/best-prototyping-tools-for-ux-designers\/\">in this guide<\/a><\/span><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><strong>71. <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/quantitative-vs-qualitative-research\/\">Qualitative user research<\/a><\/strong><\/p>\n<p><span style=\"font-weight: 400;\">User research is a crucial part of the UX process and it can be either <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/quantitative-vs-qualitative-research\/\">qualitative or quantitative<\/a>. Qualitative user research provides insight into your users\u2019 thoughts, motivations and behaviours. It gathers qualitative data\u2014data which cannot be measured or counted but is extremely valuable nonetheless. An example of a qualitative user research method is a user interview, where your data comprises what the user said during the interview.\u00a0<\/span><\/p>\n<p><strong>72. <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/quantitative-vs-qualitative-research\/\">Quantitative user research<\/a><\/strong><\/p>\n<p><span style=\"font-weight: 400;\">UX designers and researchers conduct quantitative research to gather objective, measurable data about their users. An example of quantitative user data could be the number of people who visit a website in a given time frame or what percentage of users drop out of the checkout process at the last stage.\u00a0<\/span><\/p>\n<p><strong>73. <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/guide-to-responsive-grids\/\">Responsive design<\/a><\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Responsive design ensures that your designs display accurately on different screen sizes. A website that\u2019s been designed responsively will look great whether it\u2019s viewed on a desktop computer, a tablet or a smartphone.\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7441 size-full\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2022\/04\/ux_glossary_illustrations_Responsive-design.png\" alt=\"responsive design\" width=\"9468\" height=\"3290\" title=\"\"><\/p>\n<p><strong>74. Sitemap<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">A sitemap gives a bird\u2019s-eye view of the overall structure of a website. Very simply put, it\u2019s a diagram which shows how pages are prioritised, linked and labelled.\u00a0<\/span><\/p>\n<p><strong>75. Sketch<\/strong><\/p>\n<p><a href=\"https:\/\/www.sketch.com\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Sketch<\/span><\/a><span style=\"font-weight: 400;\"> is an industry-standard, all-in-one digital design tool. It includes tools for collaborative design, prototyping and developer handoff.\u00a0<\/span><\/p>\n<p><strong>76. Stakeholder interviews<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Stakeholders are the people within a company or organisation who are invested in the success of the product you\u2019re designing, and who can offer insights and input to inform the design process. Just as UX designers conduct user research to find out what the end user needs from the product, they might also conduct stakeholder interviews in order to understand the business goals that the product (and the product design process) should serve.\u00a0\u00a0<\/span><\/p>\n<p><strong>77. <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/ux-storyboard\/\">Storyboard<\/a><\/strong><\/p>\n<p><span style=\"font-weight: 400;\">In UX, a storyboard is a visual depiction of a user\u2019s experience with a product. It\u2019s a bit like a comic strip, allowing the designer to envision all the steps in the user\u2019s journey and to gain a deeper understanding of how the user will relate to and experience the product.\u00a0<\/span><\/p>\n<p><strong>78. Style guide<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">A style guide is a document created by UX designers to set out the standards, conventions and guidelines which should be followed throughout the design process. The goal of a style guide is to ensure consistency. This is especially useful when you have lots of different stakeholders involved in the product design and development process.\u00a0<\/span><\/p>\n<p><strong>79. <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/user-surveys-for-ux-research\/\">Surveys<\/a><\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Surveys are another popular user research method. You can gather both qualitative and quantitative data through user surveys, depending on how you frame the questions. Surveys offer a relatively low-cost and not-too-time-consuming way to obtain large volumes of user data.\u00a0<\/span><\/p>\n<p><strong>80. Task analysis<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">UX designers use task analysis to study and understand how users perform a series of tasks in order to complete their goal. The output of a task analysis is simply a list of all the steps a user will go through to complete their task. Task analysis typically takes place early on in the design process.\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7442 size-full\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2022\/04\/ux_glossary_illustrations_task-analysis.png\" alt=\"task analysis\" width=\"9468\" height=\"2976\" title=\"\"><\/p>\n<p><strong>81. Tree testing<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Tree testing is a UX research method that provides insight into how easily people can find information on your website or app and where they get lost. Tree testing is useful for evaluating how user-friendly your site structure is.\u00a0<\/span><\/p>\n<p><strong>82. Typography<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Typography refers to how text is arranged and styled. It\u2019s more of a UI design term than a UX one (you can read about <\/span><span style=\"font-weight: 400;\">the difference between UX and UI <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/ux-vs-ui-design\/\">here<\/a><\/span><span style=\"font-weight: 400;\">), but it certainly plays a part in the overall user experience. Designers must choose typography that is easily legible and visually appealing for the user.\u00a0<\/span><\/p>\n<p><strong>83. <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/usability-test-how-many-users\/\">Usability<\/a><\/strong><\/p>\n<p><span style=\"font-weight: 400;\">When we talk about usability, we\u2019re looking at how easy a product is to use. Ultimately, is it easy for the user to complete their desired tasks? Usability is absolutely critical to providing a good user experience!<\/span><\/p>\n<p><strong>84. <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/mobile-usability-tests\/\">Usability testing<\/a><\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Usability testing is the process of testing your designs or product on a sample of people who represent your target users. During a usability test, you\u2019ll ask participants to complete certain tasks, observing them as they do so. This allows you to identify any usability issues which are hampering the user experience.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You can read about finding suitable users for usability testing <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/find-users-usability-test\/\">here<\/a>.\u00a0<\/span><\/p>\n<p><strong>85. User-centred design<\/strong><\/p>\n<p><span style=\"font-weight: 400;\"><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/design-for-better-world-don-norman\/\">User-centred design<\/a> (UCD) places the end user front and centre throughout the product design and development process. It\u2019s based on a set of principles which prioritise the end user, such as involving users from the very beginning of the process (i.e. through user research), getting real user feedback along the way and designing iteratively to keep improving the user experience.\u00a0<\/span><\/p>\n<p><strong>86. User flow<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">A user flow is a chart or diagram which shows the path a user will take to complete a certain task. UX designers create user flows in order to understand how a user will move through the product and to design the product in a way that facilitates this movement.\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7443 size-full\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2022\/04\/ux_glossary_illustrations_uesr-flow.png\" alt=\"user flow\" width=\"9468\" height=\"4185\" title=\"\"><\/p>\n<p><strong>87. User interface (UI)<\/strong><\/p>\n<p><span style=\"font-weight: 400;\"><a href=\"https:\/\/www.uxdesigninstitute.com\/courses\/ui-design\">A user interface (a UI)<\/a> is the point of interaction between humans and computers. It contains all the features a user needs to interact with a digital product: input controls which enable a user to input information, navigational elements which allow the user to move from one point to the next, informational components which provide the user with valuable information and containers which group the content into meaningful sections. Designers are responsible for creating interfaces that are user-friendly and aesthetically pleasing.\u00a0<\/span><\/p>\n<p><strong>88. User interface design\u00a0<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">UI design is the process of designing user interfaces. A user interface is the point of interaction between humans and computers (see number 87 in our UX glossary). User interface design takes care of how digital products look, feel and behave for the end user. Good UI is part of creating a delightful user experience and UX and UI designers work closely together. You\u2019ll find <\/span><span style=\"font-weight: 400;\">a complete explanation of user interface design <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/what-is-ui-design\/\">here<\/a><\/span><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><strong>89. UI elements<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">UI elements are the building blocks used in the design of apps and websites. When you use a website or app, you encounter buttons, forms, menus, drop-down lists, image carousels and more. These are all examples of UI elements.\u00a0<\/span><\/p>\n<p><strong>90. <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/user-interviews-for-ux-research\/\">User interview<\/a><\/strong><\/p>\n<p><span style=\"font-weight: 400;\">A user interview is a common UX research method, and it pretty much does what it says on the tin: you ask your user (or representative user) questions in order to gain insight into their thoughts, expectations, goals and pain-points in relation to a particular problem, product or experience. User interviews are a type of qualitative research (refer to terms 71 and 72 in our UX glossary to learn about the difference between qualitative and quantitative user research).<\/span><\/p>\n<p><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/design-a-customer-journey-map\/\"><strong>91. User journey map<\/strong><\/a><\/p>\n<p><span style=\"font-weight: 400;\">A user journey map is a visualisation which depicts all the touchpoints between a user and a product across a given time period. It also contains information about the channels a person uses to interact with the product. User journey maps are useful as they allow designers to visualise and understand how the user experiences a product. It\u2019s important to note that <\/span><a href=\"https:\/\/xd.adobe.com\/ideas\/process\/user-research\/user-journey-vs-user-flow\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">user journey maps are different to user flows<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7444 size-full\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2022\/04\/ux_glossary_illustrations_user-journey-map.png\" alt=\"user journey map\" width=\"9468\" height=\"4795\" title=\"\"><\/p>\n<p><span style=\"font-weight: 400;\"><strong>92. User research<\/strong><\/span><\/p>\n<p><span style=\"font-weight: 400;\"><a href=\"https:\/\/www.uxdesigninstitute.com\/courses\/user-research\">The goal of UX design is to solve real user problems<\/a>. The only way to do this is to start by understanding your target users and the problems they face. To uncover such insights, UX designers conduct <\/span><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/ux-research\/\"><span style=\"font-weight: 400;\">user research<\/span><\/a><span style=\"font-weight: 400;\">. User\/UX research takes place early on in the process (in fact, it\u2019s usually the very first step a designer will go through) and is absolutely critical to your work as a designer. We\u2019ve covered <\/span><span style=\"font-weight: 400;\">UX research in more detail (together with some of the best UX research tools) <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/best-ux-research-tools\/\">in this guide<\/a><\/span><span style=\"font-weight: 400;\">.\u00a0<\/span><\/p>\n<p><strong>93. User stories<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">A user story is a brief, simple statement which defines the purpose (or one of the purposes) of creating a product. Writing user stories allows you to consider and capture what the user wants to achieve when they interact with your product. User stories are based on the following structure: <\/span><i><span style=\"font-weight: 400;\">As a [type of user], I need\/want to [action] in order to achieve [goal or outcome].\u00a0<\/span><\/i><\/p>\n<p><strong>94. User testing<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">User testing is when you test your product, new feature or prototype on real users in order to gain feedback and inform future iterations of the product. It sounds similar to usability testing (number 84 in our glossary) but there\u2019s a difference: User testing is often used to determine if there\u2019s a need for your proposed solution among your user group, while usability testing specifically looks at how easy a design or product is to use.\u00a0<\/span><\/p>\n<p><strong>95. UX design<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">You\u2019re probably already familiar with this one but we couldn\u2019t have a UX glossary without defining UX itself. <a href=\"https:\/\/www.uxdesigninstitute.com\/courses\/ux-design\">UX, or user experience, relates to how a user feels whenever they use or interact with a product or service<\/a>. It captures how easy and enjoyable the product is to use overall. UX design is the process of creating these experiences, with a focus on solving a specific problem or pain-point for the user.\u00a0<\/span><\/p>\n<p><strong>96. <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/ux-strategy\/\">UX strategy<\/a><\/strong><\/p>\n<p><span style=\"font-weight: 400;\">UX strategy ties the day-to-day work of the design team to the overarching business goals. It defines a vision for the product or service\u2014that is, what the product looks like in its final state and the value it brings. It sets out goals and milestones which should be achieved along the way in order to reach the ultimate vision, as well as measures for success. Finally, a UX strategy defines a plan of action for how these goals will be met.\u00a0<\/span><\/p>\n<h4><strong>97. UX writing<\/strong><\/h4>\n<p><span style=\"font-weight: 400;\">UX writing is a fast-growing field within UX. <a href=\"https:\/\/www.uxdesigninstitute.com\/courses\/content-design\">It\u2019s the process of planning and writing all the text found on a digital product interface<\/a>, with the goal of guiding the user through the experience. UX writing includes the creation of microcopy; things like error messages, welcome text and menu labels (see number 58 in our glossary). It\u2019s important to note that <\/span><span style=\"font-weight: 400;\">UX writing is not the same as copywriting, as we explain in <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/ux-writing-copywriting\/\">this post<\/a><\/span><span style=\"font-weight: 400;\">.\u00a0<\/span><\/p>\n<h4><strong>98. Visual design<\/strong><\/h4>\n<p><span style=\"font-weight: 400;\">Visual design considers the aesthetics of an app or website. In the context of UX, the goal of visual design is to use text, images, colour and typography to enhance and aid the overall user experience. There is heavy overlap between visual design and UI design but one distinction commonly made is that visual designers consider the overall visual brand and identity rather than focusing on individual designs.\u00a0<\/span><\/p>\n<h4><strong>99. Whiteboard challenge<\/strong><\/h4>\n<p><span style=\"font-weight: 400;\">If you\u2019re aiming to become a UX designer, or to switch jobs in the field, you must be familiar with the whiteboard challenge. <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/design-challenges-for-ux-designers\/\">The whiteboard challenge is a common part of the UX interview<\/a> process, requiring candidates to solve a design challenge in real-time, in front of the interview panel. When completing a whiteboard challenge, you\u2019ll be asked to sketch out your thought process on a whiteboard.\u00a0<\/span><\/p>\n<h4><strong>100. White space<\/strong><\/h4>\n<p><span style=\"font-weight: 400;\">White space is the empty space around and between different elements in your design. White space helps to create elegant, clutter-free designs and to direct the user\u2019s attention to certain components. Note that white space doesn\u2019t have to be white; the name just refers to any blank space on the page.\u00a0<\/span><\/p>\n<h4><strong>101. Wireframe<\/strong><\/h4>\n<p><span style=\"font-weight: 400;\"><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/what-is-wireframing\/\">A wireframe depicts the bare-bones layout of a website or app<\/a>, showing how each screen will be structured and where different elements will sit on the page. Wireframing is an important part of the UX process as it allows you to test and validate initial concepts before developing them into high-fidelity designs and, ultimately, live products. Wireframes eventually evolve into prototypes, which are more life-like representations of how the product will look and behave. Learn more in our <\/span><span style=\"font-weight: 400;\"><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/best-ux-wireframe-tools\/\">guide<\/a> to the best wireframing tools<\/span><span style=\"font-weight: 400;\">.\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7445 size-full\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2022\/04\/ux_glossary_illustrations_wireframe.png\" alt=\"wireframe\" width=\"9468\" height=\"4804\" title=\"\"><\/p>\n<p><span style=\"font-weight: 400;\">If you\u2019re enjoying learning about UX, continue with these <\/span><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/must-read-books-for-ux-designers\/\"><span style=\"font-weight: 400;\">8 must-read books for anyone interested in UX design<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you want to work in UX, you need to speak the language. In our complete glossary, we\u2019ve compiled (and explained) 101 UX terms all designers should know. <\/p>\n","protected":false},"author":22,"featured_media":6548,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","footnotes":""},"categories":[279],"tags":[315],"class_list":["post-6547","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ux-explained","tag-ux-terms"],"_links":{"self":[{"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/posts\/6547","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/users\/22"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/comments?post=6547"}],"version-history":[{"count":15,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/posts\/6547\/revisions"}],"predecessor-version":[{"id":9449,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/posts\/6547\/revisions\/9449"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/media\/6548"}],"wp:attachment":[{"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/media?parent=6547"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/categories?post=6547"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/tags?post=6547"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}