{"id":108,"date":"2021-04-03T18:14:01","date_gmt":"2021-04-04T01:14:01","guid":{"rendered":"https:\/\/aitoolkit.test\/design-patterns\/"},"modified":"2023-05-24T10:33:45","modified_gmt":"2023-05-24T17:33:45","slug":"design-patterns","status":"publish","type":"page","link":"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/design-patterns\/","title":{"rendered":"Design patterns"},"content":{"rendered":"\n

Save time by applying established solutions to human-AI interaction problems.<\/h2>\n\n\n\n
\"\"<\/figure>\n\n\n\n

What are the HAX design patterns?<\/h3>\n\n\n\n

The HAX design patterns describe flexible and actionable solutions to recurring human-AI interaction problems. Each pattern follows the same structure that guides you from the Problem <\/strong>the pattern can solve, to a Solution<\/strong>, When to use<\/strong>, How to use<\/strong>, User benefits<\/strong>, and Common pitfalls<\/strong> to avoid. Each pattern is illustrated with examples.<\/p>\n\n\n\n

Patterns are currently available for eight Guidelines. Use the HAX Design Library<\/a> to browse the patterns and see examples of each Guideline. We encourage you to submit ideas for new patterns and examples<\/a>.<\/p>\n\n\n\n

<\/div>\n\n\n\n

How do I use the HAX design patterns?<\/h3>\n\n\n\n

We recommend referring to the patterns when your team is defining requirements and Guidelines for your product or in the very early prototyping stages. When you have selected a Guideline to implement (at Step 3 in the HAX Workbook<\/a>, if you are using it), review the patterns and corresponding examples for that Guideline in the HAX Design Library<\/a>. The pattern number inherits the Guideline number, so you know that all patterns starting with G1 help you implement Guideline 1.<\/p>\n\n\n\n

The patterns are UI-independent and can be implemented in a variety of systems and interfaces. Pick one or more patterns and review their directions to understand when and how to use them. You can also view concrete examples of the patterns in real AI-driven products or features in the HAX Design Library.<\/p>\n\n\n\n

Because most design patterns will impact many components of your system, including its interface, data, and models, it’s best to collaborate on relevant patterns with UX, AI, project management, and engineering.<\/p>\n\n\n\n

<\/div>\n\n\n\n

Why design patterns?<\/h3>\n\n\n\n

There are multiple ways of implementing each Guideline. Through our engagements with product teams, we learned that many struggled to decide on the best approach for their specific product scenario. Teams were asking for “something that’s trusted and credible that isn’t biased towards like one point of view or the other.” <\/em>We created the HAX design patterns to save teams time and deliver consistently high-quality user experiences by helping them reuse established solutions. We derived the patterns by analyzing hundreds of examples of the Guidelines in everyday AI products as well as synthesizing research on human-AI interaction.<\/p>\n","protected":false},"excerpt":{"rendered":"

Save time by applying established solutions to human-AI interaction problems. What are the HAX design patterns? The HAX design patterns describe flexible and actionable solutions to recurring human-AI interaction problems. Each pattern follows the same structure that guides you from the Problem the pattern can solve, to a Solution, When to use, How to use, User benefits, and Common pitfalls to avoid. Each pattern is illustrated […]<\/p>\n","protected":false},"author":3,"featured_media":4930,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"toolkit_pattern_number":"","ep_exclude_from_search":false,"footnotes":""},"coauthors":[33],"class_list":["post-108","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\nDesign patterns - Microsoft HAX Toolkit<\/title>\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.microsoft.com\/en-us\/haxtoolkit\/design-patterns\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Design patterns - Microsoft HAX Toolkit\" \/>\n<meta property=\"og:description\" content=\"Save time by applying established solutions to human-AI interaction problems. What are the HAX design patterns? The HAX design patterns describe flexible and actionable solutions to recurring human-AI interaction problems. Each pattern follows the same structure that guides you from the Problem the pattern can solve, to a Solution, When to use, How to use, User benefits, and Common pitfalls to avoid. Each pattern is illustrated […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/design-patterns\/\" \/>\n<meta property=\"og:site_name\" content=\"Microsoft HAX Toolkit\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-24T17:33:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/uploads\/prod\/2021\/10\/Design-patterns-feature.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"854\" \/>\n\t<meta property=\"og:image:height\" content=\"804\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n\t<meta name=\"twitter:label2\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data2\" content=\"Ricky Lee Whittemore\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/design-patterns\/\",\"url\":\"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/design-patterns\/\",\"name\":\"Design patterns - Microsoft HAX Toolkit\",\"isPartOf\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/design-patterns\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/design-patterns\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/uploads\/prod\/2021\/10\/Design-patterns-feature.jpg\",\"datePublished\":\"2021-04-04T01:14:01+00:00\",\"dateModified\":\"2023-05-24T17:33:45+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/design-patterns\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/design-patterns\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/design-patterns\/#primaryimage\",\"url\":\"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/uploads\/prod\/2021\/10\/Design-patterns-feature.jpg\",\"contentUrl\":\"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/uploads\/prod\/2021\/10\/Design-patterns-feature.jpg\",\"width\":854,\"height\":804,\"caption\":\"Design patterns\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/design-patterns\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Design patterns\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/#website\",\"url\":\"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/\",\"name\":\"Microsoft HAX Toolkit\",\"description\":\"Collaborative tools to help you create more effective and responsible human-AI experiences\",\"publisher\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/#organization\",\"name\":\"Microsoft Corporation\",\"url\":\"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/uploads\/prod\/2022\/07\/msft-logo.png\",\"contentUrl\":\"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/uploads\/prod\/2022\/07\/msft-logo.png\",\"width\":1536,\"height\":1536,\"caption\":\"Microsoft Corporation\"},\"image\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Design patterns - Microsoft HAX Toolkit","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.microsoft.com\/en-us\/haxtoolkit\/design-patterns\/","og_locale":"en_US","og_type":"article","og_title":"Design patterns - Microsoft HAX Toolkit","og_description":"Save time by applying established solutions to human-AI interaction problems. What are the HAX design patterns? The HAX design patterns describe flexible and actionable solutions to recurring human-AI interaction problems. Each pattern follows the same structure that guides you from the Problem the pattern can solve, to a Solution, When to use, How to use, User benefits, and Common pitfalls to avoid. Each pattern is illustrated […]","og_url":"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/design-patterns\/","og_site_name":"Microsoft HAX Toolkit","article_modified_time":"2023-05-24T17:33:45+00:00","og_image":[{"width":854,"height":804,"url":"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/uploads\/prod\/2021\/10\/Design-patterns-feature.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes","Written by":"Ricky Lee Whittemore"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/design-patterns\/","url":"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/design-patterns\/","name":"Design patterns - Microsoft HAX Toolkit","isPartOf":{"@id":"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/design-patterns\/#primaryimage"},"image":{"@id":"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/design-patterns\/#primaryimage"},"thumbnailUrl":"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/uploads\/prod\/2021\/10\/Design-patterns-feature.jpg","datePublished":"2021-04-04T01:14:01+00:00","dateModified":"2023-05-24T17:33:45+00:00","breadcrumb":{"@id":"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/design-patterns\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/design-patterns\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/design-patterns\/#primaryimage","url":"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/uploads\/prod\/2021\/10\/Design-patterns-feature.jpg","contentUrl":"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/uploads\/prod\/2021\/10\/Design-patterns-feature.jpg","width":854,"height":804,"caption":"Design patterns"},{"@type":"BreadcrumbList","@id":"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/design-patterns\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/"},{"@type":"ListItem","position":2,"name":"Design patterns"}]},{"@type":"WebSite","@id":"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/#website","url":"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/","name":"Microsoft HAX Toolkit","description":"Collaborative tools to help you create more effective and responsible human-AI experiences","publisher":{"@id":"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/#organization","name":"Microsoft Corporation","url":"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/#\/schema\/logo\/image\/","url":"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/uploads\/prod\/2022\/07\/msft-logo.png","contentUrl":"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/uploads\/prod\/2022\/07\/msft-logo.png","width":1536,"height":1536,"caption":"Microsoft Corporation"},"image":{"@id":"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/wp-json\/wp\/v2\/pages\/108"}],"collection":[{"href":"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/wp-json\/wp\/v2\/comments?post=108"}],"version-history":[{"count":9,"href":"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/wp-json\/wp\/v2\/pages\/108\/revisions"}],"predecessor-version":[{"id":8763,"href":"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/wp-json\/wp\/v2\/pages\/108\/revisions\/8763"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/wp-json\/wp\/v2\/media\/4930"}],"wp:attachment":[{"href":"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/wp-json\/wp\/v2\/media?parent=108"}],"wp:term":[{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/haxtoolkit\/wp-json\/wp\/v2\/coauthors?post=108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}