{"id":2684,"date":"2021-12-06T12:02:22","date_gmt":"2021-12-06T20:02:22","guid":{"rendered":"https:\/\/clarity.microsoft.com\/blog\/?p=2684"},"modified":"2025-07-30T09:26:56","modified_gmt":"2025-07-30T16:26:56","slug":"clarity-for-a-ux-designer","status":"publish","type":"post","link":"https:\/\/clarity.microsoft.com\/blog\/clarity-for-a-ux-designer\/","title":{"rendered":"Clarity for a UX designer"},"content":{"rendered":"\n<p>Creating an amazing user experience (UX) can be challenging. If users are frustrated, they will quickly leave your site and visit a competitor. <\/p>\n\n\n\n<p>Everything on your webpage needs a purpose and every element needs to try and satisfy the user. Products that delight in this way will quickly promote adoption, loyalty, and advocacy. The best UX is when users can intuitively complete tasks on your site without even thinking about them. This iterative process is a journey that has no destination.<\/p>\n\n\n\n<p>Today we caught up with Microsoft&#8217;s talented designer, <a href=\"https:\/\/www.linkedin.com\/in\/daniela-buitrago-45ab4a98\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Read more about Clarity for a UX designer\">Daniela Buitrago<\/a> to understand how Clarity helps her deliver the right user experience.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1944\" src=\"https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2021\/12\/GetImage-scaled-1.jpeg\" alt=\"\" class=\"wp-image-8541\" srcset=\"https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2021\/12\/GetImage-scaled-1.jpeg 2560w, https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2021\/12\/GetImage-scaled-1-300x228.jpeg 300w, https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2021\/12\/GetImage-scaled-1-1024x778.jpeg 1024w, https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2021\/12\/GetImage-scaled-1-768x583.jpeg 768w, https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2021\/12\/GetImage-scaled-1-1536x1166.jpeg 1536w, https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2021\/12\/GetImage-scaled-1-2048x1555.jpeg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n\n\n\n<p>Hello Daniela! Thanks for taking the time to speak to us. Could you tell us a little about you, the role of a UX designer, and some fun facts about you?&nbsp;<\/p>\n\n\n\n<p><em>Hola! I currently work as a designer at Microsoft. My efforts focus on researching and creating digital experiences that aim to bring useful, delightful, and interesting adverts to people when they are using Edge, Bing, or MSN, on mobile or desktop.&nbsp;&nbsp;<\/em><\/p>\n\n\n\n<p><em><em>As a UX designer, it is my role to empathize with users, define pain points, ideate solutions, test prototypes, iterate, create designs, and start again. It is vital to think of the user experience at every single moment of their journey as they interact with a service or product. It is my job to make it as seamless, immersive, enjoyable, and adaptable as possible.&nbsp;<\/em><\/em><\/p>\n\n\n\n<p><em>Some fun facts about me:<\/em><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><em> I have a background in Art History<\/em>.<\/li>\n\n\n\n<li><em>My&nbsp;favorite&nbsp;color&nbsp;is yellow<\/em>.<\/li>\n\n\n\n<li><em>I have watched The Lord of the Rings trilogy way too many times<\/em>.<\/li>\n\n\n\n<li><em>I am learning Russian, which is my husband&#8217;s first language.&nbsp;<\/em><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Describe Clarity in one sentence?<\/strong><\/h3>\n\n\n\n<p><em>Clarity is an easy-to-use tool that gives you valuable insights into how people are interacting with your website.&nbsp;&nbsp;<\/em><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Describe a heatmap to a first-grader?<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"454\" src=\"https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2021\/12\/001-Heatmaps-1024x454-1.jpg\" alt=\"\" class=\"wp-image-8542\" srcset=\"https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2021\/12\/001-Heatmaps-1024x454-1.jpg 1024w, https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2021\/12\/001-Heatmaps-1024x454-1-300x133.jpg 300w, https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2021\/12\/001-Heatmaps-1024x454-1-768x341.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><em><em>Imagine that instead of using text or numbers you can easily give information to someone using color. For example, you have a website with a lot of pictures about your&nbsp;favorite&nbsp;hobby and you want to know what pictures people are looking at the most. A heatmap will tell you this. The redder the image the more popular it is. Other&nbsp;colors&nbsp;like blue are used to show the least popular pictures.<\/em><\/em><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>How do you use Clarity for UX?<\/strong><\/h3>\n\n\n\n<p><em>I use Clarity for a variety of reasons, here are three scenarios: <\/em><\/p>\n\n\n\n<p><strong>1. Increase product discoverability<\/strong><\/p>\n\n\n\n<p><em>Whilst looking at the Clarity dashboard for a particular project, I noticed a high number of <a href=\"https:\/\/docs.microsoft.com\/en-us\/clarity\/semantic-metrics\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Read more about Clarity for a UX designer\">dead clicks<\/a>. By digging deeper into the session recordings I saw most dead clicks were happening on the image carousel. A high number of dead clicks is a sign of poor user experience. <\/em><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"748\" height=\"406\" src=\"https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2021\/12\/UX-design-image-1.png\" alt=\"\" class=\"wp-image-8544\" srcset=\"https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2021\/12\/UX-design-image-1.png 748w, https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2021\/12\/UX-design-image-1-300x163.png 300w\" sizes=\"auto, (max-width: 748px) 100vw, 748px\" \/><\/figure>\n\n\n\n<p><em>The carousel had a total of five images but users were trying to find more. By moving the scroll bar and explicitly telling users the total number of images in the carousel I was able to significantly reduce the number of dead clicks on the page and improve the user experience. <\/em><\/p>\n\n\n\n<p><strong>2. Improve site navigation<\/strong><\/p>\n\n\n\n<p><em>The scroll depth feature is really cool as it lets me see if website visitors are missing key content.  Whilst looking at one of our pages I noticed the scroll depth was not far enough for users to see related content on other pages of the website. <\/em><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"788\" height=\"896\" src=\"https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2021\/12\/UX-design-image-2.png\" alt=\"\" class=\"wp-image-8545\" srcset=\"https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2021\/12\/UX-design-image-2.png 788w, https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2021\/12\/UX-design-image-2-264x300.png 264w, https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2021\/12\/UX-design-image-2-768x873.png 768w\" sizes=\"auto, (max-width: 788px) 100vw, 788px\" \/><\/figure>\n\n\n\n<p><em>To mitigate this I added tabs at the top of the page so users can easily navigate to the content that is important to them. By making this change I saw an increase in the time spent on the site. <\/em><\/p>\n\n\n\n<p><strong>3. Building a responsive design<\/strong><\/p>\n\n\n\n<p><em>The Clarity dashboard makes it easy for you to see how many of your visitors are using a mobile device. By filtering by mobile and watching session recordings I was able to see that some of our header elements were not responsive to small screen sizes. Thus causing a poor mobile user experience. <\/em><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"378\" height=\"420\" src=\"https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2021\/12\/UX-design-image-3.png\" alt=\"\" class=\"wp-image-8546\" srcset=\"https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2021\/12\/UX-design-image-3.png 378w, https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2021\/12\/UX-design-image-3-270x300.png 270w\" sizes=\"auto, (max-width: 378px) 100vw, 378px\" \/><\/figure>\n\n\n\n<p><em>Thanks to Clarity I was able to share this insight with the engineering team to make the necessary changes and fix the error. <\/em><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>How do you measure success? <\/strong><\/h3>\n\n\n\n<p><em>For our team, success is measured if we achieve both business goals and user experience goals. In general terms, we can say that we succeed if we:<\/em><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><em> See an increase in our click-through rate<\/em>.<\/li>\n\n\n\n<li><em> Increase the number of users<\/em>.<\/li>\n\n\n\n<li><em>Increase time spent on the site<\/em>.<\/li>\n<\/ul>\n\n\n\n<p><em>This data is easy to capture using Clarity and by using filters you can see how the site performs through time. However, it is very important to remember other user experience metrics, such as happiness, engagement, adoption, retention, and task success. Using Clarity you can evaluate to see if you achieve success in areas like retention or task success.<\/em><\/p>\n\n\n\n<p><em> As a UX designer, you constantly need to connect with users so you can design with their needs in mind and consequently create solutions that are useful, interesting, and entertaining.&nbsp;<\/em><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><strong>Why would a UX designer use Clarity?&nbsp;<\/strong>&nbsp;<\/strong><\/h3>\n\n\n\n<p><em>A UX designer will use Clarity to support their design decisions. Information is powerful, and precise information is even more.&nbsp; Instead of shooting in the dark, you can use Clarity to make thoughtful decisions that will most likely bring positive results.&nbsp;&nbsp;&nbsp;<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Creating an amazing user experience (UX) can be challenging. If users are frustrated, they will quickly leave your site and [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":8893,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[2],"tags":[],"class_list":["post-2684","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blogs"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.8.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Clarity for a UX designer - Microsoft Clarity Blog -<\/title>\n<meta name=\"description\" content=\"UX is the acronym for user experience and UX design is the process of creating products that delight the user&#039;s experience.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/clarity.microsoft.com\/blog\/clarity-for-a-ux-designer\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Clarity for a UX designer - Microsoft Clarity Blog -\" \/>\n<meta property=\"og:description\" content=\"UX is the acronym for user experience and UX design is the process of creating products that delight the user&#039;s experience.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/clarity.microsoft.com\/blog\/clarity-for-a-ux-designer\/\" \/>\n<meta property=\"og:site_name\" content=\"Understand your customers | Microsoft Clarity Blog\" \/>\n<meta property=\"article:published_time\" content=\"2021-12-06T20:02:22+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-30T16:26:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2025\/02\/FI-ClarityforaUXdesigner.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1400\" \/>\n\t<meta property=\"og:image:height\" content=\"700\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Clarity Staff\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Clarity Staff\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/clarity.microsoft.com\/blog\/clarity-for-a-ux-designer\/\",\"url\":\"https:\/\/clarity.microsoft.com\/blog\/clarity-for-a-ux-designer\/\",\"name\":\"Clarity for a UX designer - Microsoft Clarity Blog -\",\"isPartOf\":{\"@id\":\"https:\/\/clarity.microsoft.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/clarity.microsoft.com\/blog\/clarity-for-a-ux-designer\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/clarity.microsoft.com\/blog\/clarity-for-a-ux-designer\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2025\/02\/FI-ClarityforaUXdesigner.png\",\"datePublished\":\"2021-12-06T20:02:22+00:00\",\"dateModified\":\"2025-07-30T16:26:56+00:00\",\"author\":{\"@id\":\"https:\/\/clarity.microsoft.com\/blog\/#\/schema\/person\/87dfd6775651e096c0d822a5f142d1ea\"},\"description\":\"UX is the acronym for user experience and UX design is the process of creating products that delight the user's experience.\",\"breadcrumb\":{\"@id\":\"https:\/\/clarity.microsoft.com\/blog\/clarity-for-a-ux-designer\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/clarity.microsoft.com\/blog\/clarity-for-a-ux-designer\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/clarity.microsoft.com\/blog\/clarity-for-a-ux-designer\/#primaryimage\",\"url\":\"https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2025\/02\/FI-ClarityforaUXdesigner.png\",\"contentUrl\":\"https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2025\/02\/FI-ClarityforaUXdesigner.png\",\"width\":1400,\"height\":700,\"caption\":\"website analytics illustration\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/clarity.microsoft.com\/blog\/clarity-for-a-ux-designer\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/clarity.microsoft.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Clarity for a UX designer\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/clarity.microsoft.com\/blog\/#website\",\"url\":\"https:\/\/clarity.microsoft.com\/blog\/\",\"name\":\"Understand your customers | Microsoft Clarity Blog\",\"description\":\"Find articles, best practices, and solutions to improve user experience\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/clarity.microsoft.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/clarity.microsoft.com\/blog\/#\/schema\/person\/87dfd6775651e096c0d822a5f142d1ea\",\"name\":\"Clarity Staff\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/clarity.microsoft.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f2085586b36c36f0e9b0bc6eaf48fba31582534be948ed0b85dda577eb3bf07c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f2085586b36c36f0e9b0bc6eaf48fba31582534be948ed0b85dda577eb3bf07c?s=96&d=mm&r=g\",\"caption\":\"Clarity Staff\"},\"url\":\"https:\/\/clarity.microsoft.com\/blog\/author\/v-joeperez\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Clarity for a UX designer - Microsoft Clarity Blog -","description":"UX is the acronym for user experience and UX design is the process of creating products that delight the user's experience.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/clarity.microsoft.com\/blog\/clarity-for-a-ux-designer\/","og_locale":"en_US","og_type":"article","og_title":"Clarity for a UX designer - Microsoft Clarity Blog -","og_description":"UX is the acronym for user experience and UX design is the process of creating products that delight the user's experience.","og_url":"https:\/\/clarity.microsoft.com\/blog\/clarity-for-a-ux-designer\/","og_site_name":"Understand your customers | Microsoft Clarity Blog","article_published_time":"2021-12-06T20:02:22+00:00","article_modified_time":"2025-07-30T16:26:56+00:00","og_image":[{"width":1400,"height":700,"url":"https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2025\/02\/FI-ClarityforaUXdesigner.png","type":"image\/png"}],"author":"Clarity Staff","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Clarity Staff","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/clarity.microsoft.com\/blog\/clarity-for-a-ux-designer\/","url":"https:\/\/clarity.microsoft.com\/blog\/clarity-for-a-ux-designer\/","name":"Clarity for a UX designer - Microsoft Clarity Blog -","isPartOf":{"@id":"https:\/\/clarity.microsoft.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/clarity.microsoft.com\/blog\/clarity-for-a-ux-designer\/#primaryimage"},"image":{"@id":"https:\/\/clarity.microsoft.com\/blog\/clarity-for-a-ux-designer\/#primaryimage"},"thumbnailUrl":"https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2025\/02\/FI-ClarityforaUXdesigner.png","datePublished":"2021-12-06T20:02:22+00:00","dateModified":"2025-07-30T16:26:56+00:00","author":{"@id":"https:\/\/clarity.microsoft.com\/blog\/#\/schema\/person\/87dfd6775651e096c0d822a5f142d1ea"},"description":"UX is the acronym for user experience and UX design is the process of creating products that delight the user's experience.","breadcrumb":{"@id":"https:\/\/clarity.microsoft.com\/blog\/clarity-for-a-ux-designer\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/clarity.microsoft.com\/blog\/clarity-for-a-ux-designer\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/clarity.microsoft.com\/blog\/clarity-for-a-ux-designer\/#primaryimage","url":"https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2025\/02\/FI-ClarityforaUXdesigner.png","contentUrl":"https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2025\/02\/FI-ClarityforaUXdesigner.png","width":1400,"height":700,"caption":"website analytics illustration"},{"@type":"BreadcrumbList","@id":"https:\/\/clarity.microsoft.com\/blog\/clarity-for-a-ux-designer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/clarity.microsoft.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Clarity for a UX designer"}]},{"@type":"WebSite","@id":"https:\/\/clarity.microsoft.com\/blog\/#website","url":"https:\/\/clarity.microsoft.com\/blog\/","name":"Understand your customers | Microsoft Clarity Blog","description":"Find articles, best practices, and solutions to improve user experience","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/clarity.microsoft.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/clarity.microsoft.com\/blog\/#\/schema\/person\/87dfd6775651e096c0d822a5f142d1ea","name":"Clarity Staff","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/clarity.microsoft.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f2085586b36c36f0e9b0bc6eaf48fba31582534be948ed0b85dda577eb3bf07c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f2085586b36c36f0e9b0bc6eaf48fba31582534be948ed0b85dda577eb3bf07c?s=96&d=mm&r=g","caption":"Clarity Staff"},"url":"https:\/\/clarity.microsoft.com\/blog\/author\/v-joeperez\/"}]}},"spectra_custom_meta":{"_edit_last":["1"],"wp_jv_post_rg":[""],"_yoast_wpseo_focuskw":["UX"],"_yoast_wpseo_linkdex":["76"],"_yoast_wpseo_content_score":["90"],"_yoast_wpseo_estimated-reading-time-minutes":["5"],"_yoast_wpseo_primary_category":[""],"_thumbnail_id":["8893"],"_yoast_wpseo_title":["%%title%% %%page%% %%sep%% Microsoft Clarity Blog -"],"_yoast_wpseo_metadesc":["UX is the acronym for user experience and UX design is the process of creating products that delight the user's experience."],"_edit_lock":["1753892817:1"],"_uag_page_assets":["a:9:{s:3:\"css\";s:22159:\".uag-blocks-common-selector{z-index:var(--z-index-desktop) !important}@media (max-width: 976px){.uag-blocks-common-selector{z-index:var(--z-index-tablet) !important}}@media (max-width: 767px){.uag-blocks-common-selector{z-index:var(--z-index-mobile) !important}}\n.wp-block-uagb-advanced-heading h1,.wp-block-uagb-advanced-heading h2,.wp-block-uagb-advanced-heading h3,.wp-block-uagb-advanced-heading h4,.wp-block-uagb-advanced-heading h5,.wp-block-uagb-advanced-heading h6,.wp-block-uagb-advanced-heading p,.wp-block-uagb-advanced-heading div{word-break:break-word}.wp-block-uagb-advanced-heading .uagb-heading-text{margin:0}.wp-block-uagb-advanced-heading .uagb-desc-text{margin:0}.wp-block-uagb-advanced-heading .uagb-separator{font-size:0;border-top-style:solid;display:inline-block;margin:0 0 10px 0}.wp-block-uagb-advanced-heading .uagb-highlight{color:#f78a0c;border:0;transition:all 0.3s ease}.uag-highlight-toolbar{border-left:0;border-top:0;border-bottom:0;border-radius:0;border-right-color:#1e1e1e}.uag-highlight-toolbar .components-button{border-radius:0;outline:none}.uag-highlight-toolbar .components-button.is-primary{color:#fff}\n.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading a{color: #000000;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading a:hover{color: #000000;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007 .uagb-heading-text{font-size: 20px;}.uagb-buttons__outer-wrap .uagb-buttons__wrap{display:inline-flex;width:100%}.uagb-buttons__outer-wrap.uagb-btn__small-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn__small-btn .uagb-buttons-repeater.ast-outline-button{padding:5px 10px}.uagb-buttons__outer-wrap.uagb-btn__medium-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn__medium-btn .uagb-buttons-repeater.ast-outline-button{padding:12px 24px}.uagb-buttons__outer-wrap.uagb-btn__large-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn__large-btn .uagb-buttons-repeater.ast-outline-button{padding:20px 30px}.uagb-buttons__outer-wrap.uagb-btn__extralarge-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn__extralarge-btn .uagb-buttons-repeater.ast-outline-button{padding:30px 65px}@media (max-width: 976px){.uagb-buttons__outer-wrap.uagb-btn-tablet__small-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn-tablet__small-btn .uagb-buttons-repeater.ast-outline-button{padding:5px 10px}.uagb-buttons__outer-wrap.uagb-btn-tablet__medium-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn-tablet__medium-btn .uagb-buttons-repeater.ast-outline-button{padding:12px 24px}.uagb-buttons__outer-wrap.uagb-btn-tablet__large-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn-tablet__large-btn .uagb-buttons-repeater.ast-outline-button{padding:20px 30px}.uagb-buttons__outer-wrap.uagb-btn-tablet__extralarge-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn-tablet__extralarge-btn .uagb-buttons-repeater.ast-outline-button{padding:30px 65px}}@media (max-width: 767px){.uagb-buttons__outer-wrap.uagb-btn-mobile__small-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn-mobile__small-btn .uagb-buttons-repeater.ast-outline-button{padding:5px 10px}.uagb-buttons__outer-wrap.uagb-btn-mobile__medium-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn-mobile__medium-btn .uagb-buttons-repeater.ast-outline-button{padding:12px 24px}.uagb-buttons__outer-wrap.uagb-btn-mobile__large-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn-mobile__large-btn .uagb-buttons-repeater.ast-outline-button{padding:20px 30px}.uagb-buttons__outer-wrap.uagb-btn-mobile__extralarge-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn-mobile__extralarge-btn .uagb-buttons-repeater.ast-outline-button{padding:30px 65px}}\n.uagb-buttons__outer-wrap .uagb-buttons-repeater{display:flex;justify-content:center;align-items:center;transition:box-shadow 0.2s ease}.uagb-buttons__outer-wrap .uagb-buttons-repeater a.uagb-button__link{display:flex;justify-content:center}.uagb-buttons__outer-wrap .uagb-buttons-repeater .uagb-button__icon{font-size:inherit;display:flex;align-items:center}.uagb-buttons__outer-wrap .uagb-buttons-repeater .uagb-button__icon svg{fill:currentColor;width:inherit;height:inherit}\n.uagb-block-0c7e50ad.wp-block-uagb-buttons.uagb-buttons__outer-wrap .uagb-buttons__wrap {gap: 10px;}.uagb-block-0c7e50ad.uagb-buttons__outer-wrap .uagb-buttons__wrap {justify-content: right;align-items: center;}.uagb-block-0c7e50ad .uagb-buttons-repeater:not(.wp-block-button__link){font-size: 14px;padding-top: 7px;padding-bottom: 7px;padding-left: 16px;padding-right: 16px;}.uagb-block-0c7e50ad .uagb-button__wrapper .uagb-buttons-repeater.wp-block-button__link{font-size: 14px;padding-top: 7px;padding-bottom: 7px;padding-left: 16px;padding-right: 16px;}.uagb-block-0c7e50ad .uagb-button__wrapper .uagb-buttons-repeater.ast-outline-button{font-size: 14px;padding-top: 7px;padding-bottom: 7px;padding-left: 16px;padding-right: 16px;}.wp-block-uagb-buttons .uagb-block-ce399d64.wp-block-uagb-buttons-child .uagb-buttons-repeater{background: var(--ast-global-color-4);}.wp-block-uagb-buttons .uagb-block-ce399d64 .wp-block-button__link{background: var(--ast-global-color-4);}.wp-block-uagb-buttons .uagb-block-ce399d64 .wp-block-button__link:hover{background: #eff6fc;}.wp-block-uagb-buttons .uagb-block-ce399d64 .wp-block-button__link:focus{background: #eff6fc;}.wp-block-uagb-buttons .uagb-block-ce399d64 .uagb-button__wrapper .uagb-buttons-repeater{color: #004578;}.wp-block-uagb-buttons .uagb-block-ce399d64 .uagb-button__wrapper  .uagb-buttons-repeater.wp-block-button__link{box-shadow: 0px 0px 0 #00000026;}.wp-block-uagb-buttons .uagb-block-ce399d64 .uagb-button__wrapper  .uagb-buttons-repeater.wp-block-button__link:hover{box-shadow: 0px 0px 0 #00000026;}.wp-block-uagb-buttons .uagb-block-ce399d64 .uagb-buttons-repeater.wp-block-button__link{border-top-width: 1px;border-left-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;border-color: #0078d4;border-style: solid;}.wp-block-uagb-buttons .uagb-block-ce399d64 .uagb-buttons-repeater.wp-block-button__link:hover{border-color: #333;}.wp-block-uagb-buttons .uagb-block-ce399d64 .uagb-buttons-repeater.wp-block-button__link:focus{border-color: #333;}.wp-block-uagb-buttons .uagb-block-ce399d64.wp-block-button.is-style-outline .uagb-button__wrapper .wp-block-button__link.uagb-buttons-repeater{border-top-width: 1px;border-left-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;border-color: #0078d4;border-style: solid;}.wp-block-uagb-buttons .uagb-block-ce399d64.wp-block-button.is-style-outline .uagb-button__wrapper .wp-block-button__link.uagb-buttons-repeater:hover{border-color: #333;}.wp-block-uagb-buttons .uagb-block-ce399d64 .uagb-buttons-repeater .uagb-button__link{color: #004578;}.wp-block-uagb-buttons .uagb-block-ce399d64 .uagb-buttons-repeater .uagb-button__icon > svg{width: 15px;height: 15px;fill: #004578;}.wp-block-uagb-buttons .uagb-block-ce399d64 .uagb-buttons-repeater .uagb-button__icon-position-after{margin-left: 8px;}.wp-block-uagb-buttons .uagb-block-ce399d64 .uagb-buttons-repeater .uagb-button__icon-position-before{margin-right: 8px;}.wp-block-uagb-buttons .uagb-block-ce399d64 .uagb-button__link{text-transform: normal;text-decoration: none;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link{background: linear-gradient(280deg,rgb(0,120,212) 0%,rgb(150,146,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link:hover{background: linear-gradient(280deg,rgb(16,110,190) 0%,rgb(121,116,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link:focus{background: linear-gradient(280deg,rgb(16,110,190) 0%,rgb(121,116,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-button__wrapper .uagb-buttons-repeater{color: var(--ast-global-color-4);}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-button__wrapper  .uagb-buttons-repeater.wp-block-button__link{box-shadow: 0px 0px 0 #00000026;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-button__wrapper  .uagb-buttons-repeater.wp-block-button__link:hover{box-shadow: 0px 0px 0 #00000026;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater.wp-block-button__link{border-top-width: 1px;border-left-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;border-color: #106ebe;border-style: solid;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater.wp-block-button__link:hover{border-color: #333;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater.wp-block-button__link:focus{border-color: #333;}.wp-block-uagb-buttons .uagb-block-9730a9e0.wp-block-button.is-style-outline .uagb-button__wrapper .wp-block-button__link.uagb-buttons-repeater{border-top-width: 1px;border-left-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;border-color: #106ebe;border-style: solid;}.wp-block-uagb-buttons .uagb-block-9730a9e0.wp-block-button.is-style-outline .uagb-button__wrapper .wp-block-button__link.uagb-buttons-repeater:hover{border-color: #333;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater .uagb-button__link{color: var(--ast-global-color-4);}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater .uagb-button__icon > svg{width: 15px;height: 15px;fill: var(--ast-global-color-4);}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater .uagb-button__icon-position-after{margin-left: 8px;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater .uagb-button__icon-position-before{margin-right: 8px;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-button__link{text-transform: normal;text-decoration: none;}@media only screen and (max-width: 976px) {.uagb-block-0c7e50ad.uagb-buttons__outer-wrap .uagb-buttons__wrap {justify-content: center;align-items: center;}.uagb-block-0c7e50ad.uagb-buttons__outer-wrap .uagb-buttons__wrap .wp-block-button{width: auto;}.wp-block-uagb-buttons .uagb-block-ce399d64.wp-block-button.is-style-outline .uagb-button__wrapper .wp-block-button__link.uagb-buttons-repeater{border-style: solid;border-color: #0078d4;}.wp-block-uagb-buttons .uagb-block-ce399d64 .uagb-buttons-repeater.wp-block-button__link{border-style: solid;border-color: #0078d4;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link{background: linear-gradient(280deg,rgb(0,120,212) 0%,rgb(150,146,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link:hover{background: linear-gradient(280deg,rgb(16,110,190) 0%,rgb(121,116,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link:focus{background: linear-gradient(280deg,rgb(16,110,190) 0%,rgb(121,116,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0.wp-block-button.is-style-outline .uagb-button__wrapper .wp-block-button__link.uagb-buttons-repeater{border-style: solid;border-color: #106ebe;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater.wp-block-button__link{border-style: solid;border-color: #106ebe;}}@media only screen and (max-width: 767px) {.uagb-block-0c7e50ad.uagb-buttons__outer-wrap .uagb-buttons__wrap {justify-content: center;align-items: center;}.uagb-block-0c7e50ad.uagb-buttons__outer-wrap .uagb-buttons__wrap .wp-block-button{width: auto;}.wp-block-uagb-buttons .uagb-block-ce399d64.wp-block-button.is-style-outline .uagb-button__wrapper .wp-block-button__link.uagb-buttons-repeater{border-style: solid;border-color: #0078d4;}.wp-block-uagb-buttons .uagb-block-ce399d64 .uagb-buttons-repeater.wp-block-button__link{border-style: solid;border-color: #0078d4;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link{background: linear-gradient(280deg,rgb(0,120,212) 0%,rgb(150,146,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link:hover{background: linear-gradient(280deg,rgb(16,110,190) 0%,rgb(121,116,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link:focus{background: linear-gradient(280deg,rgb(16,110,190) 0%,rgb(121,116,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0.wp-block-button.is-style-outline .uagb-button__wrapper .wp-block-button__link.uagb-buttons-repeater{border-style: solid;border-color: #106ebe;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater.wp-block-button__link{border-style: solid;border-color: #106ebe;}}.uagb-block-0c7e50ad.wp-block-uagb-buttons.uagb-buttons__outer-wrap .uagb-buttons__wrap {gap: 10px;}.uagb-block-0c7e50ad.uagb-buttons__outer-wrap .uagb-buttons__wrap{width: 100%;align-items: center;}.uagb-block-0c7e50ad.uagb-buttons__outer-wrap .uagb-buttons__wrap .wp-block-button {width: 100%;}.uagb-block-0c7e50ad .uagb-buttons-repeater:not(.wp-block-button__link){font-size: 14px;padding-top: 7px;padding-bottom: 7px;padding-left: 16px;padding-right: 16px;}.uagb-block-0c7e50ad .uagb-button__wrapper .uagb-buttons-repeater.wp-block-button__link{font-size: 14px;padding-top: 7px;padding-bottom: 7px;padding-left: 16px;padding-right: 16px;}.uagb-block-0c7e50ad .uagb-button__wrapper .uagb-buttons-repeater.ast-outline-button{font-size: 14px;padding-top: 7px;padding-bottom: 7px;padding-left: 16px;padding-right: 16px;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link{background: linear-gradient(280deg,rgb(0,120,212) 0%,rgb(150,146,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link:hover{background: linear-gradient(280deg,rgb(16,110,190) 0%,rgb(121,116,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link:focus{background: linear-gradient(280deg,rgb(16,110,190) 0%,rgb(121,116,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-button__wrapper .uagb-buttons-repeater{color: var(--ast-global-color-4);}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-button__wrapper  .uagb-buttons-repeater.wp-block-button__link{box-shadow: 0px 0px 0 #00000026;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-button__wrapper  .uagb-buttons-repeater.wp-block-button__link:hover{box-shadow: 0px 0px 0 #00000026;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater.wp-block-button__link{border-top-width: 1px;border-left-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;border-color: #106ebe;border-style: solid;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater.wp-block-button__link:hover{border-color: #106ebe;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater.wp-block-button__link:focus{border-color: #106ebe;}.wp-block-uagb-buttons .uagb-block-9730a9e0.wp-block-button.is-style-outline .uagb-button__wrapper .wp-block-button__link.uagb-buttons-repeater{border-top-width: 1px;border-left-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;border-color: #106ebe;border-style: solid;}.wp-block-uagb-buttons .uagb-block-9730a9e0.wp-block-button.is-style-outline .uagb-button__wrapper .wp-block-button__link.uagb-buttons-repeater:hover{border-color: #106ebe;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater .uagb-button__link{color: var(--ast-global-color-4);}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater .uagb-button__icon > svg{width: 15px;height: 15px;fill: var(--ast-global-color-4);}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater .uagb-button__icon-position-after{margin-left: 8px;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater .uagb-button__icon-position-before{margin-right: 8px;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-button__link{text-transform: normal;text-decoration: none;}@media only screen and (max-width: 976px) {.uagb-block-0c7e50ad.uagb-buttons__outer-wrap .uagb-buttons__wrap {justify-content: center;align-items: center;}.uagb-block-0c7e50ad.uagb-buttons__outer-wrap .uagb-buttons__wrap .wp-block-button{width: auto;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link{background: linear-gradient(280deg,rgb(0,120,212) 0%,rgb(150,146,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link:hover{background: linear-gradient(280deg,rgb(16,110,190) 0%,rgb(121,116,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link:focus{background: linear-gradient(280deg,rgb(16,110,190) 0%,rgb(121,116,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0.wp-block-button.is-style-outline .uagb-button__wrapper .wp-block-button__link.uagb-buttons-repeater{border-style: solid;border-color: #106ebe;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater.wp-block-button__link{border-style: solid;border-color: #106ebe;}}@media only screen and (max-width: 767px) {.uagb-block-0c7e50ad.uagb-buttons__outer-wrap .uagb-buttons__wrap {justify-content: left;align-items: center;}.uagb-block-0c7e50ad.uagb-buttons__outer-wrap .uagb-buttons__wrap .wp-block-button{width: auto;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link{background: linear-gradient(280deg,rgb(0,120,212) 0%,rgb(150,146,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link:hover{background: linear-gradient(280deg,rgb(16,110,190) 0%,rgb(121,116,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link:focus{background: linear-gradient(280deg,rgb(16,110,190) 0%,rgb(121,116,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0.wp-block-button.is-style-outline .uagb-button__wrapper .wp-block-button__link.uagb-buttons-repeater{border-style: solid;border-color: #106ebe;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater.wp-block-button__link{border-style: solid;border-color: #106ebe;}}.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007 .uagb-heading-text{font-size: 20px;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading a{color: #000000;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading a:hover{color: #000000;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007 .uagb-heading-text{font-size: 20px;}@media only screen and (max-width: 976px) {.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading {text-align: left;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;}}\";s:2:\"js\";s:359:\"document.addEventListener(\"DOMContentLoaded\", function(){ window.addEventListener( 'load', function() {\n\tUAGBButtonChild.init( '.uagb-block-ce399d64' );\n});\nwindow.addEventListener( 'load', function() {\n\tUAGBButtonChild.init( '.uagb-block-9730a9e0' );\n});\nwindow.addEventListener( 'load', function() {\n\tUAGBButtonChild.init( '.uagb-block-9730a9e0' );\n});\n });\";s:18:\"current_block_list\";a:15:{i:0;s:14:\"core\/paragraph\";i:1;s:10:\"core\/image\";i:2;s:9:\"core\/list\";i:3;s:14:\"core\/list-item\";i:4;s:12:\"core\/heading\";i:5;s:11:\"core\/search\";i:6;s:10:\"core\/group\";i:7;s:17:\"core\/latest-posts\";i:8;s:20:\"core\/latest-comments\";i:9;s:13:\"core\/archives\";i:10;s:15:\"core\/categories\";i:11;s:21:\"uagb\/advanced-heading\";i:12;s:12:\"uagb\/buttons\";i:13;s:18:\"uagb\/buttons-child\";i:14;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1782363274\";s:6:\"gfonts\";a:0:{}s:10:\"gfonts_url\";s:0:\"\";s:12:\"gfonts_files\";a:0:{}s:14:\"uag_faq_layout\";b:0;}"],"_uag_css_file_name":["uag-css-2684.css"],"_uag_js_file_name":["uag-js-2684.js"]},"uagb_featured_image_src":{"full":["https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2025\/02\/FI-ClarityforaUXdesigner.png",1400,700,false],"thumbnail":["https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2025\/02\/FI-ClarityforaUXdesigner-150x150.png",150,150,true],"medium":["https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2025\/02\/FI-ClarityforaUXdesigner-300x150.png",300,150,true],"medium_large":["https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2025\/02\/FI-ClarityforaUXdesigner-768x384.png",768,384,true],"large":["https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2025\/02\/FI-ClarityforaUXdesigner-1024x512.png",1024,512,true],"1536x1536":["https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2025\/02\/FI-ClarityforaUXdesigner.png",1400,700,false],"2048x2048":["https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2025\/02\/FI-ClarityforaUXdesigner.png",1400,700,false]},"uagb_author_info":{"display_name":"Clarity Staff","author_link":"https:\/\/clarity.microsoft.com\/blog\/author\/v-joeperez\/"},"uagb_comment_info":0,"uagb_excerpt":"Creating an amazing user experience (UX) can be challenging. If users are frustrated, they will quickly leave your site and [&hellip;]","_links":{"self":[{"href":"https:\/\/clarity.microsoft.com\/blog\/wp-json\/wp\/v2\/posts\/2684","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/clarity.microsoft.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/clarity.microsoft.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/clarity.microsoft.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/clarity.microsoft.com\/blog\/wp-json\/wp\/v2\/comments?post=2684"}],"version-history":[{"count":2,"href":"https:\/\/clarity.microsoft.com\/blog\/wp-json\/wp\/v2\/posts\/2684\/revisions"}],"predecessor-version":[{"id":9747,"href":"https:\/\/clarity.microsoft.com\/blog\/wp-json\/wp\/v2\/posts\/2684\/revisions\/9747"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/clarity.microsoft.com\/blog\/wp-json\/wp\/v2\/media\/8893"}],"wp:attachment":[{"href":"https:\/\/clarity.microsoft.com\/blog\/wp-json\/wp\/v2\/media?parent=2684"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/clarity.microsoft.com\/blog\/wp-json\/wp\/v2\/categories?post=2684"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/clarity.microsoft.com\/blog\/wp-json\/wp\/v2\/tags?post=2684"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}