{"id":4608,"date":"2021-05-06T08:53:49","date_gmt":"2021-05-06T08:53:49","guid":{"rendered":"https:\/\/www.uxdesigninstitute.com\/blog\/?p=4608"},"modified":"2025-01-28T15:38:48","modified_gmt":"2025-01-28T15:38:48","slug":"ux-design-process","status":"publish","type":"post","link":"https:\/\/www.uxdesigninstitute.com\/blog\/ux-design-process\/","title":{"rendered":"What is the UX design process? A step-by-step guide"},"content":{"rendered":"<p>Understanding the UX design process is crucial for every role within UX.<\/p>\n<p>To make great products, you need to follow the process closely &#8211; and there are different skills and tools required at each stage.<\/p>\n<p>Curious to know more? In this piece, we&#8217;ll explore:<\/p>\n<ul>\n<li><a href=\"#What-is-the-UX-design-process?\">What is the UX design process?<\/a><\/li>\n<li><a href=\"#What-happens-at-each-stage-of-the-UX-design-process?\">What happens at each stage of the UX design process?<\/a><\/li>\n<li><a href=\"#How-do-different-roles-fit-into-the-UX-design-process?\">How do different roles fit into the UX design process?<\/a><\/li>\n<li><a href=\"#What-happens-if-I-skip-steps-in-the-UX-design-process?\">What happens if I skip steps in the UX design process?<\/a><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Let\u2019s begin with an overview of what the UX design process is.\u00a0<\/span><\/p>\n<h2 id=\"What-is-the-UX-design-process?\">What is the UX design process?<\/h2>\n<p><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/what-does-ux-stand-for\/\">\u2018UX\u2019 stands for user experience <\/a>and UX design is all about creating experiences (in the form of products and services) that solve problems for users. The UX design process is the structure we use to help identify and solve those problems.<\/p>\n<p>For example, a common problem among your target audience might be that they struggle to stay on top of their monthly budget. You\u2019d go through the UX design process to understand what kind of solution they might need in order to address the problem, to come up with ideas, design and test them, and eventually, build them into a live product (e.g. a smart budgeting app).<\/p>\n<section id=\"promotion\" class=\"promotion-content-raw inlinepromo inlinepromo_professional-diploma-in-ux-designp-1 my-4\" style=\"\">\n\t<div class=\"w-container\">\n\t\t<div class=\"row align-items-center\">\n\t\t\t<div class=\"col-md-12 promotion-info\">\n                <a class=\"link-content\" href=\"https:\/\/www.uxdesigninstitute.com\/courses\/ux-design?utm_source=blog&utm_medium=blog_panel_pdux&utm_campaign=blog_promo\" style=\"\">\n                    <p>[GET CERTIFIED IN UX]<\/p>\n                    <span>Take our Professional Diploma in UX Design course<\/span>\n                <\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/section>\n\n<p>The UX process ensures we\u2019re building products that people actually want to use. It gives the whole team a clear vision for the product and it ensures that the end users\u2019 needs are being considered every step of the way.<\/p>\n<p><strong>So: What does the UX design process look like and what are the steps involved?<\/strong><\/p>\n<p>The following steps can take you all the way from an idea to a product launch:<\/p>\n<ul>\n<li>Research<\/li>\n<li>Define the user problem<\/li>\n<li>Design<\/li>\n<li>Prototype<\/li>\n<li>Validate<\/li>\n<li>Build<\/li>\n<li>QA Test<\/li>\n<li>Launch<\/li>\n<\/ul>\n<p>Note that these steps don\u2019t always take place in a strictly linear fashion. You might get to the prototyping stage, only to find that your initial idea is flawed or that it doesn\u2019t actually solve the user problem.<\/p>\n<p>With those insights, you might go back to the design stage to come up with a new solution, or even to the problem definition stage to assess whether you\u2019re focusing on the most important user challenge.<\/p>\n<h3>The steps below can take you all the way from an idea to a product launch:<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-4611 size-full\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2021\/05\/dev-process.png\" alt=\"ux process image\" width=\"2376\" height=\"820\" title=\"\" srcset=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2021\/05\/dev-process.png 2376w, https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2021\/05\/dev-process-300x104.png 300w, https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2021\/05\/dev-process-768x265.png 768w, https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2021\/05\/dev-process-1024x353.png 1024w, https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2021\/05\/dev-process-1600x552.png 1600w, https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2021\/05\/dev-process-1000x345.png 1000w, https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2021\/05\/dev-process-800x276.png 800w, https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2021\/05\/dev-process-600x207.png 600w, https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2021\/05\/dev-process-400x138.png 400w\" sizes=\"auto, (max-width: 2376px) 100vw, 2376px\" \/><\/p>\n<blockquote><p>The UX process is everything that happens before a design is sent to developers to be built. It makes up the first few steps from research to prototyping.<\/p><\/blockquote>\n<p>A simplified version of the UX design process might look like this:<\/p>\n<ul>\n<li>Research<\/li>\n<li>Design<\/li>\n<li>Prototype<\/li>\n<li>Validate<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-4613 size-full\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/\/uploads\/2021\/05\/ux-process.png\" alt=\"\" width=\"100%\" title=\"\" srcset=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2021\/05\/ux-process.png 2375w, https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2021\/05\/ux-process-300x47.png 300w, https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2021\/05\/ux-process-768x122.png 768w, https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2021\/05\/ux-process-1024x162.png 1024w, https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2021\/05\/ux-process-1600x253.png 1600w, https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2021\/05\/ux-process-1000x158.png 1000w, https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2021\/05\/ux-process-800x127.png 800w, https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2021\/05\/ux-process-600x95.png 600w, https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2021\/05\/ux-process-400x63.png 400w\" sizes=\"(max-width: 2375px) 100vw, 2375px\" \/><\/p>\n<div class=\"page\" title=\"Page 6\">\n<div class=\"layoutArea\">\n<div class=\"column\">\n<p>That\u2019s the UX design process in a nutshell. Now let\u2019s take a closer look at what happens at each stage.<\/p>\n<h2 id=\"What-happens-at-each-stage-of-the-UX-design-process?\">What happens at each stage of the UX design process?<\/h2>\n<\/div>\n<p><strong>Research and problem definition<\/strong><\/p>\n<p>The UX design process begins with <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/what-is-user-research\/\">user research<\/a>. This involves speaking to or observing real users (or people who represent your target users) to figure out what problems they have and what they desire and require from a solution.<\/p>\n<p>User research can be qualitative (which involves learning about users\u2019 thoughts, feelings and opinions) or quantitative (which looks at measurable data such as how many times a user clicks on a certain button or how long it takes them to complete a particular task).<\/p>\n<p>Some common UX research methods include user interviews, surveys, A\/B tests, <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/card-sorting-in-ux-what-is-it\/\">card sorting<\/a>, first-click tests and eye-tracking. The research stage can also involve researching competitors to see what\u2019s already on the market.<\/p>\n<p>Once you\u2019ve conducted user research, the next step is to analyse your findings and <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/analysing-ux-research\/\">synthesise the results<\/a> into meaningful, actionable insights. You\u2019ll then present your UX research findings to key stakeholders. Here, you\u2019ll find <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/presenting-ux-research-findings\/\">a guide<\/a> on how to write a UX research report and share your findings.<\/p>\n<p>During the research phase, UX designers use a variety of different tools depending on their chosen research methods. You can learn about the most popular UX research tools and how they\u2019re used <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/best-ux-research-tools\/\">here<\/a>.<\/p>\n<p>Based on the findings of your UX research, you\u2019ll then identify the most pressing user problem that needs to be solved. This is known as the problem definition stage and it usually involves crafting <a href=\"https:\/\/medium.com\/the-designers-toolbox\/writing-the-perfect-problem-statement-for-ux-research-ac93a7178522\" target=\"_blank\" rel=\"noopener\">a problem statement <\/a>\u2014 a short summary of the problem you\u2019re going to design a solution for.<\/p>\n<p>To help you come up with ideas for how to solve your user problem, you might turn your problem statement into a series of <a href=\"https:\/\/www.designkit.org\/methods\/how-might-we.html\" target=\"_blank\" rel=\"noopener\">\u201cHow Might We?\u201d<\/a> questions. The \u201cHow Might We?\u201d format reframes the problem in a way that invites solutions.<\/p>\n<p>For example: \u201cHow might we make it easier for 25-35 year olds to manage their monthly budget?\u201d or \u201cHow might we improve the budgeting feature in our app to make it easier for 25-35 year olds to see their monthly expenditure?\u201d<\/p>\n<div class=\"column\">\n<p>Once you have a clear grasp on the problem you\u2019re trying to solve, and the people you\u2019re solving it for, you can move on to the next stage in the UX design process.<\/p>\n<p><strong>Design<\/strong><\/p>\n<p>The design stage is where you come up with potential solutions to your user problem. Here you choose one solution that is most feasible and most likely to meet the users\u2019 needs and then you start to bring it to life by designing it.<\/p>\n<p>Let\u2019s imagine that the solution you\u2019ve decided to pursue is a budgeting feature that you\u2019ll add to an existing app. The design phase might include sketching out initial ideas for how the new feature will work, considering things like what functionality it will provide, where it\u2019ll sit in the app and how the user will get to it.<\/p>\n<p>With the initial ideas sketched out, you\u2019ll then consider the information architecture of the new feature (i.e. how it will be structured and organised in terms of content and information) and map out user flows. A user flow is a chart or diagram which depicts the path a user will take to complete a certain task. So, for your new feature, you might create user flows to determine how the user will complete tasks such as assigning a category to an outgoing transaction (e.g. household, travel, entertainment, fitness, groceries and so on) or accessing the monthly breakdown of their spending.<\/p>\n<p>From there, you\u2019ll create wireframes to further firm up the design of your new feature. Wireframes can be created by hand (very low-fidelity wireframes) or digitally using a variety of <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/best-ux-wireframe-tools\/\">wireframing tools<\/a>.<\/p>\n<p><strong>Prototype<\/strong><\/p>\n<p>Having laid out the blueprint for your new product or feature, the next step is to fine-tune the details of the design and create a more lifelike model of how the product will look and function. This is done during the prototyping phase.<\/p>\n<p>A prototype is a simulation that shows how users will interact with the finished product. Prototypes can be interactive and clickable, allowing stakeholders (and sample users) to interact with them as if they\u2019re a live product.<\/p>\n<p>The purpose of prototyping is to give you something to test before you spend time and money developing your design into a living and breathing product. It enables you to make sure that the solution you\u2019ve come up with is user-friendly and accessible. It also ensures that users are able to interact with it in the way you originally intended.<\/p>\n<p>Learn more in this <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/prototyping-guide\/\">complete guide to prototyping <\/a>and discover the <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/best-prototyping-tools-for-ux-designers\/\">prototyping tools<\/a> that UX designers use at this stage in the UX design process.<\/p>\n<p><strong>Validate<\/strong><\/p>\n<p>The validation stage is all about testing your designs to make sure they\u2019re effectively solving the user problem and that they\u2019re a joy to interact with.<\/p>\n<p>This step in the process requires <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/why-ux-testing-is-so-important\/\">UX testing<\/a> (or usability testing) on real or representative users. It\u2019s absolutely critical as it gives you the chance to identify problems with your designs and fix them before you go to development, ultimately saving you time, money and disgruntled users.<\/p>\n<p>Essentially, UX testing allows you to validate or invalidate your designs, determining whether you move forward to the development stage or return to the design stage to make adjustments.<\/p>\n<p>As you can see, each step in the UX design process is geared towards ensuring that the products you create are beneficial to your end users and built with their needs in mind. That\u2019s the key to good UX and you can\u2019t create successful products otherwise.<\/p>\n<section id=\"promotion\" class=\"promotion-content-raw inlinepromo inlinepromo_professional-certificate-in-ui-designp-1 my-4\" style=\"\">\n\t<div class=\"w-container\">\n\t\t<div class=\"row align-items-center\">\n\t\t\t<div class=\"col-md-12 promotion-info\">\n                <a class=\"link-content\" href=\"https:\/\/www.uxdesigninstitute.com\/courses\/ui-design?utm_source=blog&amp;utm_medium=blog_panel_text&amp;utm_campaign=blog_promo\" style=\"\">\n                    <p>[GET CERTIFIED IN UI DESIGN]<\/p>\n                    <span>Take our Professional Certificate in UI Design course<\/span>\n                <\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/section>\n\n<h2 id=\"How-do-different-roles-fit-into-the-UX-design-process?\">How do different roles fit into the UX design process?<\/h2>\n<\/div>\n<\/div>\n<\/div>\n<p>UX is a team sport. Different people are required at different stages.\u00a0It\u2019s fluid. It\u2019s collaborative. And it changes to suit the needs of the business.<\/p>\n<p>Here&#8217;s where different UX roles fit into the process:<\/p>\n<ul>\n<li><b>Researchers<\/b> work on the Research and Validate stages<\/li>\n<li><b>Content experts<\/b> ensure the copy and design are aligned at each stage<\/li>\n<li><b>UX designers<\/b> lead the Design and Validate stages but play an important role throughout<\/li>\n<li><b>UI designers<\/b> will work with UX designers on the Prototype and Validate stages &#8211; you can learn more about how UX and UI designers work together <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/ux-and-ui-designers\/\">here<\/a><\/li>\n<li><b>Developers<\/b> come in at the Validate stage, where they turn prototypes into live products<\/li>\n<\/ul>\n<p>Specialists like researchers and content experts are commonly employed where UX is integral to the operation. This could be anywhere from HubSpot to NHS Digital.<\/p>\n<p>In smaller companies with limited resources, it&#8217;s normal to have generalists that work across the process.<\/p>\n<p>If you\u2019d like to learn more about different roles within the UX team, check out this list of <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/ux-job-roles\/\">11 UX job titles<\/a>.<\/p>\n<h2 id=\"What-happens-if-I-skip-steps-in-the-UX-design-process?\">What happens if I skip steps in the UX design process?<\/h2>\n<p>As UX mentor James O&#8217;Brien explains:<\/p>\n<blockquote><p>Each step in the lifecycle builds on the previous one. Skipping steps will lead to less than ideal outcomes.<\/p><\/blockquote>\n<p>Cutting corners takes you away from the user.\u00a0So why do UX professionals skip steps in the first place?<\/p>\n<p>Business people sometimes want to prioritise business needs over users. Your boss may argue that user research is &#8220;too expensive&#8221;. This <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/usability-test-how-many-users\/\" target=\"_blank\" rel=\"noopener\">isn&#8217;t true<\/a>.<\/p>\n<p>James warns that, when working in UX, you may have a boss or colleague that wants to do a &#8220;quick&#8221; version of UX:<\/p>\n<blockquote><p>They want to skip research and just go to what they understand as design. Have a conversation that begins with &#8216;here&#8217;s what I need to do in order to get it right&#8217;. See if you can get their buy-in.<\/p><\/blockquote>\n<p>If you skip certain steps in the UX design process, you risk missing out on the <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/the-value-of-ux-design\/\">true value that good UX brings<\/a>. The business value of UX design is well-documented; you\u2019ve probably read the much-cited statistic that, on average, every $1 invested in UX brings a return of $100.<\/p>\n<p>The value of UX (and the value of following the UX design process) boils down to creating products and services that people actually need and want to use. That translates into customer loyalty, higher conversion rates, increased sales and revenue and a competitive edge in your market.<\/p>\n<p>As a general rule, follow the process as closely as possible. It\u2019s what separates excellent products from average ones.<\/p>\n<p>Want to learn more about the UX process and how UX designers work? See what <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/a-day-in-the-life-of-a-ux-designer\/\">a day in the life of a UX designer<\/a> looks like.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Understanding and following the UX design process is crucial for creating successful products. Learn about the UX design process and all the steps involved.<\/p>\n","protected":false},"author":24,"featured_media":5703,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"content-type":"","footnotes":""},"categories":[279],"tags":[287,301,296],"class_list":["post-4608","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ux-explained","tag-new-to-ux","tag-ux-methods","tag-what-is-ux"],"_links":{"self":[{"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/posts\/4608","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/users\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/comments?post=4608"}],"version-history":[{"count":66,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/posts\/4608\/revisions"}],"predecessor-version":[{"id":11637,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/posts\/4608\/revisions\/11637"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/media\/5703"}],"wp:attachment":[{"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/media?parent=4608"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/categories?post=4608"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/tags?post=4608"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}