{"id":29625,"date":"2024-01-17T16:04:36","date_gmt":"2024-01-17T16:04:36","guid":{"rendered":"https:\/\/www.intercom.com\/blog\/?p=29625"},"modified":"2025-01-03T13:27:56","modified_gmt":"2025-01-03T13:27:56","slug":"design-ux-machine-learning-ai","status":"publish","type":"post","link":"https:\/\/www.intercom.com\/blog\/design-ux-machine-learning-ai\/","title":{"rendered":"A new age of UX: Evolving your design approach for AI products"},"content":{"rendered":"<p>Before ChatGPT rolled onto the scene a year ago, artificial intelligence (AI) and machine learning (ML) were the mysterious tools of experts and data scientists \u2013 teams with a lot of niche experience and specialized domain knowledge. Now, things are different.<\/p>\n<p>You\u2019re probably reading this because your company has decided to use OpenAI&#8217;s GPT or another LLM (large language model) to build generative AI features into your product. If that\u2019s the case, you might be feeling excited (\u201cIt\u2019s so easy to make a great new feature!\u201d) or overwhelmed (\u201cWhy do I get different outputs every time and how do I make it do what I want?\u201d<i>) <\/i>Or maybe you&#8217;re feeling both!<\/p>\n<p>Working with AI might be a new challenge but it doesn\u2019t need to be intimidating. This post distills my experience from years spent designing for \u201ctraditional\u201d ML approaches into a simple set of questions to help you move forward with confidence as you start designing for AI.<\/p>\n<h2 id=\"a-different-kind-of-ux-design\">A different kind of UX design<\/h2>\n<p>First, some background on how AI UX design is different from what you\u2019re used to doing. (Note: I\u2019ll be using AI and ML interchangeably in this post.) You might be familiar with <a href=\"http:\/\/www.jjg.net\/elements\/pdf\/elements.pdf\">Jesse James Garrett\u2019s 5-layer model of UX design<\/a>.<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-29636 size-full\" src=\"https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2024\/01\/Designing-for-machine-learning-inline-image.jpg\" alt=\"Designing for machine learning inline image\" width=\"1200\" height=\"766\" srcset=\"https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2024\/01\/Designing-for-machine-learning-inline-image.jpg 1200w, https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2024\/01\/Designing-for-machine-learning-inline-image-300x192.jpg 300w, https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2024\/01\/Designing-for-machine-learning-inline-image-700x447.jpg 700w, https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2024\/01\/Designing-for-machine-learning-inline-image-768x490.jpg 768w, https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2024\/01\/Designing-for-machine-learning-inline-image-600x383.jpg 600w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><br \/>\n<i>Jesse James Garrett\u2019s Elements of User Experience diagram<\/i><\/p>\n<p>Garrett&#8217;s model works well for deterministic systems, but doesn\u2019t capture the additional elements of machine learning projects which will affect the UX considerations downstream. Working with ML means adding a number of additional layers into the model, in and around the strategy layer. Now, in addition to what you\u2019re used to designing, you also need a deeper understanding of:<\/p>\n<ul>\n<li>How the system is built.<\/li>\n<li>What data is available to your feature, what it includes, how good and reliable it is.<\/li>\n<li>The ML models you\u2019ll use, as well as their strengths and weaknesses.<\/li>\n<li>The outputs your feature will generate, how they will vary, and when they will fail.<\/li>\n<li>How humans might react differently to this feature than you\u2019d expect or want.<\/li>\n<\/ul>\n<p>Instead of asking yourself \u201cHow might we do this?\u201d in response to a known, scoped problem, you might find yourself asking, \u201cCan we do this?\u201d<\/p>\n<p>Especially if you\u2019re using LLMs, you&#8217;ll likely be working backwards from a technology that unlocks entirely new capabilities, and you have to determine whether they\u2019re appropriate for solving problems you know about, or even problems you\u2019ve never considered solvable before. You might need to think at a higher level than usual \u2013 rather than displaying units of information, you might want to synthesize large amounts of information and present trends, patterns, and predictions instead.<\/p>\n<blockquote class=\"pullquote-style-two\"><p>\u201cYou\u2019re designing a probabilistic system that is dynamic and that reacts to inputs in real time\u201d<\/p><\/blockquote>\n<p>Most importantly, instead of designing a deterministic system that does what you tell it to do, you\u2019re designing a probabilistic system that is dynamic and that reacts to inputs in real time \u2013 with outcomes and behaviors that will be unexpected or unexplainable at times, and where weighing tradeoffs might be a murky exercise. This is where my set of five key questions comes into play \u2013 not to provide you with answers, but to help you take the next step in the face of uncertainty. Let\u2019s dive in.<\/p>\n<h2 id=\"1-how-will-you-ensure-good-data\">1. How will you ensure good data?<\/h2>\n<p>Data scientists love to say \u201cGarbage in, garbage out.\u201d If you start with bad data, there is generally no way you will end up with a good AI feature.<\/p>\n<p>For instance, if you are building a chatbot that generates answers based on a collection of information sources, like articles in an online help center, low-quality articles will ensure a low-quality chatbot.<\/p>\n<p>When the team at Intercom launched <a href=\"https:\/\/www.intercom.com\/blog\/fin\">Fin<\/a> in early 2023, we realized that many of our customers didn\u2019t have an accurate sense of the quality of their help content until they started using Fin and discovered what information was or wasn\u2019t present or clear in their content. The desire for a useful AI feature can be an excellent forcing function for teams to improve the quality of their data.<\/p>\n<p>So, what is good data? Good data is:<\/p>\n<ul>\n<li><strong>Accurate:<\/strong> The data correctly represents reality. That is, if I\u2019m 1.7m tall, that\u2019s what it says in my health record. It doesn\u2019t say I\u2019m 1.9m tall.<\/li>\n<li><strong>Complete:<\/strong> Data includes the required values. If we need height measurement to make a prediction, that value is present in all patients\u2019 health records.<\/li>\n<li><strong>Consistent:<\/strong> Data doesn\u2019t contradict other data. We don\u2019t have two fields for height, one saying 1.7m and the other saying 1.9m.<\/li>\n<li><strong>Fresh:<\/strong> Data is recent and up-to-date. Your health record shouldn\u2019t reflect your height as a 10-year-old if you\u2019re now an adult \u2013 if it has changed, the record should change to reflect it.<\/li>\n<li><strong>Unique:<\/strong> Data is not duplicated. My doctor shouldn\u2019t have two patient records for me, or they won\u2019t know which one is the right one.<\/li>\n<\/ul>\n<p>It\u2019s rare to have a ton of really high quality data, so you might have to make a quality\/quantity tradeoff when developing your AI product. You may be able to manually create a smaller (but hopefully still representative sample) of data, or filter out old, inaccurate data to create a reliable set.<\/p>\n<p>Try to start your design process with an accurate sense of how good your data is, and a plan for improving it if it\u2019s not great at the start.<\/p>\n<h2 id=\"2-how-will-you-adjust-your-design-process\">2. How will you adjust your design process?<\/h2>\n<p>As usual, it\u2019s useful to start with a low-fidelity exploration to determine your ideal user experience for the problem you\u2019re hoping to solve. You\u2019ll likely never see it in production, but this north star can help align you and your team, get them excited, and also provide a concrete starting point to investigate how feasible it actually is.<\/p>\n<blockquote class=\"pullquote-style-one\"><p>\u201cSpend some time understanding how the system works, how the data is collected and used, and whether your design captures the variance you might see in model outputs\u201d<\/p><\/blockquote>\n<p>Once you have this, it\u2019s time to design the system, data, and content outputs. Go back to your north star and ask \u201cIs what I designed actually possible? What are some variations in case X or Y doesn\u2019t work well?\u201d<\/p>\n<p>Spend some time understanding how the system works, how the data is collected and used, and whether your design captures the variance you might see in model outputs. With AI, a poor output is a poor experience. In the chatbot example, this might look like an answer that doesn\u2019t give enough detail, answers a tangential question, or doesn\u2019t clarify the question when it should.<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-29637 size-full\" src=\"https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2024\/01\/Designing-for-machine-learning-inline-image-2.png\" alt=\"Designing for machine learning inline image 2\" width=\"1200\" height=\"629\" srcset=\"https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2024\/01\/Designing-for-machine-learning-inline-image-2.png 1200w, https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2024\/01\/Designing-for-machine-learning-inline-image-2-300x157.png 300w, https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2024\/01\/Designing-for-machine-learning-inline-image-2-700x367.png 700w, https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2024\/01\/Designing-for-machine-learning-inline-image-2-768x403.png 768w, https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2024\/01\/Designing-for-machine-learning-inline-image-2-600x315.png 600w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/> <i>Two examples of how an AI chatbot&#8217;s output can be displayed<\/i><\/p>\n<p>In the illustration above, the example on the left is similar to many early outputs we saw when developing our Fin chatbot, which were accurate but not very informative or useful because they referred back to the original article instead of stating the answer inline. Design helps you arrive at the example on the right, which has a more complete answer with clear steps and formatting.<\/p>\n<p>Don\u2019t leave the contents of the output to your engineers \u2013 the experience of it should be designed. If you\u2019re working on an LLM-based product, this means you should experiment with prompt engineering and develop your own point of view on what the shape and scope of the output should be.<\/p>\n<p>You\u2019ll also need to consider how to design for a new set of potential error states, risks, and constraints:<\/p>\n<h3>Error states<\/h3>\n<ul>\n<li><strong>Cold start problem:<\/strong> Customers might have little or no data when they first use your feature. How will they get value right from the beginning?<\/li>\n<li><strong>No prediction:<\/strong> The system doesn\u2019t have an answer. What happens then?<\/li>\n<li><strong>Bad prediction:<\/strong> The system gave a poor output. Will the user know it\u2019s wrong? Can they fix it?<\/li>\n<\/ul>\n<h3><strong>Risks<\/strong><\/h3>\n<ul>\n<li><strong>False positives<\/strong>, like when the weather forecast predicts rain, but it doesn\u2019t rain. Will there be a negative outcome if this happens with your product?<\/li>\n<li><strong>False negatives<\/strong>, like when the weather forecast predicts no rain, but there\u2019s a downpour. What will the outcome be if this happens with your feature?<\/li>\n<li><strong>Real world risks<\/strong>, like when ML outputs directly influence or impact peoples\u2019 lives, livelihoods, and opportunities. Are these applicable to your product?<\/li>\n<\/ul>\n<h3>New constraints<\/h3>\n<ul>\n<li><strong>User constraints<\/strong>, like incorrect mental models about how the system works, unrealistic expectations or fears of your product, or the chance of complacency over time.<\/li>\n<li><strong>Technical constraints<\/strong>, like API or storage and compute cost, latency, uptime, data availability, data privacy, and security. These are primarily an issue for your engineers but they can also have a direct impact on the user experience, so you should understand the limitations and possibilities.<\/li>\n<\/ul>\n<h2 id=\"3-how-will-it-work-when-the-ml-fails\">3. How will it work when the ML fails?<\/h2>\n<p><i>When<\/i>, not <i>if<\/i>. If you are surprised by the ways that your AI product fails in production, you didn\u2019t do enough testing beforehand. Your team should be testing your product and outputs during the entire build process, not waiting until you\u2019re about to ship the feature to customers. Rigorous testing will give you a solid idea of how and when your product might fail, so you can build user experiences to mitigate those failures. Here are some of the ways you can effectively test your product.<\/p>\n<h3>Start with your design prototypes<\/h3>\n<p>Prototype with real data as much as possible. \u201cLorem ipsum\u201d is your enemy here \u2013 use real examples to stress test your product. For example, when developing our AI chatbot Fin, it was important to test the quality of answers given to real customer questions, using real help center articles as source material.<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-29638 size-full\" src=\"https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2024\/01\/Designing-for-ML-inline-image-3.jpg\" alt=\"Designing for ML inline image 3\" width=\"1200\" height=\"930\" srcset=\"https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2024\/01\/Designing-for-ML-inline-image-3.jpg 1200w, https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2024\/01\/Designing-for-ML-inline-image-3-300x233.jpg 300w, https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2024\/01\/Designing-for-ML-inline-image-3-700x543.jpg 700w, https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2024\/01\/Designing-for-ML-inline-image-3-768x595.jpg 768w, https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2024\/01\/Designing-for-ML-inline-image-3-600x465.jpg 600w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><br \/>\n<i>An example of how two designers might approach designing a chatbot that provides AI-generated answers<\/i><\/p>\n<p>In this comparison, we can see that the colorful example on the left is more visually appealing, but gives no details about the quality of the answer-generation experience. It has high visual fidelity but low content fidelity. The example on the right is more informative for testing and validating that the AI responses are actually good quality, because it has high content fidelity.<\/p>\n<p>Designers are often more familiar working along the range of visual fidelity. If you\u2019re designing for ML, you should aim to work along the spectrum of content fidelity until you\u2019ve fully validated that the outputs are of sufficient quality for your users.<\/p>\n<p>The colorful Fin design will not help you judge whether the chatbot can answer questions well enough that customers will pay for it. You will get better feedback by showing customers a prototype, however basic, that shows them real outputs from their actual data.<\/p>\n<h3>Test on a large scale<\/h3>\n<p>When you think you have achieved consistently good quality outputs,<b> backtest<\/b> to validate your output quality at a larger scale. This means having your engineers go back and run the algorithm against more historical data where you know or can reliably judge the quality of the output. You should be reviewing the outputs for quality and consistency \u2013 and to surface any surprises.<\/p>\n<h3>Approach your minimum viable product (MVP) as a test<\/h3>\n<p>Your MVP or beta release should help you resolve any remaining questions and find any more potential surprises. Think outside the box for your MVP \u2013 you might build it in-product, or it could just be a spreadsheet.<\/p>\n<blockquote class=\"pullquote-style-two\"><p>\u201cMake the outputs work, then build the product envelope around it\u201d<\/p><\/blockquote>\n<p>For example, if you\u2019re creating a feature that clusters groups of articles into topic areas and then defines the topics, you&#8217;ll want to ensure you\u2019ve gotten the clustering right before you build the complete UI. If your clusters are bad, you may need to approach the problem differently, or allow for different interactions to adjust the cluster sizes.<\/p>\n<p>You might want to \u201cbuild\u201d an MVP which is just a spreadsheet of the outputs and named topics, and see if your customers find value in the way you\u2019ve done it. Make the outputs work, then build the product envelope around it.<\/p>\n<h3>Run an A\/B test when you launch your MVP<\/h3>\n<p>You\u2019ll want to measure the positive or negative impact of your feature. As a designer, you probably won\u2019t be in charge of setting this up, but you should seek to understand the outcomes. Do the metrics indicate that your product is valuable? Are there any confounding factors in the UI or UX that you might need to change based on what you\u2019re seeing?<\/p>\n<blockquote class=\"pullquote-style-one\"><p>\u201cYou can use telemetry from your product\u2019s usage combined with qualitative user feedback to better understand how your users are interacting with your feature and the value they are deriving from it\u201d<\/p><\/blockquote>\n<p>On the Intercom AI team, we run A\/B tests whenever we release a new feature with a high enough volume of interactions to determine statistical significance within a few weeks. For some features, though, you just won\u2019t have the volume \u2013 in that case, you can use telemetry from your product\u2019s usage combined with qualitative user feedback to better understand how your users are interacting with your feature and the value they are deriving from it.<\/p>\n<h2 id=\"4-how-will-humans-fit-into-the-system\">4. How will humans fit into the system?<\/h2>\n<p>There are three major stages of the product usage lifecycle that you should consider when you\u2019re building an AI product:<\/p>\n<ol>\n<li><b>Setting up the feature<\/b><strong> before use<\/strong>. This might include choosing a level of autonomy that the product will operate under, curating and filtering data that will be used for predictions, and setting access controls. An example of this is the <a href=\"https:\/\/www.sae.org\/binaries\/content\/assets\/cm\/content\/blog\/sae-j3016-visual-chart_5.3.21.pdf\">SAE International autonomous vehicle automation framework<\/a>, which outlines what the vehicle can do on its own, and how much human intervention is allowed or required.<\/li>\n<li><b>Monitoring the feature<\/b><strong> while it\u2019s in operation.<\/strong> Does the system need a human to keep it on track while it works? Do you need an approval step to ensure quality? This might mean operational checks, human guidance, or live approvals before an AI output is sent to the end user. An example of this could be an AI article writing assistant, which suggests edits to a draft help article which a writer has to approve before setting them live.<\/li>\n<li><b>Evaluating the feature<\/b><strong> after launch.<\/strong> This usually means reporting, providing or actioning feedback, and managing data shifts over time. At this stage, the user is looking back on how the automated system performed, comparing it to historical data or looking at quality and deciding how to improve it (through model training, data updates, or other methods). An example of this might be a report detailing what questions end users asked your AI chatbot, what the responses were, and suggested changes you can make to improve the chatbot\u2019s answers to future questions.<\/li>\n<\/ol>\n<p>You can use these three phases to help inform your product development roadmap, too. You could have multiple products and multiple UIs based on the same or very similar backend ML tech, and just change up where the human is involved. Human involvement at different points in the lifecycle can completely change the product proposition.<\/p>\n<p>You can also approach AI product design in terms of time: build something now that might need a human at a certain point, but with a plan to remove them or move them to a different stage once your end users get used to the outputs and quality of the AI feature.<\/p>\n<h2 id=\"5-how-will-you-build-user-trust-in-the-system\">5. How will you build user trust in the system?<\/h2>\n<p>When you introduce AI into a product, you\u2019re introducing a model with agency to act in the system, when previously only the users themselves had that agency. That adds risk and uncertainty for your customers. The level of scrutiny that your product receives will understandably increase, and you will need to earn your users\u2019 trust.<\/p>\n<p>You can try to do that in a few ways:<\/p>\n<ul>\n<li><strong>Offer a \u201cdark launch\u201d or side-by-side experience<\/strong> where customers can compare outputs or see outputs without exposing them to end users. Think of this like a user-facing version of the backtesting that you did earlier in the process \u2013 the point here is to give your customers confidence in the range and quality of outputs that your feature or product will deliver. For example, when we launched Intercom\u2019s Fin AI chatbot, we offered a page where customers could upload and <a href=\"https:\/\/www.intercom.com\/blog\/fin\/demo\">test out the bot on their own data<\/a>.<\/li>\n<li><strong>Launch the feature under human supervision first.<\/strong> After some time with good performance, your customers will likely trust it to operate without human monitoring.<\/li>\n<li><strong>Make it easy to turn the feature off if it\u2019s not working.<\/strong> It\u2019s easier for users to adopt an AI feature into their workflow (especially a business workflow) if there\u2019s no risk that they might mess something up and be unable to stop it.<\/li>\n<li><strong>Build a feedback mechanism<\/strong> so that users can report poor results, and ideally have your system act on those reports to make improvements to the system. However, be sure to set realistic expectations as to when and how the feedback will be actioned so customers don&#8217;t expect instant improvements.<\/li>\n<li><strong>Build robust reporting mechanisms<\/strong> to help your customers understand how the AI is performing and what ROI they\u2019re getting from it.<\/li>\n<\/ul>\n<p>Depending on your product, you may want to try more than one of these to encourage users to gain experience and feel comfortable with your product.<\/p>\n<h2 id=\"patience-is-a-virtue-when-it-comes-to-ai\">Patience is a virtue when it comes to AI<\/h2>\n<p>I hope these five questions will help guide you as you journey into the new, fast-moving world of AI product development. One final piece of advice: be patient as you launch your product. It can take significant effort to get an ML feature up and running and tuned to the way a company likes to work, and so the adoption curve can look different than you might expect.<\/p>\n<blockquote class=\"pullquote-style-two\"><p>\u201cAfter you\u2019ve built a few AI features you\u2019ll start to get a better sense of how your particular customers will react to new launches\u201d<\/p><\/blockquote>\n<p>It\u2019s likely that it will take a bit of time before your customers see the highest value, or before they can convince their stakeholders that the AI is worth the cost and should be launched more broadly to their users.<\/p>\n<p>Even customers that are really excited about your feature might still take time to implement it, either because they need to do prep work like cleaning their data, or because they are working to develop trust before launching it. It might be hard to anticipate what adoption you should expect, but after you\u2019ve built a few AI features you\u2019ll start to get a better sense of how your particular customers will react to new launches.<\/p>\n\n","protected":false},"excerpt":{"rendered":"<p>Working with AI might be a new challenge but it doesn\u2019t need to be intimidating. This post asks a simple set of questions to help you move forward with confidence as you start designing for AI.<\/p>\n","protected":false},"author":565,"featured_media":29640,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"category":[25198,5],"tags":[604,153,145,13376],"coauthors":[25295],"class_list":["post-29625","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ai-ml","category-product-and-design","tag-ai","tag-product-design","tag-ux","tag-ux-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.3 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>A new age of UX: Evolving your design approach for AI products<\/title>\n<meta name=\"description\" content=\"Working with AI doesn&#039;t need to be intimidating. This post provides a simple set of questions to guide you as you start designing for AI.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.intercom.com\/blog\/design-ux-machine-learning-ai\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"A new age of UX: Evolving your design approach for AI products\" \/>\n<meta property=\"og:description\" content=\"Working with AI doesn&#039;t need to be intimidating. This post provides a simple set of questions to guide you as you start designing for AI.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.intercom.com\/blog\/design-ux-machine-learning-ai\/\" \/>\n<meta property=\"og:site_name\" content=\"The Intercom Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/intercominc\" \/>\n<meta property=\"article:published_time\" content=\"2024-01-17T16:04:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-03T13:27:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2024\/01\/Designing-for-machine-learning-molly-mahar-post.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1800\" \/>\n\t<meta property=\"og:image:height\" content=\"840\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Molly Mahar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@intercom\" \/>\n<meta name=\"twitter:site\" content=\"@intercom\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Molly Mahar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"16 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/design-ux-machine-learning-ai\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/design-ux-machine-learning-ai\\\/\"},\"author\":{\"name\":\"Molly Mahar\",\"@id\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/#\\\/schema\\\/person\\\/a803034324026deb261dc4048c04a002\"},\"headline\":\"A new age of UX: Evolving your design approach for AI products\",\"datePublished\":\"2024-01-17T16:04:36+00:00\",\"dateModified\":\"2025-01-03T13:27:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/design-ux-machine-learning-ai\\\/\"},\"wordCount\":3152,\"publisher\":{\"@id\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/design-ux-machine-learning-ai\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/Designing-for-machine-learning-molly-mahar-post.jpg\",\"keywords\":[\"AI\",\"product design\",\"UX\",\"ux design\"],\"articleSection\":[\"AI &amp; Automation\",\"Product &amp; Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/design-ux-machine-learning-ai\\\/\",\"url\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/design-ux-machine-learning-ai\\\/\",\"name\":\"A new age of UX: Evolving your design approach for AI products\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/design-ux-machine-learning-ai\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/design-ux-machine-learning-ai\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/Designing-for-machine-learning-molly-mahar-post.jpg\",\"datePublished\":\"2024-01-17T16:04:36+00:00\",\"dateModified\":\"2025-01-03T13:27:56+00:00\",\"description\":\"Working with AI doesn't need to be intimidating. This post provides a simple set of questions to guide you as you start designing for AI.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.intercom.com\\\/blog\\\/design-ux-machine-learning-ai\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/design-ux-machine-learning-ai\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/Designing-for-machine-learning-molly-mahar-post.jpg\",\"contentUrl\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/Designing-for-machine-learning-molly-mahar-post.jpg\",\"width\":1800,\"height\":840,\"caption\":\"Designing for machine learning molly mahar post\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/\",\"name\":\"The Intercom Blog\",\"description\":\"Articles and Podcasts on Customer Service, AI and Automation, Product, and more\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/#organization\",\"name\":\"The Intercom Blog\",\"url\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/08\\\/Intercom-logo-sq-black-trans.png\",\"contentUrl\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/08\\\/Intercom-logo-sq-black-trans.png\",\"width\":1000,\"height\":1000,\"caption\":\"The Intercom Blog\"},\"image\":{\"@id\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/intercominc\",\"https:\\\/\\\/x.com\\\/intercom\",\"https:\\\/\\\/www.instagram.com\\\/intercom\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/2491343\",\"https:\\\/\\\/www.pinterest.ie\\\/intercom\\\/\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCJG0MvLP03kyzzAkD-w98aQ\",\"https:\\\/\\\/en.wikipedia.org\\\/wiki\\\/Intercom_(company)\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/#\\\/schema\\\/person\\\/a803034324026deb261dc4048c04a002\",\"name\":\"Molly Mahar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/fc3663e10b2592fbf4ec29f0d50609e438a89133b10e77155c4b29647ce57010?s=96&d=mm&r=pg2c53299d983854e979be2671d2a7ab8b\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/fc3663e10b2592fbf4ec29f0d50609e438a89133b10e77155c4b29647ce57010?s=96&d=mm&r=pg\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/fc3663e10b2592fbf4ec29f0d50609e438a89133b10e77155c4b29647ce57010?s=96&d=mm&r=pg\",\"caption\":\"Molly Mahar\"},\"url\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/author\\\/molly-mahar\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"A new age of UX: Evolving your design approach for AI products","description":"Working with AI doesn't need to be intimidating. This post provides a simple set of questions to guide you as you start designing for AI.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.intercom.com\/blog\/design-ux-machine-learning-ai\/","og_locale":"en_US","og_type":"article","og_title":"A new age of UX: Evolving your design approach for AI products","og_description":"Working with AI doesn't need to be intimidating. This post provides a simple set of questions to guide you as you start designing for AI.","og_url":"https:\/\/www.intercom.com\/blog\/design-ux-machine-learning-ai\/","og_site_name":"The Intercom Blog","article_publisher":"https:\/\/www.facebook.com\/intercominc","article_published_time":"2024-01-17T16:04:36+00:00","article_modified_time":"2025-01-03T13:27:56+00:00","og_image":[{"width":1800,"height":840,"url":"https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2024\/01\/Designing-for-machine-learning-molly-mahar-post.jpg","type":"image\/jpeg"}],"author":"Molly Mahar","twitter_card":"summary_large_image","twitter_creator":"@intercom","twitter_site":"@intercom","twitter_misc":{"Written by":"Molly Mahar","Est. reading time":"16 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.intercom.com\/blog\/design-ux-machine-learning-ai\/#article","isPartOf":{"@id":"https:\/\/www.intercom.com\/blog\/design-ux-machine-learning-ai\/"},"author":{"name":"Molly Mahar","@id":"https:\/\/www.intercom.com\/blog\/#\/schema\/person\/a803034324026deb261dc4048c04a002"},"headline":"A new age of UX: Evolving your design approach for AI products","datePublished":"2024-01-17T16:04:36+00:00","dateModified":"2025-01-03T13:27:56+00:00","mainEntityOfPage":{"@id":"https:\/\/www.intercom.com\/blog\/design-ux-machine-learning-ai\/"},"wordCount":3152,"publisher":{"@id":"https:\/\/www.intercom.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.intercom.com\/blog\/design-ux-machine-learning-ai\/#primaryimage"},"thumbnailUrl":"https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2024\/01\/Designing-for-machine-learning-molly-mahar-post.jpg","keywords":["AI","product design","UX","ux design"],"articleSection":["AI &amp; Automation","Product &amp; Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.intercom.com\/blog\/design-ux-machine-learning-ai\/","url":"https:\/\/www.intercom.com\/blog\/design-ux-machine-learning-ai\/","name":"A new age of UX: Evolving your design approach for AI products","isPartOf":{"@id":"https:\/\/www.intercom.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.intercom.com\/blog\/design-ux-machine-learning-ai\/#primaryimage"},"image":{"@id":"https:\/\/www.intercom.com\/blog\/design-ux-machine-learning-ai\/#primaryimage"},"thumbnailUrl":"https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2024\/01\/Designing-for-machine-learning-molly-mahar-post.jpg","datePublished":"2024-01-17T16:04:36+00:00","dateModified":"2025-01-03T13:27:56+00:00","description":"Working with AI doesn't need to be intimidating. This post provides a simple set of questions to guide you as you start designing for AI.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.intercom.com\/blog\/design-ux-machine-learning-ai\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.intercom.com\/blog\/design-ux-machine-learning-ai\/#primaryimage","url":"https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2024\/01\/Designing-for-machine-learning-molly-mahar-post.jpg","contentUrl":"https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2024\/01\/Designing-for-machine-learning-molly-mahar-post.jpg","width":1800,"height":840,"caption":"Designing for machine learning molly mahar post"},{"@type":"WebSite","@id":"https:\/\/www.intercom.com\/blog\/#website","url":"https:\/\/www.intercom.com\/blog\/","name":"The Intercom Blog","description":"Articles and Podcasts on Customer Service, AI and Automation, Product, and more","publisher":{"@id":"https:\/\/www.intercom.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.intercom.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.intercom.com\/blog\/#organization","name":"The Intercom Blog","url":"https:\/\/www.intercom.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.intercom.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2019\/08\/Intercom-logo-sq-black-trans.png","contentUrl":"https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2019\/08\/Intercom-logo-sq-black-trans.png","width":1000,"height":1000,"caption":"The Intercom Blog"},"image":{"@id":"https:\/\/www.intercom.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/intercominc","https:\/\/x.com\/intercom","https:\/\/www.instagram.com\/intercom\/","https:\/\/www.linkedin.com\/company\/2491343","https:\/\/www.pinterest.ie\/intercom\/","https:\/\/www.youtube.com\/channel\/UCJG0MvLP03kyzzAkD-w98aQ","https:\/\/en.wikipedia.org\/wiki\/Intercom_(company)"]},{"@type":"Person","@id":"https:\/\/www.intercom.com\/blog\/#\/schema\/person\/a803034324026deb261dc4048c04a002","name":"Molly Mahar","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/fc3663e10b2592fbf4ec29f0d50609e438a89133b10e77155c4b29647ce57010?s=96&d=mm&r=pg2c53299d983854e979be2671d2a7ab8b","url":"https:\/\/secure.gravatar.com\/avatar\/fc3663e10b2592fbf4ec29f0d50609e438a89133b10e77155c4b29647ce57010?s=96&d=mm&r=pg","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/fc3663e10b2592fbf4ec29f0d50609e438a89133b10e77155c4b29647ce57010?s=96&d=mm&r=pg","caption":"Molly Mahar"},"url":"https:\/\/www.intercom.com\/blog\/author\/molly-mahar\/"}]}},"jetpack_featured_media_url":"https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2024\/01\/Designing-for-machine-learning-molly-mahar-post.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.intercom.com\/blog\/wp-json\/wp\/v2\/posts\/29625","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.intercom.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.intercom.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.intercom.com\/blog\/wp-json\/wp\/v2\/users\/565"}],"replies":[{"embeddable":true,"href":"https:\/\/www.intercom.com\/blog\/wp-json\/wp\/v2\/comments?post=29625"}],"version-history":[{"count":0,"href":"https:\/\/www.intercom.com\/blog\/wp-json\/wp\/v2\/posts\/29625\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.intercom.com\/blog\/wp-json\/wp\/v2\/media\/29640"}],"wp:attachment":[{"href":"https:\/\/www.intercom.com\/blog\/wp-json\/wp\/v2\/media?parent=29625"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.intercom.com\/blog\/wp-json\/wp\/v2\/category?post=29625"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.intercom.com\/blog\/wp-json\/wp\/v2\/tags?post=29625"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.intercom.com\/blog\/wp-json\/wp\/v2\/coauthors?post=29625"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}