{"id":4114,"date":"2026-01-12T08:00:07","date_gmt":"2026-01-12T13:00:07","guid":{"rendered":"https:\/\/blogs.mathworks.com\/matlab\/?p=4114"},"modified":"2026-04-15T19:05:58","modified_gmt":"2026-04-15T23:05:58","slug":"mathworks-user-experience-group-a-long-history-of-focusing-on-customers","status":"publish","type":"post","link":"https:\/\/blogs.mathworks.com\/matlab\/2026\/01\/12\/mathworks-user-experience-group-a-long-history-of-focusing-on-customers\/","title":{"rendered":"How User Research Shaped MathWorks\u2019 New AI Quick Answers Feature"},"content":{"rendered":"<div class = rtcContent><div  style = 'margin: 2px 10px 9px 4px; padding: 0px; line-height: 21px; min-height: 0px; white-space: pre-wrap; color: rgb(33, 33, 33); font-family: Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif; font-style: normal; font-size: 14px; font-weight: 400; text-align: left; '><span style=' font-style: italic;'>Today\u2019s guest blogger is <\/span><a href=\"https:\/\/www.linkedin.com\/in\/1damarshall\/\" target=\"_blank\" rel=\"noopener\"><span style=' font-style: italic;'>David Marshall.<\/span><\/a><span style=' font-style: italic;'> David is a User Experience Researcher supporting MathWorks Online Products, including the Community, Help Center, and search. In this blog he describes his recent experience supporting the new AI-generated Quick Answers feature, recently made available in our Help Center search.<\/span><\/div><h2  style = 'margin: 20px 10px 5px 4px; padding: 0px; line-height: 25px; min-height: 0px; white-space: pre-wrap; color: rgb(33, 33, 33); font-family: Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif; font-style: normal; font-size: 20px; font-weight: 700; text-align: left; '><span>Mathworks user experience (UX) group<\/span><\/h2><div  style = 'margin: 2px 10px 9px 4px; padding: 0px; line-height: 21px; min-height: 0px; white-space: pre-wrap; color: rgb(33, 33, 33); font-family: Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif; font-style: normal; font-size: 14px; font-weight: 400; text-align: left; '><span>Long before the popular design tool Figma was a figment of people\u2019s imagination, when the internet was still called the \u201cinformation superhighway\u201d, MathWorks had a <\/span><a href = \"https:\/\/uk.mathworks.com\/company\/jobs\/teams-roles\/userexperience.html\"><span>User Experience Group<\/span><\/a><span>. We\u2019ve grown since then - to over 100 people around the world, striving to understand our customers and design great experiences. We specialize in research and design, and work closely with developers to ensure that our products aren\u2019t just useful, but are also easy to use. <\/span><\/div><div  style = 'margin: 2px 10px 9px 4px; padding: 0px; line-height: 21px; min-height: 0px; white-space: pre-wrap; color: rgb(33, 33, 33); font-family: Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif; font-style: normal; font-size: 14px; font-weight: 400; text-align: left; '><span>So what does this work actually look like? You may have read <\/span><a href = \"https:\/\/blogs.mathworks.com\/matlab\/2025\/08\/27\/ai-generated-quick-answers-in-the-matlab-documentation\/\"><span>Mike Croucher\u2019s blog post<\/span><\/a><span> about the new generative AI feature in Help Center search, or recently experienced it for yourself. In this post, I\u2019ll share the UX journey that brought Quick Answers from concept to reality. It's a great case study of how an idea is tested with users and refined before becoming a fully-baked feature that is ready to ship.  <\/span><\/div><h2  style = 'margin: 20px 10px 5px 4px; padding: 0px; line-height: 25px; min-height: 0px; white-space: pre-wrap; color: rgb(33, 33, 33); font-family: Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif; font-style: normal; font-size: 20px; font-weight: 700; text-align: left; '><span style=' font-weight: bold;'>Case Study: Adding generative AI to <\/span><span style=' font-weight: bold;'>Help Center Search<\/span><\/h2><div  style = 'margin: 2px 10px 9px 4px; padding: 0px; line-height: 21px; min-height: 0px; white-space: pre-wrap; color: rgb(33, 33, 33); font-family: Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif; font-style: normal; font-size: 14px; font-weight: 400; text-align: left; '><span>The project kicked off with a desire to explore how AI could improve the experience of searching MathWorks Documentation - but we started with more questions than answers. This is an exciting moment for a researcher: it\u2019s our business to ask useful questions, then go about answering them. So we started to chip away, 1 at a time, knowing that each would lead to new insights, discoveries, and of course questions to explore. Below are the questions we asked along the way, as well as what we learned. <\/span><\/div><h3  style = 'margin: 15px 10px 5px 4px; padding: 0px; line-height: 20.4px; min-height: 0px; white-space: pre-wrap; color: rgb(33, 33, 33); font-family: Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif; font-style: normal; font-size: 17px; font-weight: 700; text-align: left; '><span style=' font-weight: bold;'>Question 1: Why do people come to the MathWorks website?<\/span><\/h3><div  style = 'margin: 2px 10px 9px 4px; padding: 0px; line-height: 21px; min-height: 0px; white-space: pre-wrap; color: rgb(33, 33, 33); font-family: Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif; font-style: normal; font-size: 14px; font-weight: 400; text-align: left; '><span>Part of a UX researcher\u2019s role is to keep the customer\u2019s perspective front and center, as it\u2019s often different from how people think about and use our products internally. When it comes to Documentation, previous research tells us that user goals fall into two broad categories:<\/span><\/div><ul  style = 'margin: 10px 0px 20px; padding-left: 0px; font-family: Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif; font-size: 14px; '><li  style = 'margin-left: 56px; line-height: 21px; min-height: 0px; text-align: left; white-space: pre-wrap; '><span style=' font-weight: bold;'>Find information you know exists.<\/span><span> Maybe you\u2019re looking up the syntax for a function you use regularly, or just want to double-check the required inputs and outputs. You know what you need; you just need to find it quickly.<\/span><\/li><li  style = 'margin-left: 56px; line-height: 21px; min-height: 0px; text-align: left; white-space: pre-wrap; '><span style=' font-weight: bold;'>Learn how to do something new.<\/span><span> Maybe you\u2019re wondering if MATLAB has a function for your specific problem, or you want to learn the best way to tackle a new challenge.<\/span><\/li><\/ul><div  style = 'margin: 2px 10px 9px 4px; padding: 0px; line-height: 21px; min-height: 0px; white-space: pre-wrap; color: rgb(33, 33, 33); font-family: Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif; font-style: normal; font-size: 14px; font-weight: 400; text-align: left; '><span>For this project we had a slightly more specific question that could apply to both scenarios above:<\/span><\/div><h3  style = 'margin: 15px 10px 5px 4px; padding: 0px; line-height: 20.4px; min-height: 0px; white-space: pre-wrap; color: rgb(33, 33, 33); font-family: Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif; font-style: normal; font-size: 17px; font-weight: 700; text-align: left; '><span style=' font-weight: bold;'>Question 2: What do people search for?<\/span><\/h3><div  style = 'margin: 2px 10px 9px 4px; padding: 0px; line-height: 21px; min-height: 0px; white-space: pre-wrap; color: rgb(33, 33, 33); font-family: Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif; font-style: normal; font-size: 14px; font-weight: 400; text-align: left; '><span>With so many searches happening every day, it\u2019s easy to see what people are searching for. When we analyzed recent search terms, 3 categories emerged: <\/span><\/div><ul  style = 'margin: 10px 0px 20px; padding-left: 0px; font-family: Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif; font-size: 14px; '><li  style = 'margin-left: 56px; line-height: 21px; min-height: 0px; text-align: left; white-space: pre-wrap; '><span style=' font-weight: bold;'>Function name searches:<\/span><span> <\/span><span style=' font-style: italic;'>plot, randi, find, linspace<\/span><\/li><li  style = 'margin-left: 56px; line-height: 21px; min-height: 0px; text-align: left; white-space: pre-wrap; '><span style=' font-weight: bold;'>Concept searches:<\/span><span> <\/span><span style=' font-style: italic;'>simulink, machine learning, fourier transform, image processing with AI<\/span><span> <\/span><\/li><li  style = 'margin-left: 56px; line-height: 21px; min-height: 0px; text-align: left; white-space: pre-wrap; '><span style=' font-weight: bold;'>Natural-language queries:<\/span><span> <\/span><span style=' font-style: italic;'>how to denoise an image with AI<\/span><\/li><\/ul><div  style = 'margin: 2px 10px 9px 4px; padding: 0px; line-height: 21px; min-height: 0px; white-space: pre-wrap; color: rgb(33, 33, 33); font-family: Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif; font-style: normal; font-size: 14px; font-weight: 400; text-align: left; '><span>Turns out most queries are short\u2014just a word or two, often a function name. That\u2019s a tough challenge for any AI! To understand what people really want from these different types of searches\u2014and how AI could help\u2014we turned to the best resource we have: our users themselves.<\/span><\/div><h3  style = 'margin: 15px 10px 5px 4px; padding: 0px; line-height: 20.4px; min-height: 0px; white-space: pre-wrap; color: rgb(33, 33, 33); font-family: Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif; font-style: normal; font-size: 17px; font-weight: 700; text-align: left; '><span style=' font-weight: bold;'>Question 3: For each type of search, what does an ideal response look like?<\/span><\/h3><div  style = 'margin: 2px 10px 9px 4px; padding: 0px; line-height: 21px; min-height: 0px; white-space: pre-wrap; color: rgb(33, 33, 33); font-family: Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif; font-style: normal; font-size: 14px; font-weight: 400; text-align: left; '><span>To answer this question we spoke directly to customers. We asked about recent experiences with our Documentation and watched them retrace their steps using a prototype that included AI responses alongside traditional search results. Several themes emerged regarding a helpful AI response: be brief and direct, include example code to see functions in context, and help people discover new features through AI-powered suggestions.<\/span><\/div><div  style = 'margin: 2px 10px 9px 4px; padding: 0px; line-height: 21px; min-height: 0px; white-space: pre-wrap; color: rgb(33, 33, 33); font-family: Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif; font-style: normal; font-size: 14px; font-weight: 400; text-align: left; '><span>We also learned that each type of search does indeed benefit from a different kind of response. When someone searches for a function name they want details like inputs, outputs, related functions, and example code. When searching for a concept \u2013 think \u201cFourier transform\u201d or \u201cimage processing with AI\u201d \u2013 they want a list of relevant functions or tools. And for natural-language questions like \u201chow to denoise an image with AI,\u201d they prefer a customized explanation with example code\u2014ideally drawing from multiple sources at once.<\/span><\/div><h3  style = 'margin: 15px 10px 5px 4px; padding: 0px; line-height: 20.4px; min-height: 0px; white-space: pre-wrap; color: rgb(33, 33, 33); font-family: Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif; font-style: normal; font-size: 17px; font-weight: 700; text-align: left; '><span style=' font-weight: bold;'>Question 4: Is the new feature clear and easy to use?<\/span><\/h3><div  style = 'margin: 2px 10px 9px 4px; padding: 0px; line-height: 21px; min-height: 0px; white-space: pre-wrap; color: rgb(33, 33, 33); font-family: Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif; font-style: normal; font-size: 14px; font-weight: 400; text-align: left; '><span>Figuring out how to make a useful generative AI tool was just the first part of this project. We then had to add it to the website in a way that felt intuitive, without getting in the way of existing functionality. That meant testing \u2013 and iterating \u2013 on the details. Here are a few highlights from the design journey:<\/span><\/div><div  style = 'margin: 2px 10px 9px 4px; padding: 0px; line-height: 21px; min-height: 0px; white-space: pre-wrap; color: rgb(33, 33, 33); font-family: Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif; font-style: normal; font-size: 14px; font-weight: 400; text-align: left; '><span>We explored both top-of-page and sidebar layouts. People liked both, but many felt that putting AI answers at the top signaled importance and made them easier to notice. So we went with top placement.<\/span><\/div><div  style = 'margin: 2px 10px 9px 4px; padding: 0px; line-height: 21px; min-height: 0px; white-space: pre-wrap; color: rgb(33, 33, 33); font-family: Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif; font-style: normal; font-size: 14px; font-weight: 400; text-align: left; '><span>The search box was another challenge. Our first version was small, but users wanted space for longer, detailed questions\u2014especially since AI encourages more descriptive queries. We made it bigger and more inviting.<\/span><\/div><div  style = 'margin: 2px 10px 9px 4px; padding: 0px; line-height: 21px; min-height: 0px; white-space: pre-wrap; color: rgb(33, 33, 33); font-family: Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif; font-style: normal; font-size: 14px; font-weight: 400; text-align: left; '><span>Headings were the final tweak. \u201cGenerative AI Search\u201d sounded technical and wasn\u2019t clear to everyone. Switching to \u201cAI-generated response for: [search phrase]\u201d helped people immediately connect the AI response to their query.<\/span><\/div><h2  style = 'margin: 20px 10px 5px 4px; padding: 0px; line-height: 25px; min-height: 0px; white-space: pre-wrap; color: rgb(33, 33, 33); font-family: Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif; font-style: normal; font-size: 20px; font-weight: 700; text-align: left; '><span style=' font-weight: bold;'>Outcome &amp; Impact<\/span><\/h2><div  style = 'margin: 2px 10px 9px 4px; padding: 0px; line-height: 21px; min-height: 0px; white-space: pre-wrap; color: rgb(33, 33, 33); font-family: Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif; font-style: normal; font-size: 14px; font-weight: 400; text-align: left; '><span>Now when you search the <\/span><a href = \"https:\/\/uk.mathworks.com\/help\/index.html\"><span>MathWorks Help Center,<\/span><\/a><span> you\u2019ll see Quick Answers right at the top. Since launch there\u2019s been a steady increase in the length of search queries\u2014suggesting that users are asking more direct, specific questions to get the answers they need. Early feedback is positive, and we\u2019re excited to keep improving the experience.<\/span><\/div><h2  style = 'margin: 20px 10px 5px 4px; padding: 0px; line-height: 25px; min-height: 0px; white-space: pre-wrap; color: rgb(33, 33, 33); font-family: Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif; font-style: normal; font-size: 20px; font-weight: 700; text-align: left; '><span>Try It Out\u2014and Help Shape the Future<\/span><\/h2><div  style = 'margin: 2px 10px 9px 4px; padding: 0px; line-height: 21px; min-height: 0px; white-space: pre-wrap; color: rgb(33, 33, 33); font-family: Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif; font-style: normal; font-size: 14px; font-weight: 400; text-align: left; '><span>We\u2019d love for you to try Quick Answers the next time you search the Help Center. Have thoughts or suggestions? Leave them in the comments below. <\/span><\/div><div  style = 'margin: 2px 10px 9px 4px; padding: 0px; line-height: 21px; min-height: 0px; white-space: pre-wrap; color: rgb(33, 33, 33); font-family: Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif; font-style: normal; font-size: 14px; font-weight: 400; text-align: left; '><span>Even better\u2014<\/span><a href = \"https:\/\/www.mathworks.com\/products\/usability\/sign-up.html?s_tid=ux_blog\"><span>sign up for user research<\/span><\/a><span> and you can be a part of making MATLAB, Simulink, and the MathWorks website even better. Participants are paid cash for their time, but the <\/span><a href = \"https:\/\/mathworksmerch.com\/\"><span>swag<\/span><\/a><span> is a perennial favorite. In addition to informing the project at hand, there is always an opportunity to share additional feedback directly with the people who build the tools you use every day.  <\/span><\/div><div  style = 'margin: 2px 10px 9px 4px; padding: 0px; line-height: 21px; min-height: 0px; white-space: pre-wrap; color: rgb(33, 33, 33); font-family: Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif; font-style: normal; font-size: 14px; font-weight: 400; text-align: left; '><span>Thanks for reading, and happy searching!<\/span><\/div>\r\n<\/div><script type=\"text\/javascript\">var css = ''; var head = document.head || document.getElementsByTagName('head')[0], style = document.createElement('style'); head.appendChild(style); style.type = 'text\/css'; if (style.styleSheet){ style.styleSheet.cssText = css; } else { style.appendChild(document.createTextNode(css)); }<\/script>","protected":false},"excerpt":{"rendered":"<div class=\"overview-image\"><img src=\"https:\/\/blogs.mathworks.com\/matlab\/files\/2025\/08\/aiQuickAnswers_3.png\" class=\"img-responsive attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" decoding=\"async\" loading=\"lazy\" \/><\/div><p>Today\u2019s guest blogger is David Marshall. David is a User Experience Researcher supporting MathWorks Online Products, including the Community, Help Center, and search. In this blog he describes his... <a class=\"read-more\" href=\"https:\/\/blogs.mathworks.com\/matlab\/2026\/01\/12\/mathworks-user-experience-group-a-long-history-of-focusing-on-customers\/\">read more >><\/a><\/p>","protected":false},"author":176,"featured_media":3920,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[78,30,137],"tags":[],"_links":{"self":[{"href":"https:\/\/blogs.mathworks.com\/matlab\/wp-json\/wp\/v2\/posts\/4114"}],"collection":[{"href":"https:\/\/blogs.mathworks.com\/matlab\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.mathworks.com\/matlab\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.mathworks.com\/matlab\/wp-json\/wp\/v2\/users\/176"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.mathworks.com\/matlab\/wp-json\/wp\/v2\/comments?post=4114"}],"version-history":[{"count":3,"href":"https:\/\/blogs.mathworks.com\/matlab\/wp-json\/wp\/v2\/posts\/4114\/revisions"}],"predecessor-version":[{"id":4179,"href":"https:\/\/blogs.mathworks.com\/matlab\/wp-json\/wp\/v2\/posts\/4114\/revisions\/4179"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogs.mathworks.com\/matlab\/wp-json\/wp\/v2\/media\/3920"}],"wp:attachment":[{"href":"https:\/\/blogs.mathworks.com\/matlab\/wp-json\/wp\/v2\/media?parent=4114"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.mathworks.com\/matlab\/wp-json\/wp\/v2\/categories?post=4114"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.mathworks.com\/matlab\/wp-json\/wp\/v2\/tags?post=4114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}