HAX Design Library - Microsoft HAX Toolkit

<!DOCTYPE html> <html lang="en-US" class="no-js"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <script>(function(html){html.className = html.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script> <script>(function(html){html.className = html.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script> <meta name="awa-pageType" content="Page"> <meta name="awa-market" content="en-us"> <meta name="awa-env" content="Production"> <meta name='robots' content='noindex' />  <title>HAX Design Library - Microsoft HAX Toolkit</title> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="HAX Design Library - Microsoft HAX Toolkit" /> <meta property="og:description" content="HAX Design Library Interactive collection of the 18 Guidelines for Human-AI Interaction, with design patterns for applying them and examples." /> <meta property="og:url" content="https://www.microsoft.com/en-us/haxtoolkit/library/" /> <meta property="og:site_name" content="Microsoft HAX Toolkit" /> <meta property="article:modified_time" content="2023-10-17T20:33:00+00:00" /> <meta property="og:image" content="https://www.microsoft.com/en-us/haxtoolkit/uploads/prod/2021/10/Library_feature-01.png" /> <meta property="og:image:width" content="528" /> <meta property="og:image:height" content="400" /> <meta property="og:image:type" content="image/png" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:label1" content="Est. reading time" /> <meta name="twitter:data1" content="1 minute" /> <meta name="twitter:label2" content="Written by" /> <meta name="twitter:data2" content="Jung Huh" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.microsoft.com/en-us/haxtoolkit/library/","url":"https://www.microsoft.com/en-us/haxtoolkit/library/","name":"HAX Design Library - Microsoft HAX Toolkit","isPartOf":{"@id":"https://www.microsoft.com/en-us/haxtoolkit/#website"},"primaryImageOfPage":{"@id":"https://www.microsoft.com/en-us/haxtoolkit/library/#primaryimage"},"image":{"@id":"https://www.microsoft.com/en-us/haxtoolkit/library/#primaryimage"},"thumbnailUrl":"https://www.microsoft.com/en-us/haxtoolkit/uploads/prod/2021/10/Library_feature-01.png","datePublished":"2022-11-09T19:45:43+00:00","dateModified":"2023-10-17T20:33:00+00:00","breadcrumb":{"@id":"https://www.microsoft.com/en-us/haxtoolkit/library/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.microsoft.com/en-us/haxtoolkit/library/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.microsoft.com/en-us/haxtoolkit/library/#primaryimage","url":"https://www.microsoft.com/en-us/haxtoolkit/uploads/prod/2021/10/Library_feature-01.png","contentUrl":"https://www.microsoft.com/en-us/haxtoolkit/uploads/prod/2021/10/Library_feature-01.png","width":528,"height":400,"caption":"Multicolored pages"},{"@type":"BreadcrumbList","@id":"https://www.microsoft.com/en-us/haxtoolkit/library/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.microsoft.com/en-us/haxtoolkit/"},{"@type":"ListItem","position":2,"name":"HAX Design Library"}]},{"@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>  <link rel='dns-prefetch' href='//wcpstatic.microsoft.com' /> <link rel='dns-prefetch' href='//www.microsoft.com' /> <link rel='dns-prefetch' href='//js.monitor.azure.com' /> <link rel="alternate" type="application/rss+xml" title="Microsoft HAX Toolkit » Feed" href="https://www.microsoft.com/en-us/haxtoolkit/feed/" /> <link rel="alternate" type="application/rss+xml" title="Microsoft HAX Toolkit » Comments Feed" href="https://www.microsoft.com/en-us/haxtoolkit/comments/feed/" /> <link rel='stylesheet' id='wp-block-library-css' href='https://www.microsoft.com/en-us/haxtoolkit/wp-includes/css/dist/block-library/style.min.css?ver=6.6.2' type='text/css' media='all' /> <style id='co-authors-plus-coauthors-style-inline-css' type='text/css'> .wp-block-co-authors-plus-coauthors.is-layout-flow [class*=wp-block-co-authors-plus]{display:inline} </style> <style id='co-authors-plus-avatar-style-inline-css' type='text/css'> .wp-block-co-authors-plus-avatar :where(img){height:auto;max-width:100%;vertical-align:bottom}.wp-block-co-authors-plus-coauthors.is-layout-flow .wp-block-co-authors-plus-avatar :where(img){vertical-align:middle}.wp-block-co-authors-plus-avatar:is(.alignleft,.alignright){display:table}.wp-block-co-authors-plus-avatar.aligncenter{display:table;margin-inline:auto} </style> <style id='co-authors-plus-image-style-inline-css' type='text/css'> .wp-block-co-authors-plus-image{margin-bottom:0}.wp-block-co-authors-plus-image :where(img){height:auto;max-width:100%;vertical-align:bottom}.wp-block-co-authors-plus-coauthors.is-layout-flow .wp-block-co-authors-plus-image :where(img){vertical-align:middle}.wp-block-co-authors-plus-image:is(.alignfull,.alignwide) :where(img){width:100%}.wp-block-co-authors-plus-image:is(.alignleft,.alignright){display:table}.wp-block-co-authors-plus-image.aligncenter{display:table;margin-inline:auto} </style> <style id='elasticpress-related-posts-style-inline-css' type='text/css'> .editor-styles-wrapper .wp-block-elasticpress-related-posts ul,.wp-block-elasticpress-related-posts ul{list-style-type:none;padding:0}.editor-styles-wrapper .wp-block-elasticpress-related-posts ul li a>div{display:inline} </style> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--black-100: #000;--wp--preset--color--white-100: #fff;--wp--preset--color--gray-100: #f2f2f2;--wp--preset--color--gray-200: #e6e6e6;;--wp--preset--color--gray-300: #d2d2d2;--wp--preset--color--gray-400: #a2a2a2;--wp--preset--color--gray-500: #757575;--wp--preset--color--gray-600: #505050;--wp--preset--color--gray-700: #404040;--wp--preset--color--gray-800: #2f2f2f;--wp--preset--color--gray-900: #171717;--wp--preset--color--blue-100: #d5faff;--wp--preset--color--blue-200: #6cbeff;;--wp--preset--color--blue-300: #3aa0fa;--wp--preset--color--blue-400: #0067b8;--wp--preset--color--blue-500: #243a5e;--wp--preset--color--yellow-100: #ffb900;--wp--preset--color--orange-100: #d83b01;--wp--preset--color--green-100: #107c10;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='moray_blocks_shared_style-css' href='https://www.microsoft.com/en-us/haxtoolkit/wp-content/plugins/moray-blocks/dist/css/shared-style.css?ver=0.1.4' type='text/css' media='all' /> <link rel='stylesheet' id='moray_blocks_frontend_style-css' href='https://www.microsoft.com/en-us/haxtoolkit/wp-content/plugins/moray-blocks/dist/css/style.css?ver=0.1.4' type='text/css' media='all' /> <link rel='stylesheet' id='moray-theme-css' href='https://www.microsoft.com/en-us/haxtoolkit/wp-content/themes/moray-theme/dist/css/style.css' type='text/css' media='all' /> <link rel='stylesheet' id='styles-css' href='https://www.microsoft.com/en-us/haxtoolkit/wp-content/themes/toolkit/dist/css/style.css?ver=0.1.12' type='text/css' media='all' /> <link rel='stylesheet' id='moray-styles-css' href='https://www.microsoft.com/en-us/haxtoolkit/wp-content/themes/moray-theme/mwf/css/main.css' type='text/css' media='all' /> <link rel='stylesheet' id='elasticpress-autosuggest-css' href='https://www.microsoft.com/en-us/haxtoolkit/wp-content/plugins/elasticpress/dist/css/autosuggest-styles.css?ver=a6741e62380c47e371b4' type='text/css' media='all' /> <link rel='stylesheet' id='elasticpress-facets-css' href='https://www.microsoft.com/en-us/haxtoolkit/wp-content/plugins/elasticpress/dist/css/facets-styles.css?ver=7d568203f3965dc85d8a' type='text/css' media='all' /> <script type="text/javascript" src="https://wcpstatic.microsoft.com/mscc/lib/v2/wcp-consent.js" id="wcp-consent-js"></script> <script type="text/javascript" src="https://js.monitor.azure.com/scripts/c/ms.analytics-web-3.min.js" id="oneds-tracking-js"></script> <script type="text/javascript" src="https://www.microsoft.com/en-us/haxtoolkit/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script type="text/javascript" src="https://www.microsoft.com/en-us/haxtoolkit/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <link rel="https://api.w.org/" href="https://www.microsoft.com/en-us/haxtoolkit/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.microsoft.com/en-us/haxtoolkit/wp-json/wp/v2/pages/6855" /><link rel='shortlink' href='https://www.microsoft.com/en-us/haxtoolkit/?p=6855' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.microsoft.com/en-us/haxtoolkit/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.microsoft.com%2Fen-us%2Fhaxtoolkit%2Flibrary%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.microsoft.com/en-us/haxtoolkit/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.microsoft.com%2Fen-us%2Fhaxtoolkit%2Flibrary%2F&format=xml" /> <link rel="stylesheet" href="https://www.microsoft.com/onerfstatics/marketingsites-wcus-prod/west-european/shell/_scrf/css/themes=default.device=uplevel_web_pc/1b-9d8ed9/c9-be0100/a6-e969ef/43-9f2e7c/82-8b5456/a0-5d3913/43-5a5ab8/ca-ae3ce4?ver=2.0&_cf=02242021_3231" type="text/css" media="all" /><link rel='manifest' href='https://www.microsoft.com/en-us/haxtoolkit/wp-content/themes/toolkit/manifest.json' /><link rel='manifest' href='https://www.microsoft.com/en-us/haxtoolkit/wp-content/themes/moray-theme/manifest.json' /><link rel="icon" href="https://www.microsoft.com/en-us/haxtoolkit/uploads/prod/2021/07/cropped-logo_element-32x32.png" sizes="32x32" /> <link rel="icon" href="https://www.microsoft.com/en-us/haxtoolkit/uploads/prod/2021/07/cropped-logo_element-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://www.microsoft.com/en-us/haxtoolkit/uploads/prod/2021/07/cropped-logo_element-180x180.png" /> <meta name="msapplication-TileImage" content="https://www.microsoft.com/en-us/haxtoolkit/uploads/prod/2021/07/cropped-logo_element-270x270.png" /> <script src="https://www.microsoft.com/onerfstatics/marketingsites-wcus-prod/shell/_scrf/js/themes=default/54-af9f9f/d4-fb1f57/e1-a50eee/e7-954872/d8-97d509/f0-251fe2/46-be1318/77-04a268/11-240c7b/63-077520/a4-34de62/f9-a5b2ce/db-bc0148/dc-7e9864/6d-c07ea1/6f-dafe8c/f6-aa5278/73-a24d00/6d-1e7ed0/b7-cadaa7/c4-898cf2/ca-40b7b0/4e-ee3a55/3e-f5c39b/c3-6454d7/f9-7592d3/d0-e64f3e/92-10345d/79-499886/7e-cda2d3/58-ab4971/ca-108466/e0-3c9860/de-884374/1f-100dea/33-abe4df/2b-8e0ae6?ver=2.0&_cf=02242021_3231&iife=1"></script><script src="https://mem.gfx.ms/meversion?partner=MSAetherHAX&market=en-us&uhf=1" defer></script> </head> <body class="page-template-default page page-id-6855 microsoft-uhf"> <div id="ms-cookie-banner"></div> <div id="headerArea" class="uhf" data-m='{"cN":"headerArea","cT":"Area_coreuiArea","id":"a1Body","sN":1,"aN":"Body"}'> <div id="headerRegion" data-region-key="headerregion" data-m='{"cN":"headerRegion","cT":"Region_coreui-region","id":"r1a1","sN":1,"aN":"a1"}' > <div id="headerUniversalHeader" data-m='{"cN":"headerUniversalHeader","cT":"Module_coreui-universalheader","id":"m1r1a1","sN":1,"aN":"r1a1"}' data-module-id="Category|headerRegion|coreui-region|headerUniversalHeader|coreui-universalheader"> <div id="epb" class="x-hidden x-hidden-vp-mobile-st uhfc-universal-context context-uhf" data-m='{"cN":"epb_cont","cT":"Container","id":"c1m1r1a1","sN":1,"aN":"m1r1a1"}'> <div class="c-uhfh-alert f-information epb-container theme-light" role="dialog" aria-label="Promotional Banner" data-m='{"cT":"Container","id":"c1c1m1r1a1","sN":1,"aN":"c1m1r1a1"}' data-pb="[{"Browser":"anaheim","ExtensionType":"windows10only","ExtensionUrl":"https://www.microsoft.com/microsoft-copilot/for-individuals/copilot-app?form=MY02FX&OCID=MY02FX","BackgroundColorDarkTheme":"b-black","LogoUrlDarkTheme":"https://cdn-dynmedia-1.microsoft.com/is/image/microsoftcorp/UHFbanner-CopilotIcon48x48v2?fmt=png-alpha&bfc=off&qlt=100,1","ActionLinkBackgroundColorDarkTheme":"btn-white","BackgroundColorLightTheme":"b-white","LogoUrlLightTheme":"https://cdn-dynmedia-1.microsoft.com/is/image/microsoftcorp/UHFbanner-CopilotIcon48x48v2?fmt=png-alpha&bfc=off&qlt=100,1","ActionLinkBackgroundColorLightTheme":"btn-light-blue","Title":"Take the power of Copilot on the go with the free mobile app","Paragraph":"Create images and get tailored answers based on your interests and needs anytime, anywhere","ActionLinkText":"Get the Copilot app","ActionLinkAriaLabel":"Get the Copilot app","DismissText":"No, thanks","DismissAriaLabel":"No, thanks","CookieExpiration":"7","CurrentTheme":"theme-light"},{"Browser":"edge","ExtensionType":"windows10only","ExtensionUrl":"https://aka.ms/MicrosoftEdgeDownload","BackgroundColorDarkTheme":"b-black","LogoUrlDarkTheme":"https://cdn-dynmedia-1.microsoft.com/is/image/microsoftcorp/UHFbanner-EdgeBanner48x48?fmt=png-alpha&bfc=off&qlt=100,1","ActionLinkBackgroundColorDarkTheme":"btn-white","BackgroundColorLightTheme":"b-white","LogoUrlLightTheme":"https://cdn-dynmedia-1.microsoft.com/is/image/microsoftcorp/UHFbanner-EdgeBanner48x48?fmt=png-alpha&bfc=off&qlt=100,1","ActionLinkBackgroundColorLightTheme":"btn-light-blue","Title":"Try the browser recommended by Microsoft","Paragraph":"Get speed, security and privacy with Microsoft Edge","ActionLinkText":"Download now","ActionLinkAriaLabel":"Download now","DismissText":"No thanks","DismissAriaLabel":"No thanks","CookieExpiration":"30","CurrentTheme":"theme-light"},{"Browser":"chrome","ExtensionType":"windows10only","ExtensionUrl":"https://www.microsoft.com/microsoft-copilot/for-individuals/copilot-app?form=MY02FX&OCID=MY02FX","BackgroundColorDarkTheme":"b-black","LogoUrlDarkTheme":"https://cdn-dynmedia-1.microsoft.com/is/image/microsoftcorp/UHFbanner-CopilotIcon48x48v2?fmt=png-alpha&bfc=off&qlt=100,1","ActionLinkBackgroundColorDarkTheme":"btn-white","BackgroundColorLightTheme":"b-white","LogoUrlLightTheme":"https://cdn-dynmedia-1.microsoft.com/is/image/microsoftcorp/UHFbanner-CopilotIcon48x48v2?fmt=png-alpha&bfc=off&qlt=100,1","ActionLinkBackgroundColorLightTheme":"btn-light-blue","Title":"Take the power of Copilot on the go with the free mobile app","Paragraph":"Create images and get tailored answers based on your interests and needs anytime, anywhere","ActionLinkText":"Get the Copilot app","ActionLinkAriaLabel":"Get the Copilot app","DismissText":"No, thanks","DismissAriaLabel":"No, thanks","CookieExpiration":"7","CurrentTheme":"theme-light"},{"Browser":"firefox","ExtensionType":"rewards","ExtensionUrl":"https://browserdefaults.microsoft.com/extn/redirect/?xid=106&channel=uhf&pc=U785","BackgroundColorDarkTheme":"b-blue","LogoUrlDarkTheme":"https://cdn-dynmedia-1.microsoft.com/is/image/microsoftcorp/UHFbanner-rewardswhite?fmt=png-alpha&bfc=off&qlt=100,1","ActionLinkBackgroundColorDarkTheme":"btn-white","BackgroundColorLightTheme":"b-white","LogoUrlLightTheme":"https://cdn-dynmedia-1.microsoft.com/is/image/microsoftcorp/UHFbanner-rewardsblue?fmt=png-alpha&bfc=off&qlt=100,1","ActionLinkBackgroundColorLightTheme":"btn-blue","Title":"Maximize your points with the Microsoft Rewards extension","Paragraph":"Quick access to your daily points and offers","ActionLinkText":"Add it now","ActionLinkAriaLabel":"Add it now","DismissText":"No thanks","DismissAriaLabel":"No thanks","CookieExpiration":"30","CurrentTheme":"theme-light"}]" data-pb-g="true"> <div> <div class="c-paragraph"> <img alt="" data-src="" src="" class="f-img-lzy" /> <span class="c-text-group pb-content"> <span class="epb-launch pb-content-heading"></span> <span class="epb-text pb-content-text"></span> </span> </div> <span class="c-group"> <button id="close-epb" class="c-action-trigger c-action-cancel c-glyph-cancel" data-m='{"cN":"PB-dismiss_nonnav","id":"nn1c1c1m1r1a1","sN":1,"aN":"c1c1m1r1a1"}'></button> <a id="epbTryNow" href="" target="_blank" class="epb-launch c-action-trigger c-action-open" data-m='{"cN":"PB-launch_nav","id":"n2c1c1m1r1a1","sN":2,"aN":"c1c1m1r1a1"}'></a> </span> </div> </div> </div> <a id="uhfSkipToMain" class="m-skip-to-main" href="javascript:void(0)" data-href="" tabindex="0" data-m='{"cN":"Skip to content_nonnav","id":"nn2c1m1r1a1","sN":2,"aN":"c1m1r1a1"}'>Skip to main content</a> <header class="c-uhfh context-uhf no-js c-sgl-stck c-category-header " itemscope="itemscope" data-header-footprint="/MSAetherHAX/MSAetherHAXHeader, fromService: True" data-magict="true" itemtype="http://schema.org/Organization"> <div class="theme-light js-global-head f-closed global-head-cont" data-m='{"cN":"Universal Header_cont","cT":"Container","id":"c3c1m1r1a1","sN":3,"aN":"c1m1r1a1"}'> <div class="c-uhfh-gcontainer-st"> <button type="button" class="c-action-trigger c-glyph glyph-global-nav-button" aria-label="All Microsoft expand to see list of Microsoft products and services" initialState-label="All Microsoft expand to see list of Microsoft products and services" toggleState-label="Close All Microsoft list" aria-expanded="false" data-m='{"cN":"Mobile menu button_nonnav","id":"nn1c3c1m1r1a1","sN":1,"aN":"c3c1m1r1a1"}'></button> <button type="button" class="c-action-trigger c-glyph glyph-arrow-htmllegacy c-close-search" aria-label="Close search" aria-expanded="false" data-m='{"cN":"Close Search_nonnav","id":"nn2c3c1m1r1a1","sN":2,"aN":"c3c1m1r1a1"}'></button> <a id="uhfLogo" class="c-logo c-sgl-stk-uhfLogo" itemprop="url" href="https://www.microsoft.com" aria-label="Microsoft" data-m='{"cN":"GlobalNav_Logo_cont","cT":"Container","id":"c3c3c1m1r1a1","sN":3,"aN":"c3c1m1r1a1"}'> <img alt="" itemprop="logo" class="c-image" src="https://img-prod-cms-rt-microsoft-com.akamaized.net/cms/api/am/imageFileData/RE1Mu3b?ver=5c31" role="presentation" aria-hidden="true" /> <span itemprop="name" role="presentation" aria-hidden="true">Microsoft</span> </a> <div class="f-mobile-title"> <button type="button" class="c-action-trigger c-glyph glyph-chevron-left" aria-label="See more menu options" data-m='{"cN":"Mobile back button_nonnav","id":"nn4c3c1m1r1a1","sN":4,"aN":"c3c1m1r1a1"}'></button> <span data-global-title="Microsoft home" class="js-mobile-title">HAX Toolkit</span> <button type="button" class="c-action-trigger c-glyph glyph-chevron-right" aria-label="See more menu options" data-m='{"cN":"Mobile forward button_nonnav","id":"nn5c3c1m1r1a1","sN":5,"aN":"c3c1m1r1a1"}'></button> </div> <div class="c-show-pipe x-hidden-vp-mobile-st"> <a id="uhfCatLogo" class="c-logo c-cat-logo" href="/en-us/haxtoolkit/" aria-label="HAX Toolkit" itemprop="url" data-m='{"cN":"CatNav_HAX Toolkit_nav","id":"n6c3c1m1r1a1","sN":6,"aN":"c3c1m1r1a1"}'> <span>HAX Toolkit</span> </a> </div> <div class="cat-logo-button-cont x-hidden"> <button type="button" id="uhfCatLogoButton" class="c-cat-logo-button x-hidden" aria-expanded="false" aria-label="HAX Toolkit" data-m='{"cN":"HAX Toolkit_nonnav","id":"nn7c3c1m1r1a1","sN":7,"aN":"c3c1m1r1a1"}'> HAX Toolkit </button> </div> <nav id="uhf-g-nav" aria-label="Contextual menu" class="c-uhfh-gnav" data-m='{"cN":"Category nav_cont","cT":"Container","id":"c8c3c1m1r1a1","sN":8,"aN":"c3c1m1r1a1"}'> <ul class="js-paddle-items"> <li class="single-link js-nav-menu x-hidden-none-mobile-vp uhf-menu-item"> <a class="c-uhf-nav-link" href="/en-us/haxtoolkit/" data-m='{"cN":"CatNav_Home_nav","id":"n1c8c3c1m1r1a1","sN":1,"aN":"c8c3c1m1r1a1"}' > Home </a> </li> <li class="single-link js-nav-menu uhf-menu-item"> <a id="haxlibrary" class="c-uhf-nav-link" href="/en-us/haxtoolkit/library/" data-m='{"cN":"CatNav_haxlibrary_nav","id":"n2c8c3c1m1r1a1","sN":2,"aN":"c8c3c1m1r1a1"}'>Design Library</a> </li> <li class="nested-menu uhf-menu-item"> <div class="c-uhf-menu js-nav-menu"> <button type="button" id="using-the-toolkit" aria-expanded="false" data-m='{"cN":"CatNav_using-the-toolkit_nonnav","id":"nn3c8c3c1m1r1a1","sN":3,"aN":"c8c3c1m1r1a1"}'>Learn the tools</button> <ul class="" data-class-idn="" aria-hidden="true" data-m='{"cN":"using-the-toolkit_cont","cT":"Container","id":"c4c8c3c1m1r1a1","sN":4,"aN":"c8c3c1m1r1a1"}'> <li class="js-nav-menu single-link" data-m='{"cN":"ai-guidelines_cont","cT":"Container","id":"c1c4c8c3c1m1r1a1","sN":1,"aN":"c4c8c3c1m1r1a1"}'> <a id="ai-guidelines" class="js-subm-uhf-nav-link" href="/en-us/haxtoolkit/ai-guidelines/" data-m='{"cN":"CatNav_ai-guidelines_nav","id":"n1c1c4c8c3c1m1r1a1","sN":1,"aN":"c1c4c8c3c1m1r1a1"}'>Guidelines</a> </li> <li class="js-nav-menu single-link" data-m='{"cN":"library_cont","cT":"Container","id":"c2c4c8c3c1m1r1a1","sN":2,"aN":"c4c8c3c1m1r1a1"}'> <a id="library" class="js-subm-uhf-nav-link" href="/en-us/haxtoolkit/design-library-overview/" data-m='{"cN":"CatNav_library_nav","id":"n1c2c4c8c3c1m1r1a1","sN":1,"aN":"c2c4c8c3c1m1r1a1"}'>Design Library</a> </li> <li class="js-nav-menu single-link" data-m='{"cN":"design-patterns_cont","cT":"Container","id":"c3c4c8c3c1m1r1a1","sN":3,"aN":"c4c8c3c1m1r1a1"}'> <a id="design-patterns" class="js-subm-uhf-nav-link" href="/en-us/haxtoolkit/design-patterns/" data-m='{"cN":"CatNav_design-patterns_nav","id":"n1c3c4c8c3c1m1r1a1","sN":1,"aN":"c3c4c8c3c1m1r1a1"}'>Design Patterns</a> </li> <li class="js-nav-menu single-link" data-m='{"cN":"workbook_cont","cT":"Container","id":"c4c4c8c3c1m1r1a1","sN":4,"aN":"c4c8c3c1m1r1a1"}'> <a id="workbook" class="js-subm-uhf-nav-link" href="/en-us/haxtoolkit/workbook/" data-m='{"cN":"CatNav_workbook_nav","id":"n1c4c4c8c3c1m1r1a1","sN":1,"aN":"c4c4c8c3c1m1r1a1"}'>Workbook</a> </li> <li class="js-nav-menu single-link" data-m='{"cN":"playbook_cont","cT":"Container","id":"c5c4c8c3c1m1r1a1","sN":5,"aN":"c4c8c3c1m1r1a1"}'> <a id="playbook" class="js-subm-uhf-nav-link" href="/en-us/haxtoolkit/playbook/" data-m='{"cN":"CatNav_playbook_nav","id":"n1c5c4c8c3c1m1r1a1","sN":1,"aN":"c5c4c8c3c1m1r1a1"}'>Playbook</a> </li> </ul> </div> </li> <li class="single-link js-nav-menu uhf-menu-item"> <a id="about" class="c-uhf-nav-link" href="/en-us/haxtoolkit/about/" data-m='{"cN":"CatNav_about_nav","id":"n5c8c3c1m1r1a1","sN":5,"aN":"c8c3c1m1r1a1"}'>About</a> </li> <li class="single-link js-nav-menu uhf-menu-item"> <a id="contact-us" class="c-uhf-nav-link" href="/en-us/haxtoolkit/contact/" data-m='{"cN":"CatNav_contact-us_nav","id":"n6c8c3c1m1r1a1","sN":6,"aN":"c8c3c1m1r1a1"}'>Share ideas</a> </li> <li id="overflow-menu" class="overflow-menu x-hidden uhf-menu-item"> <div class="c-uhf-menu js-nav-menu"> <button data-m='{"pid":"More","id":"nn7c8c3c1m1r1a1","sN":7,"aN":"c8c3c1m1r1a1"}' type="button" aria-label="More" aria-expanded="false">More</button> <ul id="overflow-menu-list" aria-hidden="true" class="overflow-menu-list"> </ul> </div> </li> </ul> </nav> <div class="c-uhfh-actions" data-m='{"cN":"Header actions_cont","cT":"Container","id":"c9c3c1m1r1a1","sN":9,"aN":"c3c1m1r1a1"}'> <div class="wf-menu"> <nav id="uhf-c-nav" aria-label="All Microsoft menu" data-m='{"cN":"GlobalNav_cont","cT":"Container","id":"c1c9c3c1m1r1a1","sN":1,"aN":"c9c3c1m1r1a1"}'> <ul class="js-paddle-items"> <li> <div class="c-uhf-menu js-nav-menu"> <button type="button" class="c-button-logo all-ms-nav" aria-expanded="false" data-m='{"cN":"GlobalNav_More_nonnav","id":"nn1c1c9c3c1m1r1a1","sN":1,"aN":"c1c9c3c1m1r1a1"}'> <span>All Microsoft</span></button> <ul class="f-multi-column f-multi-column-4" aria-hidden="true" data-m='{"cN":"More_cont","cT":"Container","id":"c2c1c9c3c1m1r1a1","sN":2,"aN":"c1c9c3c1m1r1a1"}'> <li class="c-w0-contr"> <h2 class="c-uhf-sronly">Global</h2> <ul class="c-w0"> <li class="js-nav-menu single-link" data-m='{"cN":"Microsoft Security_cont","cT":"Container","id":"c1c2c1c9c3c1m1r1a1","sN":1,"aN":"c2c1c9c3c1m1r1a1"}'> <a id="shellmenu_0" class="js-subm-uhf-nav-link" href="https://www.microsoft.com/en-us/security" data-m='{"cN":"W0Nav_Microsoft Security_nav","id":"n1c1c2c1c9c3c1m1r1a1","sN":1,"aN":"c1c2c1c9c3c1m1r1a1"}'>Microsoft Security</a> </li> <li class="js-nav-menu single-link" data-m='{"cN":"Azure_cont","cT":"Container","id":"c2c2c1c9c3c1m1r1a1","sN":2,"aN":"c2c1c9c3c1m1r1a1"}'> <a id="shellmenu_1" class="js-subm-uhf-nav-link" href="https://azure.microsoft.com/en-us/" data-m='{"cN":"W0Nav_Azure_nav","id":"n1c2c2c1c9c3c1m1r1a1","sN":1,"aN":"c2c2c1c9c3c1m1r1a1"}'>Azure</a> </li> <li class="js-nav-menu single-link" data-m='{"cN":"Dynamics 365_cont","cT":"Container","id":"c3c2c1c9c3c1m1r1a1","sN":3,"aN":"c2c1c9c3c1m1r1a1"}'> <a id="shellmenu_2" class="js-subm-uhf-nav-link" href="https://dynamics.microsoft.com/en-us/" data-m='{"cN":"W0Nav_Dynamics 365_nav","id":"n1c3c2c1c9c3c1m1r1a1","sN":1,"aN":"c3c2c1c9c3c1m1r1a1"}'>Dynamics 365</a> </li> <li class="js-nav-menu single-link" data-m='{"cN":"Microsoft 365_cont","cT":"Container","id":"c4c2c1c9c3c1m1r1a1","sN":4,"aN":"c2c1c9c3c1m1r1a1"}'> <a id="shellmenu_3" class="js-subm-uhf-nav-link" href="https://www.microsoft.com/en-us/microsoft-365/business/" data-m='{"cN":"W0Nav_Microsoft 365_nav","id":"n1c4c2c1c9c3c1m1r1a1","sN":1,"aN":"c4c2c1c9c3c1m1r1a1"}'>Microsoft 365</a> </li> <li class="js-nav-menu single-link" data-m='{"cN":"Microsoft Teams_cont","cT":"Container","id":"c5c2c1c9c3c1m1r1a1","sN":5,"aN":"c2c1c9c3c1m1r1a1"}'> <a id="shellmenu_4" class="js-subm-uhf-nav-link" href="https://www.microsoft.com/en-us/microsoft-teams/group-chat-software" data-m='{"cN":"W0Nav_Microsoft Teams_nav","id":"n1c5c2c1c9c3c1m1r1a1","sN":1,"aN":"c5c2c1c9c3c1m1r1a1"}'>Microsoft Teams</a> </li> <li class="js-nav-menu single-link" data-m='{"cN":"Windows 365_cont","cT":"Container","id":"c6c2c1c9c3c1m1r1a1","sN":6,"aN":"c2c1c9c3c1m1r1a1"}'> <a id="shellmenu_5" class="js-subm-uhf-nav-link" href="https://www.microsoft.com/en-us/windows-365" data-m='{"cN":"W0Nav_Windows 365_nav","id":"n1c6c2c1c9c3c1m1r1a1","sN":1,"aN":"c6c2c1c9c3c1m1r1a1"}'>Windows 365</a> </li> </ul> </li> <li class="f-sub-menu js-nav-menu nested-menu" data-m='{"cT":"Container","id":"c7c2c1c9c3c1m1r1a1","sN":7,"aN":"c2c1c9c3c1m1r1a1"}'> <span id="uhf-navspn-shellmenu_7-span" style="display:none" f-multi-parent="true" aria-expanded="false" data-m='{"id":"nn1c7c2c1c9c3c1m1r1a1","sN":1,"aN":"c7c2c1c9c3c1m1r1a1"}'>Tech & innovation</span> <button id="uhf-navbtn-shellmenu_7-button" type="button" f-multi-parent="true" aria-expanded="false" data-m='{"id":"nn2c7c2c1c9c3c1m1r1a1","sN":2,"aN":"c7c2c1c9c3c1m1r1a1"}'>Tech & innovation</button> <ul aria-hidden="true" aria-labelledby="uhf-navspn-shellmenu_7-span"> <li class="js-nav-menu single-link" data-m='{"cN":"More_TechInnovation_MicrosoftCloud_cont","cT":"Container","id":"c3c7c2c1c9c3c1m1r1a1","sN":3,"aN":"c7c2c1c9c3c1m1r1a1"}'> <a id="shellmenu_8" class="js-subm-uhf-nav-link" href="https://www.microsoft.com/en-us/microsoft-cloud" data-m='{"cN":"GlobalNav_More_TechInnovation_MicrosoftCloud_nav","id":"n1c3c7c2c1c9c3c1m1r1a1","sN":1,"aN":"c3c7c2c1c9c3c1m1r1a1"}'>Microsoft Cloud</a> </li> <li class="js-nav-menu single-link" data-m='{"cN":"More_TechInnovation__AI_cont","cT":"Container","id":"c4c7c2c1c9c3c1m1r1a1","sN":4,"aN":"c7c2c1c9c3c1m1r1a1"}'> <a id="shellmenu_9" class="js-subm-uhf-nav-link" href="https://www.microsoft.com/en-us/ai" data-m='{"cN":"GlobalNav_More_TechInnovation__AI_nav","id":"n1c4c7c2c1c9c3c1m1r1a1","sN":1,"aN":"c4c7c2c1c9c3c1m1r1a1"}'>AI</a> </li> <li class="js-nav-menu single-link" data-m='{"cN":"More_TechInnovation_AzureSpace_cont","cT":"Container","id":"c5c7c2c1c9c3c1m1r1a1","sN":5,"aN":"c7c2c1c9c3c1m1r1a1"}'> <a id="shellmenu_10" class="js-subm-uhf-nav-link" href="https://azure.microsoft.com/en-us/solutions/space/" data-m='{"cN":"GlobalNav_More_TechInnovation_AzureSpace_nav","id":"n1c5c7c2c1c9c3c1m1r1a1","sN":1,"aN":"c5c7c2c1c9c3c1m1r1a1"}'>Azure Space</a> </li> <li class="js-nav-menu single-link" data-m='{"cN":"More_TechInnovation_MixedReality_cont","cT":"Container","id":"c6c7c2c1c9c3c1m1r1a1","sN":6,"aN":"c7c2c1c9c3c1m1r1a1"}'> <a id="shellmenu_11" class="js-subm-uhf-nav-link" href="https://www.microsoft.com/en-us/mixed-reality/windows-mixed-reality" data-m='{"cN":"GlobalNav_More_TechInnovation_MixedReality_nav","id":"n1c6c7c2c1c9c3c1m1r1a1","sN":1,"aN":"c6c7c2c1c9c3c1m1r1a1"}'>Mixed reality</a> </li> <li class="js-nav-menu single-link" data-m='{"cN":"More_TechInnovation_MicrosoftHololens_cont","cT":"Container","id":"c7c7c2c1c9c3c1m1r1a1","sN":7,"aN":"c7c2c1c9c3c1m1r1a1"}'> <a id="shellmenu_12" class="js-subm-uhf-nav-link" href="https://www.microsoft.com/en-us/hololens" data-m='{"cN":"GlobalNav_More_TechInnovation_MicrosoftHololens_nav","id":"n1c7c7c2c1c9c3c1m1r1a1","sN":1,"aN":"c7c7c2c1c9c3c1m1r1a1"}'>Microsoft HoloLens</a> </li> <li class="js-nav-menu single-link" data-m='{"cN":"More_TechInnovation_Microsoft Viva_cont","cT":"Container","id":"c8c7c2c1c9c3c1m1r1a1","sN":8,"aN":"c7c2c1c9c3c1m1r1a1"}'> <a id="shellmenu_13" class="js-subm-uhf-nav-link" href="https://www.microsoft.com/en-us/microsoft-viva" data-m='{"cN":"GlobalNav_More_TechInnovation_Microsoft Viva_nav","id":"n1c8c7c2c1c9c3c1m1r1a1","sN":1,"aN":"c8c7c2c1c9c3c1m1r1a1"}'>Microsoft Viva</a> </li> <li class="js-nav-menu single-link" data-m='{"cN":"More_TechInnovation_QuantumComputing_cont","cT":"Container","id":"c9c7c2c1c9c3c1m1r1a1","sN":9,"aN":"c7c2c1c9c3c1m1r1a1"}'> <a id="shellmenu_14" class="js-subm-uhf-nav-link" href="https://azure.microsoft.com/en-us/solutions/quantum-computing/" data-m='{"cN":"GlobalNav_More_TechInnovation_QuantumComputing_nav","id":"n1c9c7c2c1c9c3c1m1r1a1","sN":1,"aN":"c9c7c2c1c9c3c1m1r1a1"}'>Quantum computing</a> </li> <li class="js-nav-menu single-link" data-m='{"cN":"More_TechInnovation_Sustainability_cont","cT":"Container","id":"c10c7c2c1c9c3c1m1r1a1","sN":10,"aN":"c7c2c1c9c3c1m1r1a1"}'> <a id="shellmenu_15" class="js-subm-uhf-nav-link" href="https://www.microsoft.com/en-us/sustainability/" data-m='{"cN":"GlobalNav_More_TechInnovation_Sustainability_nav","id":"n1c10c7c2c1c9c3c1m1r1a1","sN":1,"aN":"c10c7c2c1c9c3c1m1r1a1"}'>Sustainability</a> </li> </ul> </li> <li class="f-sub-menu js-nav-menu nested-menu" data-m='{"cT":"Container","id":"c8c2c1c9c3c1m1r1a1","sN":8,"aN":"c2c1c9c3c1m1r1a1"}'> <span id="uhf-navspn-shellmenu_16-span" style="display:none" f-multi-parent="true" aria-expanded="false" data-m='{"id":"nn1c8c2c1c9c3c1m1r1a1","sN":1,"aN":"c8c2c1c9c3c1m1r1a1"}'>Industries</span> <button id="uhf-navbtn-shellmenu_16-button" type="button" f-multi-parent="true" aria-expanded="false" data-m='{"id":"nn2c8c2c1c9c3c1m1r1a1","sN":2,"aN":"c8c2c1c9c3c1m1r1a1"}'>Industries</button> <ul aria-hidden="true" aria-labelledby="uhf-navspn-shellmenu_16-span"> <li class="js-nav-menu single-link" data-m='{"cN":"More_Industries_Education_cont","cT":"Container","id":"c3c8c2c1c9c3c1m1r1a1","sN":3,"aN":"c8c2c1c9c3c1m1r1a1"}'> <a id="shellmenu_17" class="js-subm-uhf-nav-link" href="https://www.microsoft.com/en-us/education" data-m='{"cN":"GlobalNav_More_Industries_Education_nav","id":"n1c3c8c2c1c9c3c1m1r1a1","sN":1,"aN":"c3c8c2c1c9c3c1m1r1a1"}'>Education</a> </li> <li class="js-nav-menu single-link" data-m='{"cN":"More_Industries_Automotive_cont","cT":"Container","id":"c4c8c2c1c9c3c1m1r1a1","sN":4,"aN":"c8c2c1c9c3c1m1r1a1"}'> <a id="shellmenu_18" class="js-subm-uhf-nav-link" href="https://www.microsoft.com/en-us/industry/automotive" data-m='{"cN":"GlobalNav_More_Industries_Automotive_nav","id":"n1c4c8c2c1c9c3c1m1r1a1","sN":1,"aN":"c4c8c2c1c9c3c1m1r1a1"}'>Automotive</a> </li> <li class="js-nav-menu single-link" data-m='{"cN":"More_Industries_Financialservices_cont","cT":"Container","id":"c5c8c2c1c9c3c1m1r1a1","sN":5,"aN":"c8c2c1c9c3c1m1r1a1"}'> <a id="shellmenu_19" class="js-subm-uhf-nav-link" href="https://www.microsoft.com/en-us/industry/financial-services/banking" data-m='{"cN":"GlobalNav_More_Industries_Financialservices_nav","id":"n1c5c8c2c1c9c3c1m1r1a1","sN":1,"aN":"c5c8c2c1c9c3c1m1r1a1"}'>Financial services</a> </li> <li class="js-nav-menu single-link" data-m='{"cN":"More_Industries_Government_cont","cT":"Container","id":"c6c8c2c1c9c3c1m1r1a1","sN":6,"aN":"c8c2c1c9c3c1m1r1a1"}'> <a id="shellmenu_20" class="js-subm-uhf-nav-link" href="https://www.microsoft.com/en-us/industry/government" data-m='{"cN":"GlobalNav_More_Industries_Government_nav","id":"n1c6c8c2c1c9c3c1m1r1a1","sN":1,"aN":"c6c8c2c1c9c3c1m1r1a1"}'>Government</a> </li> <li class="js-nav-menu single-link" data-m='{"cN":"More_Industries_Health_cont","cT":"Container","id":"c7c8c2c1c9c3c1m1r1a1","sN":7,"aN":"c8c2c1c9c3c1m1r1a1"}'> <a id="shellmenu_21" class="js-subm-uhf-nav-link" href="https://www.microsoft.com/en-us/industry/health/microsoft-cloud-for-healthcare" data-m='{"cN":"GlobalNav_More_Industries_Health_nav","id":"n1c7c8c2c1c9c3c1m1r1a1","sN":1,"aN":"c7c8c2c1c9c3c1m1r1a1"}'>Healthcare</a> </li> <li class="js-nav-menu single-link" data-m='{"cN":"More_Industries_Manufacturing_cont","cT":"Container","id":"c8c8c2c1c9c3c1m1r1a1","sN":8,"aN":"c8c2c1c9c3c1m1r1a1"}'> <a id="shellmenu_22" class="js-subm-uhf-nav-link" href="https://www.microsoft.com/en-us/industry/manufacturing/microsoft-cloud-for-manufacturing" data-m='{"cN":"GlobalNav_More_Industries_Manufacturing_nav","id":"n1c8c8c2c1c9c3c1m1r1a1","sN":1,"aN":"c8c8c2c1c9c3c1m1r1a1"}'>Manufacturing</a> </li> <li class="js-nav-menu single-link" data-m='{"cN":"More_Industries_Retail_cont","cT":"Container","id":"c9c8c2c1c9c3c1m1r1a1","sN":9,"aN":"c8c2c1c9c3c1m1r1a1"}'> <a id="shellmenu_23" class="js-subm-uhf-nav-link" href="https://www.microsoft.com/en-us/industry/consumer-goods" data-m='{"cN":"GlobalNav_More_Industries_Retail_nav","id":"n1c9c8c2c1c9c3c1m1r1a1","sN":1,"aN":"c9c8c2c1c9c3c1m1r1a1"}'>Retail</a> </li> <li class="js-nav-menu single-link" data-m='{"cN":"More_Industries_Allindustries_cont","cT":"Container","id":"c10c8c2c1c9c3c1m1r1a1","sN":10,"aN":"c8c2c1c9c3c1m1r1a1"}'> <a id="shellmenu_24" class="js-subm-uhf-nav-link" href="https://www.microsoft.com/en-us/industry" data-m='{"cN":"GlobalNav_More_Industries_Allindustries_nav","id":"n1c10c8c2c1c9c3c1m1r1a1","sN":1,"aN":"c10c8c2c1c9c3c1m1r1a1"}'>All industries</a> </li> </ul> </li> <li class="f-sub-menu js-nav-menu nested-menu" data-m='{"cT":"Container","id":"c9c2c1c9c3c1m1r1a1","sN":9,"aN":"c2c1c9c3c1m1r1a1"}'> <span id="uhf-navspn-shellmenu_25-span" style="display:none" f-multi-parent="true" aria-expanded="false" data-m='{"id":"nn1c9c2c1c9c3c1m1r1a1","sN":1,"aN":"c9c2c1c9c3c1m1r1a1"}'>Partners</span> <button id="uhf-navbtn-shellmenu_25-button" type="button" f-multi-parent="true" aria-expanded="false" data-m='{"id":"nn2c9c2c1c9c3c1m1r1a1","sN":2,"aN":"c9c2c1c9c3c1m1r1a1"}'>Partners</button> <ul aria-hidden="true" aria-labelledby="uhf-navspn-shellmenu_25-span"> <li class="js-nav-menu single-link" data-m='{"cN":"More_Partner_FindPartner_cont","cT":"Container","id":"c3c9c2c1c9c3c1m1r1a1","sN":3,"aN":"c9c2c1c9c3c1m1r1a1"}'> <a id="shellmenu_26" class="js-subm-uhf-nav-link" href="https://partner.microsoft.com/en-US/" data-m='{"cN":"GlobalNav_More_Partner_FindPartner_nav","id":"n1c3c9c2c1c9c3c1m1r1a1","sN":1,"aN":"c3c9c2c1c9c3c1m1r1a1"}'>Find a partner</a> </li> <li class="js-nav-menu single-link" data-m='{"cN":"More_Partner_BecomePartner_cont","cT":"Container","id":"c4c9c2c1c9c3c1m1r1a1","sN":4,"aN":"c9c2c1c9c3c1m1r1a1"}'> <a id="shellmenu_27" class="js-subm-uhf-nav-link" href="https://partner.microsoft.com/en-US/membership/cloud-solution-provider" data-m='{"cN":"GlobalNav_More_Partner_BecomePartner_nav","id":"n1c4c9c2c1c9c3c1m1r1a1","sN":1,"aN":"c4c9c2c1c9c3c1m1r1a1"}'>Become a partner</a> </li> <li class="js-nav-menu single-link" data-m='{"cN":"More_Partner_PartnerNetwork_cont","cT":"Container","id":"c5c9c2c1c9c3c1m1r1a1","sN":5,"aN":"c9c2c1c9c3c1m1r1a1"}'> <a id="shellmenu_28" class="js-subm-uhf-nav-link" href="https://partner.microsoft.com/en-us/membership" data-m='{"cN":"GlobalNav_More_Partner_PartnerNetwork_nav","id":"n1c5c9c2c1c9c3c1m1r1a1","sN":1,"aN":"c5c9c2c1c9c3c1m1r1a1"}'>Partner Network</a> </li> <li class="js-nav-menu single-link" data-m='{"cN":"More_Partner_AzureMarketplace_cont","cT":"Container","id":"c6c9c2c1c9c3c1m1r1a1","sN":6,"aN":"c9c2c1c9c3c1m1r1a1"}'> <a id="shellmenu_29" class="js-subm-uhf-nav-link" href="https://azuremarketplace.microsoft.com/en-us/" data-m='{"cN":"GlobalNav_More_Partner_AzureMarketplace_nav","id":"n1c6c9c2c1c9c3c1m1r1a1","sN":1,"aN":"c6c9c2c1c9c3c1m1r1a1"}'>Azure Marketplace</a> </li> <li class="js-nav-menu single-link" data-m='{"cN":"More_Partner_AppSource_cont","cT":"Container","id":"c7c9c2c1c9c3c1m1r1a1","sN":7,"aN":"c9c2c1c9c3c1m1r1a1"}'> <a id="shellmenu_30" class="js-subm-uhf-nav-link" href="https://appsource.microsoft.com/en-us/" data-m='{"cN":"GlobalNav_More_Partner_AppSource_nav","id":"n1c7c9c2c1c9c3c1m1r1a1","sN":1,"aN":"c7c9c2c1c9c3c1m1r1a1"}'>AppSource</a> </li> </ul> </li> <li class="f-sub-menu js-nav-menu nested-menu" data-m='{"cT":"Container","id":"c10c2c1c9c3c1m1r1a1","sN":10,"aN":"c2c1c9c3c1m1r1a1"}'> <span id="uhf-navspn-shellmenu_31-span" style="display:none" f-multi-parent="true" aria-expanded="false" data-m='{"id":"nn1c10c2c1c9c3c1m1r1a1","sN":1,"aN":"c10c2c1c9c3c1m1r1a1"}'>Resources</span> <button id="uhf-navbtn-shellmenu_31-button" type="button" f-multi-parent="true" aria-expanded="false" data-m='{"id":"nn2c10c2c1c9c3c1m1r1a1","sN":2,"aN":"c10c2c1c9c3c1m1r1a1"}'>Resources</button> <ul aria-hidden="true" aria-labelledby="uhf-navspn-shellmenu_31-span"> <li class="js-nav-menu single-link" data-m='{"cN":"More_Resources_Blog_cont","cT":"Container","id":"c3c10c2c1c9c3c1m1r1a1","sN":3,"aN":"c10c2c1c9c3c1m1r1a1"}'> <a id="shellmenu_32" class="js-subm-uhf-nav-link" href="https://blogs.microsoft.com/" data-m='{"cN":"GlobalNav_More_Resources_Blog_nav","id":"n1c3c10c2c1c9c3c1m1r1a1","sN":1,"aN":"c3c10c2c1c9c3c1m1r1a1"}'>Blog</a> </li> <li class="js-nav-menu single-link" data-m='{"cN":"More_Resources_MicrosoftAdvertising_cont","cT":"Container","id":"c4c10c2c1c9c3c1m1r1a1","sN":4,"aN":"c10c2c1c9c3c1m1r1a1"}'> <a id="shellmenu_33" class="js-subm-uhf-nav-link" href="https://about.ads.microsoft.com/en-us?s_cid=dig-src_uhfcomm" data-m='{"cN":"GlobalNav_More_Resources_MicrosoftAdvertising_nav","id":"n1c4c10c2c1c9c3c1m1r1a1","sN":1,"aN":"c4c10c2c1c9c3c1m1r1a1"}'>Microsoft Advertising</a> </li> <li class="js-nav-menu single-link" data-m='{"cN":"More_Resources_DeveloperCenter_cont","cT":"Container","id":"c5c10c2c1c9c3c1m1r1a1","sN":5,"aN":"c10c2c1c9c3c1m1r1a1"}'> <a id="shellmenu_34" class="js-subm-uhf-nav-link" href="https://developer.microsoft.com/en-us/" data-m='{"cN":"GlobalNav_More_Resources_DeveloperCenter_nav","id":"n1c5c10c2c1c9c3c1m1r1a1","sN":1,"aN":"c5c10c2c1c9c3c1m1r1a1"}'>Developer Center</a> </li> <li class="js-nav-menu single-link" data-m='{"cN":"More_Resources_Documentation_cont","cT":"Container","id":"c6c10c2c1c9c3c1m1r1a1","sN":6,"aN":"c10c2c1c9c3c1m1r1a1"}'> <a id="shellmenu_35" class="js-subm-uhf-nav-link" href="https://learn.microsoft.com/docs/" data-m='{"cN":"GlobalNav_More_Resources_Documentation_nav","id":"n1c6c10c2c1c9c3c1m1r1a1","sN":1,"aN":"c6c10c2c1c9c3c1m1r1a1"}'>Documentation</a> </li> <li class="js-nav-menu single-link" data-m='{"cN":"More_Resources_Events_cont","cT":"Container","id":"c7c10c2c1c9c3c1m1r1a1","sN":7,"aN":"c10c2c1c9c3c1m1r1a1"}'> <a id="shellmenu_36" class="js-subm-uhf-nav-link" href="https://www.microsoft.com/en-us/events" data-m='{"cN":"GlobalNav_More_Resources_Events_nav","id":"n1c7c10c2c1c9c3c1m1r1a1","sN":1,"aN":"c7c10c2c1c9c3c1m1r1a1"}'>Events</a> </li> <li class="js-nav-menu single-link" data-m='{"cN":"More_Resources_Licensing_cont","cT":"Container","id":"c8c10c2c1c9c3c1m1r1a1","sN":8,"aN":"c10c2c1c9c3c1m1r1a1"}'> <a id="shellmenu_37" class="js-subm-uhf-nav-link" href="https://www.microsoft.com/en-us/licensing/" data-m='{"cN":"GlobalNav_More_Resources_Licensing_nav","id":"n1c8c10c2c1c9c3c1m1r1a1","sN":1,"aN":"c8c10c2c1c9c3c1m1r1a1"}'>Licensing</a> </li> <li class="js-nav-menu single-link" data-m='{"cN":"More_Resources_MicrosoftLearn_cont","cT":"Container","id":"c9c10c2c1c9c3c1m1r1a1","sN":9,"aN":"c10c2c1c9c3c1m1r1a1"}'> <a id="shellmenu_38" class="js-subm-uhf-nav-link" href="https://learn.microsoft.com/" data-m='{"cN":"GlobalNav_More_Resources_MicrosoftLearn_nav","id":"n1c9c10c2c1c9c3c1m1r1a1","sN":1,"aN":"c9c10c2c1c9c3c1m1r1a1"}'>Microsoft Learn</a> </li> <li class="js-nav-menu single-link" data-m='{"cN":"More_Resources_MicrosoftResearch_cont","cT":"Container","id":"c10c10c2c1c9c3c1m1r1a1","sN":10,"aN":"c10c2c1c9c3c1m1r1a1"}'> <a id="shellmenu_39" class="js-subm-uhf-nav-link" href="https://www.microsoft.com/en-us/research/" data-m='{"cN":"GlobalNav_More_Resources_MicrosoftResearch_nav","id":"n1c10c10c2c1c9c3c1m1r1a1","sN":1,"aN":"c10c10c2c1c9c3c1m1r1a1"}'>Microsoft Research</a> </li> </ul> </li> <li class="f-multi-column-info"> <a data-m='{"id":"n11c2c1c9c3c1m1r1a1","sN":11,"aN":"c2c1c9c3c1m1r1a1"}' href="https://www.microsoft.com/en-us/sitemap" aria-label="" class="c-glyph">View Sitemap</a> </li> </ul> </div> </li> </ul> </nav> </div> <form class="c-search" autocomplete="off" id="searchForm" name="searchForm" role="search" action="https://www.microsoft.com/en-us/search/explore" method="GET" data-seAutoSuggest='{"queryParams":{"market":"en-us","clientId":"7F27B536-CF6B-4C65-8638-A0F8CBDFCA65","sources":"Iris-Products,DCatAll-Products,Microsoft-Terms","filter":"+ClientType:StoreWeb","counts":"1,5,5"},"familyNames":{"Apps":"App","Books":"Book","Bundles":"Bundle","Devices":"Device","Fees":"Fee","Games":"Game","MusicAlbums":"Album","MusicTracks":"Song","MusicVideos":"Video","MusicArtists":"Artist","OperatingSystem":"Operating System","Software":"Software","Movies":"Movie","TV":"TV","CSV":"Gift Card","VideoActor":"Actor"}}' data-seautosuggestapi="https://www.microsoft.com/msstoreapiprod/api/autosuggest" data-m='{"cN":"GlobalNav_Search_cont","cT":"Container","id":"c3c1c9c3c1m1r1a1","sN":3,"aN":"c1c9c3c1m1r1a1"}' aria-expanded="false"> <input id="cli_shellHeaderSearchInput" aria-label="Search Expanded" aria-autocomplete="list" aria-expanded="false" aria-controls="universal-header-search-auto-suggest-transparent" aria-owns="universal-header-search-auto-suggest-ul" type="search" name="q" role="combobox" placeholder="Search Microsoft.com" data-m='{"cN":"SearchBox_nav","id":"n1c3c1c9c3c1m1r1a1","sN":1,"aN":"c3c1c9c3c1m1r1a1"}' data-toggle="tooltip" data-placement="right" title="Search Microsoft.com" /> <button id="search" aria-label="Search Microsoft.com" class="c-glyph" data-m='{"cN":"Search_nav","id":"n2c3c1c9c3c1m1r1a1","sN":2,"aN":"c3c1c9c3c1m1r1a1"}' data-bi-mto="true" aria-expanded="false" disabled="disabled"> <span role="presentation">Search</span> <span role="tooltip" class="c-uhf-tooltip c-uhf-search-tooltip">Search Microsoft.com</span> </button> <div class="m-auto-suggest" id="universal-header-search-auto-suggest-transparent" role="group"> <ul class="c-menu" id="universal-header-search-auto-suggest-ul" aria-label="Search Suggestions" aria-hidden="true" data-bi-dnt="true" data-bi-mto="true" data-js-auto-suggest-position="default" role="listbox" data-tel="jsll" data-m='{"cN":"search suggestions_cont","cT":"Container","id":"c3c3c1c9c3c1m1r1a1","sN":3,"aN":"c3c1c9c3c1m1r1a1"}'></ul> <ul class="c-menu f-auto-suggest-no-results" aria-hidden="true" data-js-auto-suggest-postion="default" data-js-auto-suggest-position="default" role="listbox"> <li class="c-menu-item"> <span tabindex="-1">No results</span></li> </ul> </div> </form> <button data-m='{"cN":"cancel-search","pid":"Cancel Search","id":"nn4c1c9c3c1m1r1a1","sN":4,"aN":"c1c9c3c1m1r1a1"}' id="cancel-search" class="cancel-search" aria-label="Cancel Search"> <span>Cancel</span> </button> <a id="uhf-shopping-cart" aria-label="0 items in shopping cart" class="c-action-trigger c-glyph c-uhf-nav-link glyph-shopping-cart" href="https://www.microsoft.com/en-us/store/cart" data-src-dmn-chk="true" data-m='{"cN":"GlobalNav_Cart_nav","bhvr":82,"id":"n5c1c9c3c1m1r1a1","sN":5,"aN":"c1c9c3c1m1r1a1"}'> <span class="shopping-cart-amount x-hidden" aria-hidden="true">0</span> <span class="c-cart-lbl c-st-lbl">Cart</span> <span id="uhf-shopping-cart-tooltip" class="c-uhf-tooltip" role="tooltip">0 items in shopping cart</span> </a> <iframe id="shell-cart-count" data-src="//www.microsoft.com/store/buy/cartcount"></iframe> <div id="meControl" class="c-me" data-signinsettings='{"containerId":"meControl","enabled":true,"headerHeight":48,"debug":false,"extensibleLinks":[{"string":"Order history","url":"https://www.microsoftstore.com/store/msusa/en_US/DisplayFindYourOrderPage/nextAction.DisplayAccountOrderListPage","id":""},{"string":"Return history","url":"https://www.microsoftstore.com/store/msusa/en_US/DisplayFindYourOrderPage/nextAction.DisplayAccountReturnListPage","id":""},{"string":"Digital content","url":"https://www.microsoftstore.com/store/msusa/en_US/DisplayFindYourOrderPage/nextAction.DisplayDownloadHistoryPage","id":""},{"string":"Wish list","url":"https://www.microsoftstore.com/store/msusa/en_US/wishlists?Wt.mc_id=wishlist_landingpage","id":""},{"string":"Payment","url":"https://www.microsoftstore.com/store/msusa/en_US/DisplayAddEditPaymentPage/","id":""},{"string":"Profile","url":"https://www.microsoftstore.com/store/msusa/en_US/DisplayEditProfilePage/tab.profile","id":""}],"userData":{"idp":"msa","firstName":"","lastName":"","memberName":"","cid":"","authenticatedState":"3"},"rpData":{"preferredIdp":"msa","msaInfo":{"signInUrl":"/en-us/store/signin","signOutUrl":"/en-us/store/signout","meUrl":"https://login.live.com/me.srf?wa=wsignin1.0"},"aadInfo":{"signOutUrl":"/en-us/store/signout","appId":"","siteUrl":"","blockMsaFed":true}}}' data-m='{"cN":"GlobalNav_Account_cont","cT":"Container","id":"c6c1c9c3c1m1r1a1","sN":6,"aN":"c1c9c3c1m1r1a1"}'> <div class="msame_Header"> <div class="msame_Header_name st_msame_placeholder">Sign in</div> </div> </div> </div> </div> </div> </header> </div> </div> </div> <main id="main" class="pb-5" role="main"> <section class="container"> <div class="row"> <div class="col-12"> <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div> <h1 class="wp-block-heading has-large-font-size">HAX Design Library</h1> <h5 class="wp-block-heading has-medium-font-size">Interactive collection of the 18 Guidelines for Human-AI Interaction, with design patterns for applying them and examples.</h5> <figure class="wp-block-image size-large"><img decoding="async" width="1024" height="9" src="https://www.microsoft.com/en-us/haxtoolkit/uploads/prod/2023/02/gradient-bar-1536x14-1-1024x9.png" alt="" class="wp-image-7635" srcset="https://www.microsoft.com/en-us/haxtoolkit/uploads/prod/2023/02/gradient-bar-1536x14-1-1024x9.png 1024w, https://www.microsoft.com/en-us/haxtoolkit/uploads/prod/2023/02/gradient-bar-1536x14-1-300x3.png 300w, https://www.microsoft.com/en-us/haxtoolkit/uploads/prod/2023/02/gradient-bar-1536x14-1-768x7.png 768w, https://www.microsoft.com/en-us/haxtoolkit/uploads/prod/2023/02/gradient-bar-1536x14-1-1400x14.png 1400w, https://www.microsoft.com/en-us/haxtoolkit/uploads/prod/2023/02/gradient-bar-1536x14-1.png 1536w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure> </div> </div> <div class="row"> <div class="col-12"> <div class="entry-content col-12 mt-4 mx-auto pt-1 pb-4 p-lg-0 position-relative"> <div class="row"> <div class="col-md-3"> <aside class="sidebar"> <h3 class="h4 my-4">Refine Results</h3> <a href="https://www.microsoft.com/en-us/haxtoolkit/library/" class="btn btn-link glyph-prepend glyph-prepend-filter ml-n2"> Clear filters </a> <h3 class="h5 mt-4">Show me:</h3><div class="border-bottom pb-4"><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11" rel="nofollow"><input class="filter-check custom-control-input" name="post-type-guideline" aria-label="Guidelines" type="checkbox" checked value="0" /><label class="custom-control-label" for="post-type-guideline"><span class="custom-control-glyph" aria-hidden="true"></span>Guidelines</label></a><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&content_type%5B0%5D=guideline&content_type%5B%5D=pattern" rel="nofollow"><input class="filter-check custom-control-input" name="post-type-pattern" aria-label="Design Patterns" type="checkbox" value="0" /><label class="custom-control-label" for="post-type-pattern"><span class="custom-control-glyph" aria-hidden="true"></span>Design Patterns</label></a><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&content_type%5B0%5D=guideline&content_type%5B%5D=example" rel="nofollow"><input class="filter-check custom-control-input" name="post-type-example" aria-label="Examples" type="checkbox" value="0" /><label class="custom-control-label" for="post-type-example"><span class="custom-control-glyph" aria-hidden="true"></span>Examples</label></a></div><h3 class="h5 mt-4">Select Guidelines</h3><div class="border-bottom pb-4 facet-entries tax-guideline-term"><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&taxonomy_guideline-term%5B%5D=3" rel="nofollow"><input class="filter-check custom-control-input" name="tax-guideline-term-term-3" aria-label="G1: Make clear what the system can do." type="checkbox" value="0" /><label class="custom-control-label" for="tax-guideline-term-term-3"><span class="custom-control-glyph" aria-hidden="true"></span>G1: Make clear what the system can do.</label></a><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&taxonomy_guideline-term%5B%5D=4" rel="nofollow"><input class="filter-check custom-control-input" name="tax-guideline-term-term-4" aria-label="G2: Make clear how well the system can do what it can do." type="checkbox" value="0" /><label class="custom-control-label" for="tax-guideline-term-term-4"><span class="custom-control-glyph" aria-hidden="true"></span>G2: Make clear how well the system can do what it can do.</label></a><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&taxonomy_guideline-term%5B%5D=5" rel="nofollow"><input class="filter-check custom-control-input" name="tax-guideline-term-term-5" aria-label="G3: Time services based on context." type="checkbox" value="0" /><label class="custom-control-label" for="tax-guideline-term-term-5"><span class="custom-control-glyph" aria-hidden="true"></span>G3: Time services based on context.</label></a><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&taxonomy_guideline-term%5B%5D=6" rel="nofollow"><input class="filter-check custom-control-input" name="tax-guideline-term-term-6" aria-label="G4: Show contextually relevant information." type="checkbox" value="0" /><label class="custom-control-label" for="tax-guideline-term-term-6"><span class="custom-control-glyph" aria-hidden="true"></span>G4: Show contextually relevant information.</label></a><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&taxonomy_guideline-term%5B%5D=7" rel="nofollow"><input class="filter-check custom-control-input" name="tax-guideline-term-term-7" aria-label="G5: Match relevant social norms." type="checkbox" value="0" /><label class="custom-control-label" for="tax-guideline-term-term-7"><span class="custom-control-glyph" aria-hidden="true"></span>G5: Match relevant social norms.</label></a><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&taxonomy_guideline-term%5B%5D=8" rel="nofollow"><input class="filter-check custom-control-input" name="tax-guideline-term-term-8" aria-label="G6: Mitigate social biases." type="checkbox" value="0" /><label class="custom-control-label" for="tax-guideline-term-term-8"><span class="custom-control-glyph" aria-hidden="true"></span>G6: Mitigate social biases.</label></a><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&taxonomy_guideline-term%5B%5D=9" rel="nofollow"><input class="filter-check custom-control-input" name="tax-guideline-term-term-9" aria-label="G7: Support efficient invocation." type="checkbox" value="0" /><label class="custom-control-label" for="tax-guideline-term-term-9"><span class="custom-control-glyph" aria-hidden="true"></span>G7: Support efficient invocation.</label></a><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&taxonomy_guideline-term%5B%5D=10" rel="nofollow"><input class="filter-check custom-control-input" name="tax-guideline-term-term-10" aria-label="G8: Support efficient dismissal." type="checkbox" value="0" /><label class="custom-control-label" for="tax-guideline-term-term-10"><span class="custom-control-glyph" aria-hidden="true"></span>G8: Support efficient dismissal.</label></a><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/" rel="nofollow"><input class="filter-check custom-control-input" name="tax-guideline-term-term-11" aria-label="G9: Support efficient correction." type="checkbox" checked value="0" /><label class="custom-control-label" for="tax-guideline-term-term-11"><span class="custom-control-glyph" aria-hidden="true"></span>G9: Support efficient correction.</label></a><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&taxonomy_guideline-term%5B%5D=12" rel="nofollow"><input class="filter-check custom-control-input" name="tax-guideline-term-term-12" aria-label="G10: Scope services when in doubt." type="checkbox" value="0" /><label class="custom-control-label" for="tax-guideline-term-term-12"><span class="custom-control-glyph" aria-hidden="true"></span>G10: Scope services when in doubt.</label></a><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&taxonomy_guideline-term%5B%5D=13" rel="nofollow"><input class="filter-check custom-control-input" name="tax-guideline-term-term-13" aria-label="G11: Make clear why the system did what it did." type="checkbox" value="0" /><label class="custom-control-label" for="tax-guideline-term-term-13"><span class="custom-control-glyph" aria-hidden="true"></span>G11: Make clear why the system did what it did.</label></a><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&taxonomy_guideline-term%5B%5D=14" rel="nofollow"><input class="filter-check custom-control-input" name="tax-guideline-term-term-14" aria-label="G12: Remember recent interactions." type="checkbox" value="0" /><label class="custom-control-label" for="tax-guideline-term-term-14"><span class="custom-control-glyph" aria-hidden="true"></span>G12: Remember recent interactions.</label></a><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&taxonomy_guideline-term%5B%5D=15" rel="nofollow"><input class="filter-check custom-control-input" name="tax-guideline-term-term-15" aria-label="G13: Learn from user behavior." type="checkbox" value="0" /><label class="custom-control-label" for="tax-guideline-term-term-15"><span class="custom-control-glyph" aria-hidden="true"></span>G13: Learn from user behavior.</label></a><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&taxonomy_guideline-term%5B%5D=16" rel="nofollow"><input class="filter-check custom-control-input" name="tax-guideline-term-term-16" aria-label="G14: Update and adapt cautiously." type="checkbox" value="0" /><label class="custom-control-label" for="tax-guideline-term-term-16"><span class="custom-control-glyph" aria-hidden="true"></span>G14: Update and adapt cautiously.</label></a><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&taxonomy_guideline-term%5B%5D=17" rel="nofollow"><input class="filter-check custom-control-input" name="tax-guideline-term-term-17" aria-label="G15: Encourage granular feedback." type="checkbox" value="0" /><label class="custom-control-label" for="tax-guideline-term-term-17"><span class="custom-control-glyph" aria-hidden="true"></span>G15: Encourage granular feedback.</label></a><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&taxonomy_guideline-term%5B%5D=18" rel="nofollow"><input class="filter-check custom-control-input" name="tax-guideline-term-term-18" aria-label="G16: Convey the consequences of user actions." type="checkbox" value="0" /><label class="custom-control-label" for="tax-guideline-term-term-18"><span class="custom-control-glyph" aria-hidden="true"></span>G16: Convey the consequences of user actions.</label></a><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&taxonomy_guideline-term%5B%5D=19" rel="nofollow"><input class="filter-check custom-control-input" name="tax-guideline-term-term-19" aria-label="G17: Provide global controls." type="checkbox" value="0" /><label class="custom-control-label" for="tax-guideline-term-term-19"><span class="custom-control-glyph" aria-hidden="true"></span>G17: Provide global controls.</label></a><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&taxonomy_guideline-term%5B%5D=20" rel="nofollow"><input class="filter-check custom-control-input" name="tax-guideline-term-term-20" aria-label="G18: Notify users about changes." type="checkbox" value="0" /><label class="custom-control-label" for="tax-guideline-term-term-20"><span class="custom-control-glyph" aria-hidden="true"></span>G18: Notify users about changes.</label></a></div><h3 class="h5 mt-4">Product Categories</h3><div class="border-bottom pb-4 facet-entries tax-product-category"><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&taxonomy_product-category%5B%5D=71" rel="nofollow"><input class="filter-check custom-control-input" name="tax-product-category-term-71" aria-label="Advertising" type="checkbox" value="0" /><label class="custom-control-label" for="tax-product-category-term-71"><span class="custom-control-glyph" aria-hidden="true"></span>Advertising</label></a><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&taxonomy_product-category%5B%5D=70" rel="nofollow"><input class="filter-check custom-control-input" name="tax-product-category-term-70" aria-label="Chatbot" type="checkbox" value="0" /><label class="custom-control-label" for="tax-product-category-term-70"><span class="custom-control-glyph" aria-hidden="true"></span>Chatbot</label></a><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&taxonomy_product-category%5B%5D=23" rel="nofollow"><input class="filter-check custom-control-input" name="tax-product-category-term-23" aria-label="E-commerce" type="checkbox" value="0" /><label class="custom-control-label" for="tax-product-category-term-23"><span class="custom-control-glyph" aria-hidden="true"></span>E-commerce</label></a><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&taxonomy_product-category%5B%5D=64" rel="nofollow"><input class="filter-check custom-control-input" name="tax-product-category-term-64" aria-label="Email" type="checkbox" value="0" /><label class="custom-control-label" for="tax-product-category-term-64"><span class="custom-control-glyph" aria-hidden="true"></span>Email</label></a><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&taxonomy_product-category%5B%5D=62" rel="nofollow"><input class="filter-check custom-control-input" name="tax-product-category-term-62" aria-label="Health and wellness" type="checkbox" value="0" /><label class="custom-control-label" for="tax-product-category-term-62"><span class="custom-control-glyph" aria-hidden="true"></span>Health and wellness</label></a><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&taxonomy_product-category%5B%5D=26" rel="nofollow"><input class="filter-check custom-control-input" name="tax-product-category-term-26" aria-label="Maps and navigation" type="checkbox" value="0" /><label class="custom-control-label" for="tax-product-category-term-26"><span class="custom-control-glyph" aria-hidden="true"></span>Maps and navigation</label></a><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&taxonomy_product-category%5B%5D=66" rel="nofollow"><input class="filter-check custom-control-input" name="tax-product-category-term-66" aria-label="News, media, and entertainment" type="checkbox" value="0" /><label class="custom-control-label" for="tax-product-category-term-66"><span class="custom-control-glyph" aria-hidden="true"></span>News, media, and entertainment</label></a><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&taxonomy_product-category%5B%5D=28" rel="nofollow"><input class="filter-check custom-control-input" name="tax-product-category-term-28" aria-label="Productivity" type="checkbox" value="0" /><label class="custom-control-label" for="tax-product-category-term-28"><span class="custom-control-glyph" aria-hidden="true"></span>Productivity</label></a><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&taxonomy_product-category%5B%5D=65" rel="nofollow"><input class="filter-check custom-control-input" name="tax-product-category-term-65" aria-label="Search engine" type="checkbox" value="0" /><label class="custom-control-label" for="tax-product-category-term-65"><span class="custom-control-glyph" aria-hidden="true"></span>Search engine</label></a><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&taxonomy_product-category%5B%5D=31" rel="nofollow"><input class="filter-check custom-control-input" name="tax-product-category-term-31" aria-label="Social networking" type="checkbox" value="0" /><label class="custom-control-label" for="tax-product-category-term-31"><span class="custom-control-glyph" aria-hidden="true"></span>Social networking</label></a><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&taxonomy_product-category%5B%5D=32" rel="nofollow"><input class="filter-check custom-control-input" name="tax-product-category-term-32" aria-label="Voice assistants" type="checkbox" value="0" /><label class="custom-control-label" for="tax-product-category-term-32"><span class="custom-control-glyph" aria-hidden="true"></span>Voice assistants</label></a><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&taxonomy_product-category%5B%5D=63" rel="nofollow"><input class="filter-check custom-control-input" name="tax-product-category-term-63" aria-label="Writing and editing" type="checkbox" value="0" /><label class="custom-control-label" for="tax-product-category-term-63"><span class="custom-control-glyph" aria-hidden="true"></span>Writing and editing</label></a></div><h3 class="h5 mt-4">AI Type</h3><div class="border-bottom pb-4 facet-entries tax-application-type"><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&taxonomy_application-type%5B%5D=68" rel="nofollow"><input class="filter-check custom-control-input" name="tax-application-type-term-68" aria-label="Classification" type="checkbox" value="0" /><label class="custom-control-label" for="tax-application-type-term-68"><span class="custom-control-glyph" aria-hidden="true"></span>Classification</label></a><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&taxonomy_application-type%5B%5D=61" rel="nofollow"><input class="filter-check custom-control-input" name="tax-application-type-term-61" aria-label="Facial recognition" type="checkbox" value="0" /><label class="custom-control-label" for="tax-application-type-term-61"><span class="custom-control-glyph" aria-hidden="true"></span>Facial recognition</label></a><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&taxonomy_application-type%5B%5D=57" rel="nofollow"><input class="filter-check custom-control-input" name="tax-application-type-term-57" aria-label="Filtering and ranking" type="checkbox" value="0" /><label class="custom-control-label" for="tax-application-type-term-57"><span class="custom-control-glyph" aria-hidden="true"></span>Filtering and ranking</label></a><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&taxonomy_application-type%5B%5D=96" rel="nofollow"><input class="filter-check custom-control-input" name="tax-application-type-term-96" aria-label="Generative AI" type="checkbox" value="0" /><label class="custom-control-label" for="tax-application-type-term-96"><span class="custom-control-glyph" aria-hidden="true"></span>Generative AI</label></a><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&taxonomy_application-type%5B%5D=60" rel="nofollow"><input class="filter-check custom-control-input" name="tax-application-type-term-60" aria-label="Image recognition" type="checkbox" value="0" /><label class="custom-control-label" for="tax-application-type-term-60"><span class="custom-control-glyph" aria-hidden="true"></span>Image recognition</label></a><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&taxonomy_application-type%5B%5D=99" rel="nofollow"><input class="filter-check custom-control-input" name="tax-application-type-term-99" aria-label="Large Language Model" type="checkbox" value="0" /><label class="custom-control-label" for="tax-application-type-term-99"><span class="custom-control-glyph" aria-hidden="true"></span>Large Language Model</label></a><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&taxonomy_application-type%5B%5D=102" rel="nofollow"><input class="filter-check custom-control-input" name="tax-application-type-term-102" aria-label="Multi Modal Model" type="checkbox" value="0" /><label class="custom-control-label" for="tax-application-type-term-102"><span class="custom-control-glyph" aria-hidden="true"></span>Multi Modal Model</label></a><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&taxonomy_application-type%5B%5D=56" rel="nofollow"><input class="filter-check custom-control-input" name="tax-application-type-term-56" aria-label="Natural language processing (Text)" type="checkbox" value="0" /><label class="custom-control-label" for="tax-application-type-term-56"><span class="custom-control-glyph" aria-hidden="true"></span>Natural language processing (Text)</label></a><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&taxonomy_application-type%5B%5D=55" rel="nofollow"><input class="filter-check custom-control-input" name="tax-application-type-term-55" aria-label="Natural language processing (Voice)" type="checkbox" value="0" /><label class="custom-control-label" for="tax-application-type-term-55"><span class="custom-control-glyph" aria-hidden="true"></span>Natural language processing (Voice)</label></a><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&taxonomy_application-type%5B%5D=69" rel="nofollow"><input class="filter-check custom-control-input" name="tax-application-type-term-69" aria-label="Prediction" type="checkbox" value="0" /><label class="custom-control-label" for="tax-application-type-term-69"><span class="custom-control-glyph" aria-hidden="true"></span>Prediction</label></a><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&taxonomy_application-type%5B%5D=29" rel="nofollow"><input class="filter-check custom-control-input" name="tax-application-type-term-29" aria-label="Recommender systems" type="checkbox" value="0" /><label class="custom-control-label" for="tax-application-type-term-29"><span class="custom-control-glyph" aria-hidden="true"></span>Recommender systems</label></a><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&taxonomy_application-type%5B%5D=58" rel="nofollow"><input class="filter-check custom-control-input" name="tax-application-type-term-58" aria-label="Route planning" type="checkbox" value="0" /><label class="custom-control-label" for="tax-application-type-term-58"><span class="custom-control-glyph" aria-hidden="true"></span>Route planning</label></a><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&taxonomy_application-type%5B%5D=30" rel="nofollow"><input class="filter-check custom-control-input" name="tax-application-type-term-30" aria-label="Search" type="checkbox" value="0" /><label class="custom-control-label" for="tax-application-type-term-30"><span class="custom-control-glyph" aria-hidden="true"></span>Search</label></a><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&taxonomy_application-type%5B%5D=59" rel="nofollow"><input class="filter-check custom-control-input" name="tax-application-type-term-59" aria-label="Text generation" type="checkbox" value="0" /><label class="custom-control-label" for="tax-application-type-term-59"><span class="custom-control-glyph" aria-hidden="true"></span>Text generation</label></a></div><h3 class="h5 mt-4">Goals</h3><div class="border-bottom pb-4 facet-entries tax-goal"><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&taxonomy_goal%5B%5D=114" rel="nofollow"><input class="filter-check custom-control-input" name="tax-goal-term-114" aria-label="Appropriate reliance" type="checkbox" value="0" /><label class="custom-control-label" for="tax-goal-term-114"><span class="custom-control-glyph" aria-hidden="true"></span>Appropriate reliance</label></a><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&taxonomy_goal%5B%5D=117" rel="nofollow"><input class="filter-check custom-control-input" name="tax-goal-term-117" aria-label="Fairness" type="checkbox" value="0" /><label class="custom-control-label" for="tax-goal-term-117"><span class="custom-control-glyph" aria-hidden="true"></span>Fairness</label></a><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&taxonomy_goal%5B%5D=120" rel="nofollow"><input class="filter-check custom-control-input" name="tax-goal-term-120" aria-label="Personalization" type="checkbox" value="0" /><label class="custom-control-label" for="tax-goal-term-120"><span class="custom-control-glyph" aria-hidden="true"></span>Personalization</label></a><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&taxonomy_goal%5B%5D=126" rel="nofollow"><input class="filter-check custom-control-input" name="tax-goal-term-126" aria-label="Reliability" type="checkbox" value="0" /><label class="custom-control-label" for="tax-goal-term-126"><span class="custom-control-glyph" aria-hidden="true"></span>Reliability</label></a><a class="custom-control custom-checkbox" href="/en-us/haxtoolkit/library/?taxonomy_guideline-term%5B0%5D=11&taxonomy_goal%5B%5D=123" rel="nofollow"><input class="filter-check custom-control-input" name="tax-goal-term-123" aria-label="Transparency" type="checkbox" value="0" /><label class="custom-control-label" for="tax-goal-term-123"><span class="custom-control-glyph" aria-hidden="true"></span>Transparency</label></a></div> <div class="mt-4"> <div class="wp-block-button"> <a class="wp-block-button__link" href="https://forms.office.com/Pages/ResponsePage.aspx?id=v4j5cvGGr0GRqy180BHbRwKPC1BKO7VMn2h4NZlodN5UQTgxTEhTTTQzNkdXTFpMSjZWMk03RVpVOS4u" target="_blank"> Submit a new pattern or example </a> </div> </div> </aside> </div> <div class="col-md-9"> <section class="card-list row row-cols-1 row-cols-sm-2 row-cols-lg-3 mt-3 mb-4"> <div class="col mb-4"> <a class="card card-guideline h-100 toolkit-card rounded-xlg depth-16 guideline-category-when-wrong has-bg-yellow text-black" href="https://www.microsoft.com/en-us/haxtoolkit/guideline/support-efficient-correction/" aria-label="Support efficient correction" data-bi-cN="Support efficient correction"> <div class="card-guideline-header"> <div class="card-number text-black">Guideline 9</div> </div> <h3 class="card-guideline-title mb-3 glyph-append-small glyph-append glyph-append-chevron-right text-black">Support efficient correction</h3><p class="card-guideline-excerpt text-black">Make it easy to edit, refine, or recover when the AI system is wrong.</p> </a> </div> </section>  <div class="row mt-4 justify-content-center"> <nav aria-label="Pagination for search results" class="d-inline-block my-4 mb-md-0"> </nav> </div> </div> </div> </div> </div> </div> </section> </main> <div id="footerArea" class="uhf" data-m='{"cN":"footerArea","cT":"Area_coreuiArea","id":"a2Body","sN":2,"aN":"Body"}'> <div id="footerRegion" data-region-key="footerregion" data-m='{"cN":"footerRegion","cT":"Region_coreui-region","id":"r1a2","sN":1,"aN":"a2"}' > <div id="footerUniversalFooter" data-m='{"cN":"footerUniversalFooter","cT":"Module_coreui-universalfooter","id":"m1r1a2","sN":1,"aN":"r1a2"}' data-module-id="Category|footerRegion|coreui-region|footerUniversalFooter|coreui-universalfooter"> <footer id="uhf-footer" class="c-uhff context-uhf" data-uhf-mscc-rq="false" data-footer-footprint="/MSAetherHAX/MSAetherHAXFooter, fromService: True" data-m='{"cN":"Uhf footer_cont","cT":"Container","id":"c1m1r1a2","sN":1,"aN":"m1r1a2"}'> <nav class="c-uhff-nav" aria-label="Footer Resource links" data-m='{"cN":"Footer nav_cont","cT":"Container","id":"c1c1m1r1a2","sN":1,"aN":"c1m1r1a2"}'> <div class="c-uhff-nav-row"> <div class="c-uhff-nav-group" data-m='{"cN":"footerNavColumn1_cont","cT":"Container","id":"c1c1c1m1r1a2","sN":1,"aN":"c1c1m1r1a2"}'> <div class="c-heading-4" role="heading" aria-level="2">What's new</div> <ul class="c-list f-bare"> <li> <a aria-label="Surface Pro What's new" class="c-uhff-link" href="https://www.microsoft.com/en-us/surface/devices/surface-pro-11th-edition" data-m='{"cN":"Footer_WhatsNew_NewSurfacePro_nav","id":"n1c1c1c1m1r1a2","sN":1,"aN":"c1c1c1m1r1a2"}'>Surface Pro</a> </li> <li> <a aria-label="Surface Laptop What's new" class="c-uhff-link" href="https://www.microsoft.com/en-us/surface/devices/surface-laptop-7th-edition" data-m='{"cN":"Footer_WhatsNew_SurfaceLaptop_nav","id":"n2c1c1c1m1r1a2","sN":2,"aN":"c1c1c1m1r1a2"}'>Surface Laptop</a> </li> <li> <a aria-label="Surface Laptop Studio 2 What's new" class="c-uhff-link" href="https://www.microsoft.com/en-us/d/Surface-Laptop-Studio-2/8rqr54krf1dz" data-m='{"cN":"Footer_WhatsNew_SurfaceLaptopStudio2_nav","id":"n3c1c1c1m1r1a2","sN":3,"aN":"c1c1c1m1r1a2"}'>Surface Laptop Studio 2</a> </li> <li> <a aria-label="Surface Laptop Go 3 What's new" class="c-uhff-link" href="https://www.microsoft.com/en-us/d/Surface-Laptop-Go-3/8p0wwgj6c6l2" data-m='{"cN":"Footer_WhatsNew_SurfaceLaptopGo3_nav","id":"n4c1c1c1m1r1a2","sN":4,"aN":"c1c1c1m1r1a2"}'>Surface Laptop Go 3</a> </li> <li> <a aria-label="Microsoft Copilot What's new" class="c-uhff-link" href="https://www.microsoft.com/en-us/microsoft-copilot" data-m='{"cN":"Footer_WhatsNew_CopilotMicrosoft_nav","id":"n5c1c1c1m1r1a2","sN":5,"aN":"c1c1c1m1r1a2"}'>Microsoft Copilot</a> </li> <li> <a aria-label="AI in Windows What's new" class="c-uhff-link" href="https://www.microsoft.com/en-us/windows/copilot-ai-features" data-m='{"cN":"Whatsnew_AIinWindows_nav","id":"n6c1c1c1m1r1a2","sN":6,"aN":"c1c1c1m1r1a2"}'>AI in Windows</a> </li> <li> <a aria-label="Explore Microsoft products What's new" class="c-uhff-link" href="https://www.microsoft.com/en-us/microsoft-products-and-apps" data-m='{"cN":"Footer_WhatsNew_ExploreMicrosoftProducts_nav","id":"n7c1c1c1m1r1a2","sN":7,"aN":"c1c1c1m1r1a2"}'>Explore Microsoft products</a> </li> <li> <a aria-label="Windows 11 apps What's new" class="c-uhff-link" href="https://www.microsoft.com/windows/windows-11-apps" data-m='{"cN":"Footer_WhatsNew_Windows_11_apps_nav","id":"n8c1c1c1m1r1a2","sN":8,"aN":"c1c1c1m1r1a2"}'>Windows 11 apps</a> </li> </ul> </div> <div class="c-uhff-nav-group" data-m='{"cN":"footerNavColumn2_cont","cT":"Container","id":"c2c1c1m1r1a2","sN":2,"aN":"c1c1m1r1a2"}'> <div class="c-heading-4" role="heading" aria-level="2">Microsoft Store</div> <ul class="c-list f-bare"> <li> <a aria-label="Account profile Microsoft Store" class="c-uhff-link" href="https://account.microsoft.com/" data-m='{"cN":"Footer_StoreandSupport_AccountProfile_nav","id":"n1c2c1c1m1r1a2","sN":1,"aN":"c2c1c1m1r1a2"}'>Account profile</a> </li> <li> <a aria-label="Download Center Microsoft Store" class="c-uhff-link" href="https://www.microsoft.com/en-us/download" data-m='{"cN":"Footer_StoreandSupport_DownloadCenter_nav","id":"n2c2c1c1m1r1a2","sN":2,"aN":"c2c1c1m1r1a2"}'>Download Center</a> </li> <li> <a aria-label="Microsoft Store support Microsoft Store" class="c-uhff-link" href="https://go.microsoft.com/fwlink/?linkid=2139749" data-m='{"cN":"Footer_StoreandSupport_SalesAndSupport_nav","id":"n3c2c1c1m1r1a2","sN":3,"aN":"c2c1c1m1r1a2"}'>Microsoft Store support</a> </li> <li> <a aria-label="Returns Microsoft Store" class="c-uhff-link" href="https://www.microsoft.com/en-us/store/b/returns" data-m='{"cN":"Footer_StoreandSupport_Returns_nav","id":"n4c2c1c1m1r1a2","sN":4,"aN":"c2c1c1m1r1a2"}'>Returns</a> </li> <li> <a aria-label="Order tracking Microsoft Store" class="c-uhff-link" href="https://www.microsoft.com/en-us/store/b/order-tracking" data-m='{"cN":"Footer_StoreandSupport_OrderTracking_nav","id":"n5c2c1c1m1r1a2","sN":5,"aN":"c2c1c1m1r1a2"}'>Order tracking</a> </li> <li> <a aria-label="Certified Refurbished Microsoft Store" class="c-uhff-link" href="https://www.microsoft.com/en-us/store/b/certified-refurbished-products" data-m='{"cN":"Footer_StoreandSupport_StoreLocations_nav","id":"n6c2c1c1m1r1a2","sN":6,"aN":"c2c1c1m1r1a2"}'>Certified Refurbished</a> </li> <li> <a aria-label="Microsoft Store Promise Microsoft Store" class="c-uhff-link" href="https://www.microsoft.com/en-us/store/b/why-microsoft-store?icid=footer_why-msft-store_7102020" data-m='{"cN":"Footer_StoreandSupport_MicrosoftPromise_nav","id":"n7c2c1c1m1r1a2","sN":7,"aN":"c2c1c1m1r1a2"}'>Microsoft Store Promise</a> </li> <li> <a aria-label="Flexible Payments Microsoft Store" class="c-uhff-link" href="https://www.microsoft.com/en-us/store/b/payment-financing-options?icid=footer_financing_vcc" data-m='{"cN":"Footer_StoreandSupport_Financing_nav","id":"n8c2c1c1m1r1a2","sN":8,"aN":"c2c1c1m1r1a2"}'>Flexible Payments</a> </li> </ul> </div> <div class="c-uhff-nav-group" data-m='{"cN":"footerNavColumn3_cont","cT":"Container","id":"c3c1c1m1r1a2","sN":3,"aN":"c1c1m1r1a2"}'> <div class="c-heading-4" role="heading" aria-level="2">Education</div> <ul class="c-list f-bare"> <li> <a aria-label="Microsoft in education Education" class="c-uhff-link" href="https://www.microsoft.com/en-us/education" data-m='{"cN":"Footer_Education_MicrosoftInEducation_nav","id":"n1c3c1c1m1r1a2","sN":1,"aN":"c3c1c1m1r1a2"}'>Microsoft in education</a> </li> <li> <a aria-label="Devices for education Education" class="c-uhff-link" href="https://www.microsoft.com/en-us/education/devices/overview" data-m='{"cN":"Footer_Education_DevicesforEducation_nav","id":"n2c3c1c1m1r1a2","sN":2,"aN":"c3c1c1m1r1a2"}'>Devices for education</a> </li> <li> <a aria-label="Microsoft Teams for Education Education" class="c-uhff-link" href="https://www.microsoft.com/en-us/education/products/teams" data-m='{"cN":"Footer_Education_MicrosoftTeamsforEducation_nav","id":"n3c3c1c1m1r1a2","sN":3,"aN":"c3c1c1m1r1a2"}'>Microsoft Teams for Education</a> </li> <li> <a aria-label="Microsoft 365 Education Education" class="c-uhff-link" href="https://www.microsoft.com/en-us/education/products/microsoft-365" data-m='{"cN":"Footer_Education_Microsoft365Education_nav","id":"n4c3c1c1m1r1a2","sN":4,"aN":"c3c1c1m1r1a2"}'>Microsoft 365 Education</a> </li> <li> <a aria-label="How to buy for your school Education" class="c-uhff-link" href="https://www.microsoft.com/education/how-to-buy" data-m='{"cN":"Footer_Howtobuyforyourschool_nav","id":"n5c3c1c1m1r1a2","sN":5,"aN":"c3c1c1m1r1a2"}'>How to buy for your school</a> </li> <li> <a aria-label="Educator training and development Education" class="c-uhff-link" href="https://education.microsoft.com/" data-m='{"cN":"Footer_Education_EducatorTrainingDevelopment_nav","id":"n6c3c1c1m1r1a2","sN":6,"aN":"c3c1c1m1r1a2"}'>Educator training and development</a> </li> <li> <a aria-label="Deals for students and parents Education" class="c-uhff-link" href="https://www.microsoft.com/en-us/store/b/education" data-m='{"cN":"Footer_Education_DealsForStudentsandParents_nav","id":"n7c3c1c1m1r1a2","sN":7,"aN":"c3c1c1m1r1a2"}'>Deals for students and parents</a> </li> <li> <a aria-label="Azure for students Education" class="c-uhff-link" href="https://azure.microsoft.com/en-us/free/students/" data-m='{"cN":"Footer_Education_Azureforstudents_nav","id":"n8c3c1c1m1r1a2","sN":8,"aN":"c3c1c1m1r1a2"}'>Azure for students</a> </li> </ul> </div> </div> <div class="c-uhff-nav-row"> <div class="c-uhff-nav-group" data-m='{"cN":"footerNavColumn4_cont","cT":"Container","id":"c4c1c1m1r1a2","sN":4,"aN":"c1c1m1r1a2"}'> <div class="c-heading-4" role="heading" aria-level="2">Business</div> <ul class="c-list f-bare"> <li> <a aria-label="Microsoft Cloud Business" class="c-uhff-link" href="https://www.microsoft.com/en-us/microsoft-cloud" data-m='{"cN":"Footer_Business_Microsoft_Cloud_nav","id":"n1c4c1c1m1r1a2","sN":1,"aN":"c4c1c1m1r1a2"}'>Microsoft Cloud</a> </li> <li> <a aria-label="Microsoft Security Business" class="c-uhff-link" href="https://www.microsoft.com/en-us/security" data-m='{"cN":"Footer_Business_Microsoft Security_nav","id":"n2c4c1c1m1r1a2","sN":2,"aN":"c4c1c1m1r1a2"}'>Microsoft Security</a> </li> <li> <a aria-label="Dynamics 365 Business" class="c-uhff-link" href="https://www.microsoft.com/en-us/dynamics-365" data-m='{"cN":"Footer_Business_MicrosoftDynamics365_nav","id":"n3c4c1c1m1r1a2","sN":3,"aN":"c4c1c1m1r1a2"}'>Dynamics 365</a> </li> <li> <a aria-label="Microsoft 365 Business" class="c-uhff-link" href="https://www.microsoft.com/en-us/microsoft-365/business" data-m='{"cN":"Footer_Business_M365_nav","id":"n4c4c1c1m1r1a2","sN":4,"aN":"c4c1c1m1r1a2"}'>Microsoft 365</a> </li> <li> <a aria-label="Microsoft Power Platform Business" class="c-uhff-link" href="https://www.microsoft.com/en-us/power-platform" data-m='{"cN":"Footer_DeveloperAndIT_Power Platform_nav","id":"n5c4c1c1m1r1a2","sN":5,"aN":"c4c1c1m1r1a2"}'>Microsoft Power Platform</a> </li> <li> <a aria-label="Microsoft Teams Business" class="c-uhff-link" href="https://www.microsoft.com/en-us/microsoft-teams/group-chat-software" data-m='{"cN":"Footer_Business_Microsoft365_nav","id":"n6c4c1c1m1r1a2","sN":6,"aN":"c4c1c1m1r1a2"}'>Microsoft Teams</a> </li> <li> <a aria-label="Microsoft 365 Copilot Business" class="c-uhff-link" href="https://www.microsoft.com/en-us/microsoft-365/copilot/copilot-for-work" data-m='{"cN":"Footer_CopilotMicrosoft365_nav","id":"n7c4c1c1m1r1a2","sN":7,"aN":"c4c1c1m1r1a2"}'>Microsoft 365 Copilot</a> </li> <li> <a aria-label="Small Business Business" class="c-uhff-link" href="https://www.microsoft.com/en-us/store/b/business?icid=CNavBusinessStore" data-m='{"cN":"Footer_Business-SmallBusiness_nav","id":"n8c4c1c1m1r1a2","sN":8,"aN":"c4c1c1m1r1a2"}'>Small Business</a> </li> </ul> </div> <div class="c-uhff-nav-group" data-m='{"cN":"footerNavColumn5_cont","cT":"Container","id":"c5c1c1m1r1a2","sN":5,"aN":"c1c1m1r1a2"}'> <div class="c-heading-4" role="heading" aria-level="2">Developer & IT</div> <ul class="c-list f-bare"> <li> <a aria-label="Azure Developer & IT" class="c-uhff-link" href="https://azure.microsoft.com/en-us/" data-m='{"cN":"Footer_DeveloperAndIT_MicrosoftAzure_nav","id":"n1c5c1c1m1r1a2","sN":1,"aN":"c5c1c1m1r1a2"}'>Azure</a> </li> <li> <a aria-label="Developer Center Developer & IT" class="c-uhff-link" href="https://developer.microsoft.com/en-us/" data-m='{"cN":"Footer_DeveloperAndIT_DeveloperCenter_nav","id":"n2c5c1c1m1r1a2","sN":2,"aN":"c5c1c1m1r1a2"}'>Developer Center</a> </li> <li> <a aria-label="Documentation Developer & IT" class="c-uhff-link" href="https://learn.microsoft.com/docs/" data-m='{"cN":"Footer_DeveloperAndIT_Documentation_nav","id":"n3c5c1c1m1r1a2","sN":3,"aN":"c5c1c1m1r1a2"}'>Documentation</a> </li> <li> <a aria-label="Microsoft Learn Developer & IT" class="c-uhff-link" href="https://learn.microsoft.com/" data-m='{"cN":"Footer_DeveloperAndIT_MicrosoftLearn_nav","id":"n4c5c1c1m1r1a2","sN":4,"aN":"c5c1c1m1r1a2"}'>Microsoft Learn</a> </li> <li> <a aria-label="Microsoft Tech Community Developer & IT" class="c-uhff-link" href="https://techcommunity.microsoft.com/" data-m='{"cN":"Footer_DeveloperAndIT_MicrosoftTechCommunity_nav","id":"n5c5c1c1m1r1a2","sN":5,"aN":"c5c1c1m1r1a2"}'>Microsoft Tech Community</a> </li> <li> <a aria-label="Azure Marketplace Developer & IT" class="c-uhff-link" href="https://azuremarketplace.microsoft.com/en-us/" data-m='{"cN":"Footer_DeveloperAndIT_AzureMarketplace_nav","id":"n6c5c1c1m1r1a2","sN":6,"aN":"c5c1c1m1r1a2"}'>Azure Marketplace</a> </li> <li> <a aria-label="AppSource Developer & IT" class="c-uhff-link" href="https://appsource.microsoft.com/en-us/" data-m='{"cN":"Footer_DeveloperAndIT_AppSource_nav","id":"n7c5c1c1m1r1a2","sN":7,"aN":"c5c1c1m1r1a2"}'>AppSource</a> </li> <li> <a aria-label="Visual Studio Developer & IT" class="c-uhff-link" href="https://visualstudio.microsoft.com/" data-m='{"cN":"Footer_DeveloperAndIT_MicrosoftVisualStudio_nav","id":"n8c5c1c1m1r1a2","sN":8,"aN":"c5c1c1m1r1a2"}'>Visual Studio</a> </li> </ul> </div> <div class="c-uhff-nav-group" data-m='{"cN":"footerNavColumn6_cont","cT":"Container","id":"c6c1c1m1r1a2","sN":6,"aN":"c1c1m1r1a2"}'> <div class="c-heading-4" role="heading" aria-level="2">Company</div> <ul class="c-list f-bare"> <li> <a aria-label="Careers Company" class="c-uhff-link" href="https://careers.microsoft.com/" data-m='{"cN":"Footer_Company_Careers_nav","id":"n1c6c1c1m1r1a2","sN":1,"aN":"c6c1c1m1r1a2"}'>Careers</a> </li> <li> <a aria-label="About Microsoft Company" class="c-uhff-link" href="https://www.microsoft.com/about" data-m='{"cN":"Footer_Company_AboutMicrosoft_nav","id":"n2c6c1c1m1r1a2","sN":2,"aN":"c6c1c1m1r1a2"}'>About Microsoft</a> </li> <li> <a aria-label="Company news Company" class="c-uhff-link" href="https://news.microsoft.com/" data-m='{"cN":"Footer_Company_CompanyNews_nav","id":"n3c6c1c1m1r1a2","sN":3,"aN":"c6c1c1m1r1a2"}'>Company news</a> </li> <li> <a aria-label="Privacy at Microsoft Company" class="c-uhff-link" href="https://privacy.microsoft.com/en-us" data-m='{"cN":"Footer_Company_PrivacyAtMicrosoft_nav","id":"n4c6c1c1m1r1a2","sN":4,"aN":"c6c1c1m1r1a2"}'>Privacy at Microsoft</a> </li> <li> <a aria-label="Investors Company" class="c-uhff-link" href="https://www.microsoft.com/investor/default.aspx" data-m='{"cN":"Footer_Company_Investors_nav","id":"n5c6c1c1m1r1a2","sN":5,"aN":"c6c1c1m1r1a2"}'>Investors</a> </li> <li> <a aria-label="Diversity and inclusion Company" class="c-uhff-link" href="https://www.microsoft.com/en-us/diversity/" data-m='{"cN":"Footer_Company_DiversityAndInclusion_nav","id":"n6c6c1c1m1r1a2","sN":6,"aN":"c6c1c1m1r1a2"}'>Diversity and inclusion</a> </li> <li> <a aria-label="Accessibility Company" class="c-uhff-link" href="https://www.microsoft.com/en-us/accessibility" data-m='{"cN":"Footer_Company_Accessibility_nav","id":"n7c6c1c1m1r1a2","sN":7,"aN":"c6c1c1m1r1a2"}'>Accessibility</a> </li> <li> <a aria-label="Sustainability Company" class="c-uhff-link" href="https://www.microsoft.com/en-us/sustainability/" data-m='{"cN":"Footer_Company_Sustainability_nav","id":"n8c6c1c1m1r1a2","sN":8,"aN":"c6c1c1m1r1a2"}'>Sustainability</a> </li> </ul> </div> </div> </nav> <div class="c-uhff-base"> <a id="locale-picker-link" aria-label="Content Language Selector. Currently set to English (United States)" class="c-uhff-link c-uhff-lang-selector c-glyph glyph-world" href="https://www.microsoft.com/en-us/locale.aspx" data-m='{"cN":"locale_picker(US)_nav","id":"n7c1c1m1r1a2","sN":7,"aN":"c1c1m1r1a2"}'>English (United States)</a> <a data-m='{"id":"n8c1c1m1r1a2","sN":8,"aN":"c1c1m1r1a2"}' href="https://aka.ms/yourcaliforniaprivacychoices" class='c-uhff-link c-uhff-ccpa'> <svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 14" xml:space="preserve" height="16" width="43"> <title>Your Privacy Choices Opt-Out Icon</title> <path d="M7.4 12.8h6.8l3.1-11.6H7.4C4.2 1.2 1.6 3.8 1.6 7s2.6 5.8 5.8 5.8z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#fff"/> <path d="M22.6 0H7.4c-3.9 0-7 3.1-7 7s3.1 7 7 7h15.2c3.9 0 7-3.1 7-7s-3.2-7-7-7zm-21 7c0-3.2 2.6-5.8 5.8-5.8h9.9l-3.1 11.6H7.4c-3.2 0-5.8-2.6-5.8-5.8z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#06f"/> <path d="M24.6 4c.2.2.2.6 0 .8L22.5 7l2.2 2.2c.2.2.2.6 0 .8-.2.2-.6.2-.8 0l-2.2-2.2-2.2 2.2c-.2.2-.6.2-.8 0-.2-.2-.2-.6 0-.8L20.8 7l-2.2-2.2c-.2-.2-.2-.6 0-.8.2-.2.6-.2.8 0l2.2 2.2L23.8 4c.2-.2.6-.2.8 0z" style="fill:#fff"/> <path d="M12.7 4.1c.2.2.3.6.1.8L8.6 9.8c-.1.1-.2.2-.3.2-.2.1-.5.1-.7-.1L5.4 7.7c-.2-.2-.2-.6 0-.8.2-.2.6-.2.8 0L8 8.6l3.8-4.5c.2-.2.6-.2.9 0z" style="fill:#06f"/> </svg> <span>Your Privacy Choices</span> </a> <noscript> <a data-m='{"id":"n9c1c1m1r1a2","sN":9,"aN":"c1c1m1r1a2"}' href="https://aka.ms/yourcaliforniaprivacychoices" class='c-uhff-link c-uhff-ccpa'> <svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 14" xml:space="preserve" height="16" width="43"> <title>Your Privacy Choices Opt-Out Icon</title> <path d="M7.4 12.8h6.8l3.1-11.6H7.4C4.2 1.2 1.6 3.8 1.6 7s2.6 5.8 5.8 5.8z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#fff"/> <path d="M22.6 0H7.4c-3.9 0-7 3.1-7 7s3.1 7 7 7h15.2c3.9 0 7-3.1 7-7s-3.2-7-7-7zm-21 7c0-3.2 2.6-5.8 5.8-5.8h9.9l-3.1 11.6H7.4c-3.2 0-5.8-2.6-5.8-5.8z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#06f"/> <path d="M24.6 4c.2.2.2.6 0 .8L22.5 7l2.2 2.2c.2.2.2.6 0 .8-.2.2-.6.2-.8 0l-2.2-2.2-2.2 2.2c-.2.2-.6.2-.8 0-.2-.2-.2-.6 0-.8L20.8 7l-2.2-2.2c-.2-.2-.2-.6 0-.8.2-.2.6-.2.8 0l2.2 2.2L23.8 4c.2-.2.6-.2.8 0z" style="fill:#fff"/> <path d="M12.7 4.1c.2.2.3.6.1.8L8.6 9.8c-.1.1-.2.2-.3.2-.2.1-.5.1-.7-.1L5.4 7.7c-.2-.2-.2-.6 0-.8.2-.2.6-.2.8 0L8 8.6l3.8-4.5c.2-.2.6-.2.9 0z" style="fill:#06f"/> </svg> <span>Your Privacy Choices</span> </a> </noscript> <a data-m='{"id":"n10c1c1m1r1a2","sN":10,"aN":"c1c1m1r1a2"}' href="https://go.microsoft.com/fwlink/?linkid=2259814" class="c-uhff-link c-uhff-consumer"> <span>Consumer Health Privacy</span> </a> <nav aria-label="Microsoft corporate links"> <ul class="c-list f-bare" data-m='{"cN":"Corp links_cont","cT":"Container","id":"c11c1c1m1r1a2","sN":11,"aN":"c1c1m1r1a2"}'> <li id="c-uhff-footer_sitemap"> <a class="c-uhff-link" href="https://www.microsoft.com/en-us/sitemap1.aspx" data-mscc-ic="false" data-m='{"cN":"Footer_Sitemap_nav","id":"n1c11c1c1m1r1a2","sN":1,"aN":"c11c1c1m1r1a2"}'>Sitemap</a> </li> <li id="c-uhff-footer_contactus"> <a class="c-uhff-link" href="https://support.microsoft.com/contactus" data-mscc-ic="false" data-m='{"cN":"Footer_ContactUs_nav","id":"n2c11c1c1m1r1a2","sN":2,"aN":"c11c1c1m1r1a2"}'>Contact Microsoft</a> </li> <li id="c-uhff-footer_privacyandcookies"> <a class="c-uhff-link" href="https://go.microsoft.com/fwlink/?LinkId=521839" data-mscc-ic="false" data-m='{"cN":"Footer_PrivacyandCookies_nav","id":"n3c11c1c1m1r1a2","sN":3,"aN":"c11c1c1m1r1a2"}'>Privacy </a> </li> <li class=" x-hidden" id="c-uhff-footer_managecookies"> <a class="c-uhff-link" href="#" data-mscc-ic="false" data-m='{"cN":"Footer_ManageCookies_nav","id":"n4c11c1c1m1r1a2","sN":4,"aN":"c11c1c1m1r1a2"}'>Manage cookies</a> </li> <li id="c-uhff-footer_termsofuse"> <a class="c-uhff-link" href="https://go.microsoft.com/fwlink/?LinkID=206977" data-mscc-ic="false" data-m='{"cN":"Footer_TermsOfUse_nav","id":"n5c11c1c1m1r1a2","sN":5,"aN":"c11c1c1m1r1a2"}'>Terms of use</a> </li> <li id="c-uhff-footer_trademarks"> <a class="c-uhff-link" href="https://go.microsoft.com/fwlink/?linkid=2196228" data-mscc-ic="false" data-m='{"cN":"Footer_Trademarks_nav","id":"n6c11c1c1m1r1a2","sN":6,"aN":"c11c1c1m1r1a2"}'>Trademarks</a> </li> <li id="c-uhff-footer_safetyandeco"> <a class="c-uhff-link" href="https://go.microsoft.com/fwlink/?linkid=2196227" data-mscc-ic="false" data-m='{"cN":"Footer_SafetyAndEco_nav","id":"n7c11c1c1m1r1a2","sN":7,"aN":"c11c1c1m1r1a2"}'>Safety & eco</a> </li> <li id="c-uhff-recycling"> <a class="c-uhff-link" href="https://www.microsoft.com/en-us/legal/compliance/recycling" data-mscc-ic="false" data-m='{"cN":"Recycling_nav","id":"n8c11c1c1m1r1a2","sN":8,"aN":"c11c1c1m1r1a2"}'>Recycling</a> </li> <li id="c-uhff-footer_aboutourads"> <a class="c-uhff-link" href="https://choice.microsoft.com" data-mscc-ic="false" data-m='{"cN":"Footer_AboutourAds_nav","id":"n9c11c1c1m1r1a2","sN":9,"aN":"c11c1c1m1r1a2"}'>About our ads</a> </li> <li>© Microsoft 2024</li> </ul> </nav> </div> </footer> <script id="uhf-footer-ccpa"> const globalPrivacyControlEnabled = navigator.globalPrivacyControl; const GPC_DataSharingOptIn = (globalPrivacyControlEnabled) ? false : checkThirdPartyAdsOptOutCookie(); function checkThirdPartyAdsOptOutCookie() { try { const ThirdPartyAdsOptOutCookieName = '3PAdsOptOut'; var cookieValue = getCookie(ThirdPartyAdsOptOutCookieName); return cookieValue != 1; } catch { return true; } } function getCookie(cookieName) { var cookieValue = document.cookie.match('(^|;)\\s*' + cookieName + '\\s*=\\s*([^;]+)'); return (cookieValue) ? cookieValue[2] : ''; } </script> </div> </div> </div> <script> function onConsentChanged( categoryPreferences ) { Metrics_3P_Scripts(); // If any categories are disabled, clear all cookies if ( ! siteConsent.getConsentFor( WcpConsent.consentCategories.Analytics ) ) { Metrics_Clear_Cookies( 'Analytics' ); } if ( ! siteConsent.getConsentFor( WcpConsent.consentCategories.Advertising ) ) { Metrics_Clear_Cookies( 'Advertising' ); } if ( ! siteConsent.getConsentFor( WcpConsent.consentCategories.SocialMedia ) ) { Metrics_Clear_Cookies( 'SocialMedia' ); } } function Metrics_Clear_Cookies( category ) { var all_cookies = document.cookie.split(";"); // array of cookie names to clear const cookie_names = [ '_clck', '_clsk', '_fbp', '_uetvid', 'mbox', 'AnalyticsSyncHistory', 'bcookie', 'bscookie', 'li_sugr', 'lidc', 'li_gc', 'UserMatchHistory', ]; for ( var i = 0; i < all_cookies.length; i++ ) { var cookie_name = all_cookies[i].split("=")[0].trim(); if ( cookie_names.includes( cookie_name ) ) { document.cookie = cookie_name + '=;expires=Thu, 01 Jan 1970 00:00:01 GMT;'; } } } function Metrics_3P_Scripts(){ // if GPC_DataSharingOptIn is set and true set Metrics_3POptIn var Metrics_3P_OptIn = false; if ( typeof GPC_DataSharingOptIn !== 'undefined' && GPC_DataSharingOptIn ) { Metrics_3P_OptIn = true; } else { Metrics_3P_OptIn = false; Metrics_Clear_Cookies(); } if ( siteConsent.getConsentFor( WcpConsent.consentCategories.Analytics ) && Metrics_3P_OptIn ) { if ( siteConsent.getConsentFor( WcpConsent.consentCategories.Advertising ) ) { if ( siteConsent.getConsentFor( WcpConsent.consentCategories.SocialMedia ) ) { } } if ( siteConsent.getConsentFor( WcpConsent.consentCategories.SocialMedia ) ) { } } if ( siteConsent.getConsentFor( WcpConsent.consentCategories.Advertising ) && Metrics_3P_OptIn ) { if ( siteConsent.getConsentFor( WcpConsent.consentCategories.SocialMedia ) ) { } } if ( siteConsent.getConsentFor( WcpConsent.consentCategories.SocialMedia ) && Metrics_3P_OptIn ) { } } window.WcpConsent && WcpConsent.init( "en-US", "ms-cookie-banner", function (err, _siteConsent) { if ( ! err ) { siteConsent = _siteConsent; //siteConsent is used to get the current consent var consentRequiredElementExists = document.getElementById( "c-uhff-footer_managecookies" ) && siteConsent.isConsentRequired; if ( consentRequiredElementExists ) { document.getElementById( "c-uhff-footer_managecookies" ).classList.remove("x-hidden"); document.getElementById( "c-uhff-footer_managecookies" ).onclick = function() { siteConsent.manageConsent(); }; } Metrics_3P_Scripts(); } else { console.log( "Error initializing WcpConsent: " + err ); } }, onConsentChanged ); </script> <script type="text/javascript" src="https://www.microsoft.com/en-us/haxtoolkit/wp-content/plugins/moray-blocks/dist/js/shared.js?ver=0.1.4" id="moray_blocks_shared_script-js"></script> <script type="text/javascript" src="https://www.microsoft.com/en-us/haxtoolkit/wp-content/plugins/moray-blocks/dist/js/frontend.js?ver=0.1.4" id="moray_blocks_frontend_script-js"></script> <script type="text/javascript" src="https://www.microsoft.com/en-us/haxtoolkit/wp-content/themes/toolkit/dist/js/frontend.js" id="frontend-js"></script> <script type="text/javascript" src="https://www.microsoft.com/en-us/haxtoolkit/wp-includes/js/dist/hooks.min.js?ver=2810c76e705dd1a53b18" id="wp-hooks-js"></script> <script type="text/javascript" src="https://www.microsoft.com/en-us/haxtoolkit/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script> <script type="text/javascript" id="wp-i18n-js-after"> /* <![CDATA[ */ wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); /* ]]> */ </script> <script type="text/javascript" id="elasticpress-autosuggest-js-extra"> /* <![CDATA[ */ var epas = {"query":"{\"from\":0,\"size\":12,\"post_filter\":{\"bool\":{\"must\":[{\"terms\":{\"post_type.raw\":[\"post\",\"page\",\"guideline\",\"example\",\"pattern\"]}},{\"term\":{\"post_status\":\"publish\"}},{\"bool\":{\"must_not\":[{\"terms\":{\"meta.ep_exclude_from_search.raw\":[\"1\"]}}]}}],\"must_not\":[{\"exists\":{\"field\":\"post_password\"}}]}},\"query\":{\"function_score\":{\"query\":{\"bool\":{\"should\":[{\"bool\":{\"must\":[{\"bool\":{\"should\":[{\"multi_match\":{\"query\":\"ep_autosuggest_placeholder\",\"type\":\"phrase\",\"fields\":[\"post_title^1\",\"post_excerpt^1\",\"post_content^1\",\"post_author.display_name^1\",\"terms.post_tag.name^1\",\"terms.category.name^1\",\"terms.ep_custom_result.name^9999\"],\"boost\":3}},{\"multi_match\":{\"query\":\"ep_autosuggest_placeholder\",\"fields\":[\"post_title^1\",\"post_excerpt^1\",\"post_content^1\",\"post_author.display_name^1\",\"terms.post_tag.name^1\",\"terms.category.name^1\",\"post_title.suggest^1\",\"term_suggest^1\"],\"operator\":\"and\",\"boost\":1,\"fuzziness\":\"auto\"}},{\"multi_match\":{\"query\":\"ep_autosuggest_placeholder\",\"type\":\"cross_fields\",\"fields\":[\"post_title^1\",\"post_excerpt^1\",\"post_content^1\",\"post_author.display_name^1\",\"terms.post_tag.name^1\",\"terms.category.name^1\",\"terms.ep_custom_result.name^1\"],\"boost\":1,\"analyzer\":\"standard\",\"tie_breaker\":0.5,\"operator\":\"and\"}}]}}],\"filter\":[{\"match\":{\"post_type.raw\":\"post\"}}]}},{\"bool\":{\"must\":[{\"bool\":{\"should\":[{\"multi_match\":{\"query\":\"ep_autosuggest_placeholder\",\"type\":\"phrase\",\"fields\":[\"post_title^1\",\"post_excerpt^1\",\"post_content^1\",\"post_author.display_name^1\",\"terms.ep_custom_result.name^9999\"],\"boost\":3}},{\"multi_match\":{\"query\":\"ep_autosuggest_placeholder\",\"fields\":[\"post_title^1\",\"post_excerpt^1\",\"post_content^1\",\"post_author.display_name^1\",\"post_title.suggest^1\"],\"operator\":\"and\",\"boost\":1,\"fuzziness\":\"auto\"}},{\"multi_match\":{\"query\":\"ep_autosuggest_placeholder\",\"type\":\"cross_fields\",\"fields\":[\"post_title^1\",\"post_excerpt^1\",\"post_content^1\",\"post_author.display_name^1\",\"terms.ep_custom_result.name^1\"],\"boost\":1,\"analyzer\":\"standard\",\"tie_breaker\":0.5,\"operator\":\"and\"}}]}}],\"filter\":[{\"match\":{\"post_type.raw\":\"page\"}}]}},{\"bool\":{\"must\":[{\"bool\":{\"should\":[{\"multi_match\":{\"query\":\"ep_autosuggest_placeholder\",\"type\":\"phrase\",\"fields\":[\"post_title^1\",\"post_excerpt^1\",\"post_content^1\",\"post_author.display_name^1\",\"terms.ep_custom_result.name^9999\"],\"boost\":3}},{\"multi_match\":{\"query\":\"ep_autosuggest_placeholder\",\"fields\":[\"post_title^1\",\"post_excerpt^1\",\"post_content^1\",\"post_author.display_name^1\",\"post_title.suggest^1\"],\"operator\":\"and\",\"boost\":1,\"fuzziness\":\"auto\"}},{\"multi_match\":{\"query\":\"ep_autosuggest_placeholder\",\"type\":\"cross_fields\",\"fields\":[\"post_title^1\",\"post_excerpt^1\",\"post_content^1\",\"post_author.display_name^1\",\"terms.ep_custom_result.name^1\"],\"boost\":1,\"analyzer\":\"standard\",\"tie_breaker\":0.5,\"operator\":\"and\"}}]}}],\"filter\":[{\"match\":{\"post_type.raw\":\"guideline\"}}]}},{\"bool\":{\"must\":[{\"bool\":{\"should\":[{\"multi_match\":{\"query\":\"ep_autosuggest_placeholder\",\"type\":\"phrase\",\"fields\":[\"post_title^1\",\"post_excerpt^1\",\"post_content^1\",\"post_author.display_name^1\",\"terms.ep_custom_result.name^9999\"],\"boost\":3}},{\"multi_match\":{\"query\":\"ep_autosuggest_placeholder\",\"fields\":[\"post_title^1\",\"post_excerpt^1\",\"post_content^1\",\"post_author.display_name^1\",\"post_title.suggest^1\"],\"operator\":\"and\",\"boost\":1,\"fuzziness\":\"auto\"}},{\"multi_match\":{\"query\":\"ep_autosuggest_placeholder\",\"type\":\"cross_fields\",\"fields\":[\"post_title^1\",\"post_excerpt^1\",\"post_content^1\",\"post_author.display_name^1\",\"terms.ep_custom_result.name^1\"],\"boost\":1,\"analyzer\":\"standard\",\"tie_breaker\":0.5,\"operator\":\"and\"}}]}}],\"filter\":[{\"match\":{\"post_type.raw\":\"example\"}}]}},{\"bool\":{\"must\":[{\"bool\":{\"should\":[{\"multi_match\":{\"query\":\"ep_autosuggest_placeholder\",\"type\":\"phrase\",\"fields\":[\"post_title^1\",\"post_excerpt^1\",\"post_content^1\",\"post_author.display_name^1\",\"terms.ep_custom_result.name^9999\"],\"boost\":3}},{\"multi_match\":{\"query\":\"ep_autosuggest_placeholder\",\"fields\":[\"post_title^1\",\"post_excerpt^1\",\"post_content^1\",\"post_author.display_name^1\",\"post_title.suggest^1\"],\"operator\":\"and\",\"boost\":1,\"fuzziness\":\"auto\"}},{\"multi_match\":{\"query\":\"ep_autosuggest_placeholder\",\"type\":\"cross_fields\",\"fields\":[\"post_title^1\",\"post_excerpt^1\",\"post_content^1\",\"post_author.display_name^1\",\"terms.ep_custom_result.name^1\"],\"boost\":1,\"analyzer\":\"standard\",\"tie_breaker\":0.5,\"operator\":\"and\"}}]}}],\"filter\":[{\"match\":{\"post_type.raw\":\"pattern\"}}]}}]}},\"functions\":[{\"exp\":{\"post_date_gmt\":{\"scale\":\"14d\",\"decay\":0.25,\"offset\":\"7d\"}}},{\"weight\":0.001}],\"score_mode\":\"sum\",\"boost_mode\":\"multiply\"}},\"sort\":[{\"_score\":{\"order\":\"desc\"}}]}","placeholder":"ep_autosuggest_placeholder","endpointUrl":"https:\/\/haxtoolkit.clients.hosted-elasticpress.io\/haxtoolkit-microsoftcomenushaxtoolkit-post-1\/_search","selector":"ep-autosuggest","defaultSelectors":".ep-autosuggest, input[type=\"search\"], .search-field","action":"navigate","mimeTypes":[],"http_headers":[],"triggerAnalytics":"","addSearchTermHeader":"1","requestIdBase":"haxtoolkit"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.microsoft.com/en-us/haxtoolkit/wp-content/plugins/elasticpress/dist/js/autosuggest-script.js?ver=211f844e1c27f800664b" id="elasticpress-autosuggest-js"></script> <script type="text/javascript" id="1DS-init-script-js-after"> /* <![CDATA[ */  // 1DS initialization const analytics = new oneDS.ApplicationInsights(); var config = { instrumentationKey: "d98078848a60491b9e92bc1a95973012-e7ba873d-251a-42cf-8fc4-b5f00106daf8-7139", propertyConfiguration: { gpcDataSharingOptIn: ( typeof GPC_DataSharingOptIn !== "undefined" ) ? GPC_DataSharingOptIn : true, callback: { userConsentDetails: ( typeof siteConsent !== "undefined" ) ? siteConsent.getConsent : WcpConsent.siteConsent }, }, webAnalyticsConfiguration:{ coreData: {"pageName":"HAX Design Library","pageType":"Page"}, urlCollectQuery: true, urlCollectHash: true, autoCapture: { scroll: true, pageView: true, onLoad: true, onUnload: true, click: true, scroll: true, resize: true, jsError: true } } }; // Initialize OneDS SDK analytics.initialize( config, [] ); /* ]]> */ </script> <script type="text/javascript" id="microsoft-uhf-js-extra"> /* <![CDATA[ */ var microsoftUhfSettings = {"homePath":"\/en-us\/haxtoolkit\/","loginUrl":"","logoutUrl":"","scripts":[],"inline":[]}; /* ]]> */ </script> <script type="text/javascript" src="https://www.microsoft.com/en-us/haxtoolkit/wp-content/plugins/microsoft-uhf/assets/microsoft-uhf.js?ver=0.6.1" id="microsoft-uhf-js"></script> </body> </html>

CINXE.COM

HAX Design Library - Microsoft HAX Toolkit