{"id":23583,"date":"2021-02-04T03:08:00","date_gmt":"2021-02-04T11:08:00","guid":{"rendered":"https:\/\/www.uxpin.com\/studio\/?p=23583"},"modified":"2023-03-17T08:15:10","modified_gmt":"2023-03-17T15:15:10","slug":"ux-design-patterns","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/ux-design-patterns\/","title":{"rendered":"How to Use UX Design Patterns to Satisfy Your Users?"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"512\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/How-to-Use-UX-Design-Patterns-to-Satisfy-Your-Users-1024x512.png\" alt=\"How to Use UX Design Patterns to Satisfy Your Users\" class=\"wp-image-23584\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/How-to-Use-UX-Design-Patterns-to-Satisfy-Your-Users-1024x512.png 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/How-to-Use-UX-Design-Patterns-to-Satisfy-Your-Users-600x300.png 600w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/How-to-Use-UX-Design-Patterns-to-Satisfy-Your-Users-768x384.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/How-to-Use-UX-Design-Patterns-to-Satisfy-Your-Users.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>The term user experience (UX) refers to how users feel when they interact with a system. A system can be a website, an application, software, or even a service. Great UX connects users with products by fulfilling their needs in the easiest way.<\/p>\n\n\n\n<p>As a UX designer, you will face the challenge of creating a logical and easy-to-use navigation while ensuring that you maintain a visually appealing UI design. UX design patterns solve this challenge by providing designers with tried and tested solutions to common user problems.<\/p>\n\n\n\n<p>This article will explain what design patterns are, give examples of common design patterns, and then show you how you can use them to improve user experience.<\/p>\n\n\n\n<p>Bring your UX design patterns to life with the best design tools. Discover UXPin, an end-to-end design tool that streamlines advanced prototyping, design handoff, and management. <a href=\"https:\/\/www.uxpin.com\/sign-up\" target=\"_blank\" rel=\"noreferrer noopener\">Try UXPin for free<\/a>.<\/p>\n\n\n\n<section class=\"try-uxpin-banner\">\n    <div class=\"try-uxpin__container\">\n        <div class=\"try-uxpin__left\">\n            <p class=\"try-uxpin__heading\">Build advanced prototypes<\/p>\n            <p class=\"try-uxpin__text\">Design better products with States, Variables, Auto Layout and more.<\/p>\n            <a href=\"https:\/\/www.uxpin.com\/sign-up\" target=\"_blank\" rel=\"noopener\">\n                <button class=\"try-uxpin__button\">Try UXPin<\/button>\n            <\/a>\n        <\/div>\n        <div>\n            <img decoding=\"async\" src=\"https:\/\/uxpin.com\/studio\/wp-content\/themes\/uxpin-juggernaut\/img\/cta-banner-signup.png\" class=\"try-uxpin__image\" alt=\"Try UXPin\">\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n.try-uxpin-banner {\n    margin: 40px 0px;\n}\n\n.try-uxpin__container {\n    display: flex;\n    max-width: 689px;\n    height: 210px;\n    padding: 20px;\n    padding-left: 24px;\n    border: 2px solid black;\n    border-radius: 4px;\n    align-items: center;\n    justify-content: space-between;\n    background-color: white;\n    box-shadow: 10px 10px black;\n}\n\n.try-uxpin__left {\n    width: 54%;\n}\n\n\n.try-uxpin__heading {\n    font-size: 28px !important;\n    font-weight: bold;\n}\n\n.try-uxpin__left p {\n    margin: 10px 0px !important;\n    color: black !important;\n}\n\n.try-uxpin__text {\n    margin: 0 !important;\n    font-size: 18px !important;\n    line-height: 22px !important;\n}\n\n.try-uxpin__button {\n    width: 135px;\n    height: 44px;\n    background: black;\n    margin: 10px 0px;\n    padding: 10px 20px;\n    border: none;\n    border-radius: 2px;\n    color: white;\n    font-size: 16px;\n    text-align: center;\n}\n\n.try-uxpin__button:hover {\n    cursor: pointer;\n}\n\n.try-uxpin__image {\n    max-width: 320px !important;\n    height: 200px;\n    margin-right: -21px;\n    margin-bottom: -6px;\n}\n\n@media (max-width: 760px) {\n    .try-uxpin__container {\n        height: auto;\n        margin: 10px;\n        align-items: left;\n    }\n}\n\n@media (max-width: 500px) {\n    .try-uxpin__container {\n        flex-direction: column;\n    }\n\n    .try-uxpin__left {\n        width: 100%;\n        align-items: normal;\n    }\n}\n\n<\/style>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-what-are-ux-design-patterns\"><strong>What Are UX Design Patterns?<\/strong><\/h2>\n\n\n\n<p>UX design patterns are reusable design components that are used to solve common usability problems that users experience. For instance, a breadcrumb trail that shows users the path from the homepage to the page they are on is a design pattern. However, design patterns are not templates, they are the building blocks of a great UX.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"300\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/1_6.png\" alt=\"1 6\" class=\"wp-image-23586\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/1_6.png 750w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/1_6-700x280.png 700w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-how-design-patterns-improve-ux\"><strong>How design patterns improve UX&nbsp;<\/strong><\/h2>\n\n\n\n<p>UX design patterns are not only useful to designers, they are also useful to users because they reduce the time and mental effort that users need to navigate a site. When users interact with an interface, they associate unknown elements with elements that they have encountered previously. Additionally, there are outcomes that users expect when they interact with systems. For example, users expect an endless scroll when they interact with social media sites or news sites. UX design patterns deliver these expected outcomes to users.&nbsp;<\/p>\n\n\n\n<p>When users encounter familiar interactions in the form of design patterns, they don\u2019t have to spend a lot of time analyzing every decision that they make. Plus, the fulfillment of their expectations gives them a dopamine hit which is how design patterns improve user experience.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-types-of-ux-design-patterns\"><strong>Types of UX Design Patterns\u00a0<\/strong><\/h2>\n\n\n\n<p>There are four types of UX design patterns that target different core site functions. They include:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Input and output<\/strong>: They deal with how users submit or input data into a site and how the site gives feedback or responds.&nbsp;<\/li>\n\n\n\n<li><strong>Navigation<\/strong>: These design patterns guide users when they are navigating a site and they help them find their way back to the home page.&nbsp;<\/li>\n\n\n\n<li><strong>Content structuring<\/strong>: They help designers organize site content so that users can find it easily.&nbsp;<\/li>\n\n\n\n<li><strong>Social sharing<\/strong>: These patterns help users to engage with site content and share it.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>Let\u2019s take a deeper look at some common UX design patterns that fall under each category.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-input-and-output\"><strong>Input and Output<\/strong>&nbsp;<\/h4>\n\n\n\n<p>Most systems need users to input information when they are signing in, choosing a date for an event, and creating profiles. As a designer, it\u2019s your job to make sure that users can submit this data fast, conveniently, and without errors. A design pattern such as a date picker makes it easy for users to book a flight or a hotel room. Expedia offers its users two calendars in their date picker which makes it easy for them to choose a range of dates.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/NoEInZB3798r95YTwwrdshFbSsHEIU0fdKn15gBvDeA1Phje8qkpEQzKTFwlVscrXmOb__U6H_K0WewpiY7s2H5UpwGv82SLv5-b08nk5GgfrL0EYjgIQWJ7GeaJh24EGTIv-UMM\" alt=\"\"\/><\/figure>\n\n\n\n<p>Similarly, you can use design patterns such as notifications and progress bars to give users feedback about their progress.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-navigation\"><strong>Navigation&nbsp;<\/strong><\/h4>\n\n\n\n<p>Navigation design patterns increase the usability of a site by increasing learnability and reducing friction. Navigation controls such as tabs and menus make it easy for users to find content on a site. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"300\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/2_7.png\" alt=\"2 7\" class=\"wp-image-23585\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/2_7.png 750w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/2_7-700x280.png 700w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<p>A common navigation UX design pattern is the infinite scroll that adds new content as a user scrolls down a page. This pattern makes it easy for users to consume a lot of content because they don\u2019t have to tap\/click on next\/previous buttons.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-content-structuring\"><strong>Content structuring<\/strong>&nbsp;<\/h4>\n\n\n\n<p>Clear <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/organizing-information\/\">Information Architecture<\/a> makes it easy for users to find the information that they are looking for on a site. Content structuring UX design patterns like dashboards and FAQ sections reduce friction making it easy for users to achieve their goals. Dashboards are a central place where users can view data about the status of the system. A good dashboard informs users without distracting them.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-social-sharing\"><strong>Social Sharing<\/strong>&nbsp;&nbsp;<\/h4>\n\n\n\n<p>These patterns increase user engagement through competition and building trust. Users can chat, share content, and invite friends. A common social sharing UX design pattern is leaderboards which are used in competitive sites to drive engagement and create a sense of community. For leaderboards to be successful, they should compare users on the same level, those with similar activity levels and friends.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-how-to-apply-ux-design-patterns\"><strong>How to apply UX design patterns<\/strong><\/h2>\n\n\n\n<p>Now that you are aware of the different types of UX design patterns that you can use, it\u2019s time to learn how to choose the best one for your site. The first thing that you need to keep in mind is that we use design patterns as solutions to usability problems, if there is no problem, then a pattern should not be applied. Here are four steps to help you choose a UX design pattern:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Identify the problem that needs to be solved. You can identify usability problems when doing research using surveys and interviews. If you want to improve the UX of an existing site, you can use focus groups, A\/B testing, and support tickets to detect usability problems.&nbsp;<\/li>\n\n\n\n<li>Analyze how the problem has been solved on other sites. Visit sites that are similar to yours and examine how they solve the issues that you identified in step 1. It is highly likely that you will discover that they use more than one design pattern to solve the problem.&nbsp;<\/li>\n\n\n\n<li>Investigate the efficiency of the solutions that have been used on other sites. You will make this assessment based on the needs of your users and the goals that they need to achieve on your site.&nbsp;<\/li>\n\n\n\n<li>Choose a pattern that is most suited for your site and users\u2019 needs and then investigate it further. Look for other sites that use this design pattern so that you can find out how to customize it for the specific needs of your users.&nbsp;&nbsp;<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-use-uxpin-for-interactive-prototyping\">Use UXPin for Interactive Prototyping<\/h2>\n\n\n\n<p>Design patterns make it easy for designers to solve common usability problems. This improves UX by reducing the time and effort that users spend when they are navigating the site. UXPin is an all-in-one design tool that makes it easy for you to create design pattern libraries and share them with your design team. <a href=\"https:\/\/www.uxpin.com\/sign-up\">Try UXPin for free<\/a>.<\/p>\n\n\n\n<div class=\"wp-block-button is-style-fill\"><center><a class=\"btn btn-flat btn-large btn-content-width\" href=\"https:\/\/www.uxpin.com\/sign-up\" target=\"_blank\" rel=\"noopener\">Try UXPin for free<\/a><\/center><\/div>\n","protected":false},"excerpt":{"rendered":"<p>The term user experience (UX) refers to how users feel when they interact with a system. A system can be a website, an application, software, or even a service. Great UX connects users with products by fulfilling their needs in the easiest way. As a UX designer, you will face the challenge of creating a<\/p>\n","protected":false},"author":3,"featured_media":23584,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-23583","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog"],"yoast_title":"","yoast_metadesc":"UX design patterns are reusable design components that are used to solve common usability problems that users experience.","acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How to Use UX Design Patterns to Satisfy Your Users? | UXPin<\/title>\n<meta name=\"description\" content=\"UX design patterns are reusable design components that are used to solve common usability problems that users 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:\/\/www.uxpin.com\/studio\/blog\/ux-design-patterns\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Use UX Design Patterns to Satisfy Your Users?\" \/>\n<meta property=\"og:description\" content=\"UX design patterns are reusable design components that are used to solve common usability problems that users experience.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/ux-design-patterns\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2021-02-04T11:08:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-03-17T15:15:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/How-to-Use-UX-Design-Patterns-to-Satisfy-Your-Users.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"UXPin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@uxpin\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"UXPin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/ux-design-patterns\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/ux-design-patterns\\\/\"},\"author\":{\"name\":\"UXPin\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\"},\"headline\":\"How to Use UX Design Patterns to Satisfy Your Users?\",\"datePublished\":\"2021-02-04T11:08:00+00:00\",\"dateModified\":\"2023-03-17T15:15:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/ux-design-patterns\\\/\"},\"wordCount\":1127,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/ux-design-patterns\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/How-to-Use-UX-Design-Patterns-to-Satisfy-Your-Users.png\",\"articleSection\":[\"Blog\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/ux-design-patterns\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/ux-design-patterns\\\/\",\"name\":\"How to Use UX Design Patterns to Satisfy Your Users? | UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/ux-design-patterns\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/ux-design-patterns\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/How-to-Use-UX-Design-Patterns-to-Satisfy-Your-Users.png\",\"datePublished\":\"2021-02-04T11:08:00+00:00\",\"dateModified\":\"2023-03-17T15:15:10+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\"},\"description\":\"UX design patterns are reusable design components that are used to solve common usability problems that users experience.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/ux-design-patterns\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/ux-design-patterns\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/ux-design-patterns\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/How-to-Use-UX-Design-Patterns-to-Satisfy-Your-Users.png\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/How-to-Use-UX-Design-Patterns-to-Satisfy-Your-Users.png\",\"width\":1200,\"height\":600,\"caption\":\"How to Use UX Design Patterns to Satisfy Your Users\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/ux-design-patterns\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Use UX Design Patterns to Satisfy Your Users?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\",\"name\":\"Studio by UXPin\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\",\"name\":\"UXPin\",\"description\":\"UXPin is a web-based design collaboration tool. We\u2019re pleased to share our knowledge here.\",\"sameAs\":[\"http:\\\/\\\/www.uxpin.com\",\"https:\\\/\\\/x.com\\\/@uxpin\"],\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/author\\\/hello\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Use UX Design Patterns to Satisfy Your Users? | UXPin","description":"UX design patterns are reusable design components that are used to solve common usability problems that users 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:\/\/www.uxpin.com\/studio\/blog\/ux-design-patterns\/","og_locale":"en_US","og_type":"article","og_title":"How to Use UX Design Patterns to Satisfy Your Users?","og_description":"UX design patterns are reusable design components that are used to solve common usability problems that users experience.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/ux-design-patterns\/","og_site_name":"Studio by UXPin","article_published_time":"2021-02-04T11:08:00+00:00","article_modified_time":"2023-03-17T15:15:10+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/How-to-Use-UX-Design-Patterns-to-Satisfy-Your-Users.png","type":"image\/png"}],"author":"UXPin","twitter_card":"summary_large_image","twitter_creator":"@uxpin","twitter_misc":{"Written by":"UXPin","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/ux-design-patterns\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/ux-design-patterns\/"},"author":{"name":"UXPin","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e"},"headline":"How to Use UX Design Patterns to Satisfy Your Users?","datePublished":"2021-02-04T11:08:00+00:00","dateModified":"2023-03-17T15:15:10+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/ux-design-patterns\/"},"wordCount":1127,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/ux-design-patterns\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/How-to-Use-UX-Design-Patterns-to-Satisfy-Your-Users.png","articleSection":["Blog"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/ux-design-patterns\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/ux-design-patterns\/","name":"How to Use UX Design Patterns to Satisfy Your Users? | UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/ux-design-patterns\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/ux-design-patterns\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/How-to-Use-UX-Design-Patterns-to-Satisfy-Your-Users.png","datePublished":"2021-02-04T11:08:00+00:00","dateModified":"2023-03-17T15:15:10+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e"},"description":"UX design patterns are reusable design components that are used to solve common usability problems that users experience.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/ux-design-patterns\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/ux-design-patterns\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/ux-design-patterns\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/How-to-Use-UX-Design-Patterns-to-Satisfy-Your-Users.png","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/How-to-Use-UX-Design-Patterns-to-Satisfy-Your-Users.png","width":1200,"height":600,"caption":"How to Use UX Design Patterns to Satisfy Your Users"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/ux-design-patterns\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"How to Use UX Design Patterns to Satisfy Your Users?"}]},{"@type":"WebSite","@id":"https:\/\/www.uxpin.com\/studio\/#website","url":"https:\/\/www.uxpin.com\/studio\/","name":"Studio by UXPin","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.uxpin.com\/studio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e","name":"UXPin","description":"UXPin is a web-based design collaboration tool. We\u2019re pleased to share our knowledge here.","sameAs":["http:\/\/www.uxpin.com","https:\/\/x.com\/@uxpin"],"url":"https:\/\/www.uxpin.com\/studio\/author\/hello\/"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/23583","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/comments?post=23583"}],"version-history":[{"count":4,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/23583\/revisions"}],"predecessor-version":[{"id":43800,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/23583\/revisions\/43800"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/23584"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=23583"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=23583"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=23583"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}