{"id":34865,"date":"2022-04-19T09:43:00","date_gmt":"2022-04-19T16:43:00","guid":{"rendered":"https:\/\/www.uxpin.com\/studio\/?p=34865"},"modified":"2022-08-26T06:58:34","modified_gmt":"2022-08-26T13:58:34","slug":"design-iteration-process","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/design-iteration-process\/","title":{"rendered":"An Introduction to the Design Iteration Process"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"512\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/04\/An-Introduction-to-the-Design-Iteration-Process-1024x512.png\" alt=\"An Introduction to the Design Iteration Process\" class=\"wp-image-34866\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/04\/An-Introduction-to-the-Design-Iteration-Process-1024x512.png 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/04\/An-Introduction-to-the-Design-Iteration-Process-600x300.png 600w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/04\/An-Introduction-to-the-Design-Iteration-Process-768x384.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/04\/An-Introduction-to-the-Design-Iteration-Process.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-yoast-seo-table-of-contents yoast-table-of-contents\"><h2>Table of contents<\/h2><ul><li><a href=\"#h-what-is-design-iteration\" data-level=\"2\">What Is Design Iteration?<\/a><ul><li><a href=\"#h-why-is-design-iteration-a-part-of-the-design-process\" data-level=\"3\">Why Is Design Iteration A Part of the Design Process?<\/a><\/li><\/ul><\/li><li><a href=\"#h-what-are-the-benefits-of-an-iterative-design-process\" data-level=\"2\">What Are the Benefits of an Iterative Design Process?<\/a><ul><li><a href=\"#h-it-saves-resources\" data-level=\"3\">It Saves Resources<\/a><\/li><li><a href=\"#h-it-facilitates-collaboration\" data-level=\"3\">It Facilitates Collaboration<\/a><\/li><li><a href=\"#h-it-addresses-real-user-needs\" data-level=\"3\">It Addresses Real User Needs<\/a><\/li><li><a href=\"#h-facilitates-regular-updates\" data-level=\"3\">Facilitates Regular Updates<\/a><\/li><\/ul><\/li><li><a href=\"#h-where-is-iteration-used\" data-level=\"2\">Where Is Iteration Used?<\/a><ul><li><a href=\"#h-iteration-in-design\" data-level=\"3\">Iteration in Design<\/a><\/li><li><a href=\"#h-iteration-in-software-development\" data-level=\"3\">Iteration in Software Development<\/a><\/li><li><a href=\"#h-iteration-in-project-management\" data-level=\"3\">Iteration in Project Management<\/a><\/li><li><a href=\"#h-iteration-in-research\" data-level=\"3\">Iteration in Research<\/a><\/li><\/ul><\/li><li><a href=\"#h-what-does-the-iterative-design-process-look-like\" data-level=\"2\">What Does the Iterative Design Process Look Like?<\/a><ul><li><a href=\"#h-stage-1-planning\" data-level=\"3\">Stage 1: Planning<\/a><\/li><li><a href=\"#h-stage-2-ideation\" data-level=\"3\">Stage 2: Ideation<\/a><\/li><li><a href=\"#h-stage-3-prototyping\" data-level=\"3\">Stage 3: Prototyping<\/a><\/li><li><a href=\"#h-stage-4-testing\" data-level=\"3\">Stage 4: Testing<\/a><\/li><li><a href=\"#h-stage-5-review\" data-level=\"3\">Stage 5: Review<\/a><\/li><\/ul><\/li><li><a href=\"#h-the-do-s-and-don-ts-of-the-design-iteration-process\" data-level=\"2\">The Do\u2019s and Don\u2019ts of the Design Iteration Process<\/a><ul><li><a href=\"#h-do-fail-faster\" data-level=\"3\">Do: Fail Faster<\/a><\/li><li><a href=\"#h-do-be-flexible\" data-level=\"3\">Do: Be Flexible<\/a><\/li><li><a href=\"#h-do-work-asynchronously\" data-level=\"3\">Do: Work Asynchronously<\/a><\/li><li><a href=\"#h-do-collaborate-and-listen\" data-level=\"3\">Do: Collaborate and Listen<\/a><\/li><li><a href=\"#h-don-t-try-to-solve-everything\" data-level=\"3\">Don\u2019t: Try to Solve Everything<\/a><\/li><\/ul><\/li><li><a href=\"#h-conclusion\" data-level=\"2\">Conclusion<\/a><\/li><li><a href=\"#h-iterative-design-with-uxpin\" data-level=\"2\">Iterative Design with UXPin<\/a><\/li><\/ul><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-what-is-design-iteration\"><strong>What Is Design Iteration?<\/strong><\/h2>\n\n\n\n<p>Design iteration is the repeatable process of improving a product (or part of a product) in relatively short but regular bursts, otherwise known as \u2018design iterations\u2019. These design iterations can consist of <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/high-fidelity-prototyping-low-fidelity-difference\/\" target=\"_blank\" rel=\"noreferrer noopener\">high-fidelity prototypes<\/a>, mid-fidelity wireframes, low-fidelity sketches, or even simple diagrams such as sitemaps.<\/p>\n\n\n\n<p>Design iteration drives the overall <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/design-process-ux\/\" target=\"_blank\" rel=\"noreferrer noopener\">design process<\/a> forward.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-why-is-design-iteration-a-part-of-the-design-process\"><strong>Why Is Design Iteration A Part of the Design Process?<\/strong><\/h3>\n\n\n\n<p>Jumping immediately into product development and then trying to validate the end result using research (e.g. <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/how-to-run-an-insightful-usability-test\/\" target=\"_blank\" rel=\"noreferrer noopener\">usability testing<\/a>) leads us to design the worst possible version of our product. When this happens, the journey from the worst possible version to the best possible version is a costly one, and not least time-consuming.<\/p>\n\n\n\n<p>A better approach to designing <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/user-interface-elements-every-designer-should-know\/\" target=\"_blank\" rel=\"noreferrer noopener\">human-computer interfaces<\/a> is design in iterations. It enables us to learn along the way, using feedback and trial-and-error to collect clues about how the design should look and function. It won\u2019t be a straight road to the finish line, but we won\u2019t end up moving completely in the wrong direction either. In the long run, design iteration awards the design process with more time, insights, and stability.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-what-are-the-benefits-of-an-iterative-design-process\"><strong>What Are the Benefits of an Iterative Design Process?<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"300\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/04\/scaling-process-up-1.png\" alt=\"scaling process up 1\" class=\"wp-image-34874\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/04\/scaling-process-up-1.png 750w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/04\/scaling-process-up-1-700x280.png 700w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-it-saves-resources\">It <strong>Saves Resources<\/strong><\/h3>\n\n\n\n<p>An iterative design process almost always saves the most amount of time because it regularly provides us with user feedback (or stakeholder feedback, at the very least) that propels us forward at a steady pace.<\/p>\n\n\n\n<p>Although positive feedback can tell us when we\u2019re on the right path, negative feedback can tell us when we\u2019re on the wrong path as well \u2014 so we\u2019re constantly moving forward, never truly wasting any valuable time.<\/p>\n\n\n\n<p>With no feedback at all, we risk rushing all the way to the finish line only to fail, which is a huge waste of time and bandwidth. Plus, since time is money, this makes design iteration the most cost-effective option too.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-it-facilitates-collaboration\">It <strong>Facilitates Collaboration<\/strong><\/h3>\n\n\n\n<p>An iterative design process facilitates healthy collaboration too since it awards <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/stakeholder-analysis-for-product-teams\/\" target=\"_blank\" rel=\"noreferrer noopener\">stakeholders<\/a> the opportunity to express their feedback and even share their own ideas. This provides us with insights that we\u2019d have never discovered on our own because we\u2019re only able to see things from our own perspective.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-it-addresses-real-user-needs\">It <strong>Addresses Real User Needs<\/strong><\/h3>\n\n\n\n<p>Without a methodic design iteration process (specifically one that incorporates collaboration), designers tend to fall into the trap of working in an isolated bubble. Being <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/breaking-silos\/\" target=\"_blank\" rel=\"noreferrer noopener\">siloed<\/a> causes us to become too introspective, which then leads us to make hasty assumptions and unproductive perfectionist behaviours.<\/p>\n\n\n\n<p>However, implementing an iterative design process ensures that we stay focused on user needs and make decisions in accordance with user feedback. Also, it helps us to prioritize the next best way to improve the design rather than focus on random improvements.<\/p>\n\n\n\n<p>As an added bonus, user feedback can also help to settle any conflicting opinions amongst stakeholders.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-facilitates-regular-updates\"><strong>Facilitates Regular Updates<\/strong><\/h3>\n\n\n\n<p>Having an iterative design process enables us to provide progress updates to stakeholders at regular intervals, as opposed to just dumping the end-result on them and leaving them in the dark until then.<\/p>\n\n\n\n<p>For developers in particular, it means that development can begin even while the design is still in progress (in fact, it allows developers to leverage an iterative development process, so everybody wins).<\/p>\n\n\n\n<p>When working with clients, frequent updates can illustrate the effort that\u2019s going into their product, helping to foster good relationships with them. Regular product updates can even be relayed to customers to generate marketing buzz and acquire public feedback.<\/p>\n\n\n\n<p><a href=\"https:\/\/www.uxpin.com\/docs\/sharing\/preview-and-share\/\" target=\"_blank\" rel=\"noreferrer noopener\">UXPin prototypes can be shared<\/a> with customers and stakeholders within seconds. In just a few clicks, designers can begin acquiring <a href=\"https:\/\/www.uxpin.com\/docs\/sharing\/comments\/\" target=\"_blank\" rel=\"noreferrer noopener\">contextual feedback comments<\/a> as customers and stakeholders test design iterations that look and function like the real thing. When using <a href=\"https:\/\/www.uxpin.com\/docs\/editor\/adaptive-versions\" target=\"_blank\" rel=\"noreferrer noopener\">Adaptive Versions<\/a>, simulated prototypes will even adapt to their device and screen size. Just remember to use <a href=\"https:\/\/www.uxpin.com\/docs\/sharing\/preview-and-share\/#previewing-designs\" target=\"_blank\" rel=\"noreferrer noopener\">Preview<\/a> mode to check prototypes for errors and oversights before sharing!&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-where-is-iteration-used\"><strong>Where Is Iteration Used?<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"300\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/04\/process-direction-1.png\" alt=\"process direction 1\" class=\"wp-image-34870\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/04\/process-direction-1.png 750w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/04\/process-direction-1-700x280.png 700w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<p>Iteration isn\u2019t only for designers. Software developers can also take an iterative approach to their work, working asynchronously or in tandem with iterative design. On a much larger scale, even entire projects can be methodically managed in iterations.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-iteration-in-design\"><strong>Iteration in Design<\/strong><\/h3>\n\n\n\n<p>In design, iteration is a key aspect of many design methodologies such as:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/www.gv.com\/sprint\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">design sprint methodology<\/a>,&nbsp;<\/li><li><a href=\"https:\/\/www.uxpin.com\/studio\/blog\/user-centered-design\/\" target=\"_blank\" rel=\"noreferrer noopener\">human-centered design<\/a>,&nbsp;<\/li><li><a href=\"https:\/\/www.uxpin.com\/studio\/blog\/stages-design-thinking-process\/\" target=\"_blank\" rel=\"noreferrer noopener\">design thinking<\/a>, <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/lean-ux-process\/\" target=\"_blank\" rel=\"noreferrer noopener\">lean UX<\/a>,&nbsp;<\/li><li>and <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/rapid-prototyping-process-fidelity-10-minute-guide-for-ui-ux-designers\/\" target=\"_blank\" rel=\"noreferrer noopener\">rapid prototyping<\/a> approach.<\/li><\/ul>\n\n\n\n<p>Regardless of the methodology used, teams can asynchronously address multiple user needs at once using concurrent iterative design processes as long the necessary resources are available to do so.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-iteration-in-software-development\"><strong>Iteration in Software Development<\/strong><\/h3>\n\n\n\n<p>In software development, iteration is used to facilitate continual improvement, provides a margin for error, and avoids blocking other aspects of the product development process (unlike the waterfall methodology, which is linear and enforces all processes to be done sequentially). In fact, an iterative approach makes it possible for design and development team members to work in tandem (e.g. combine <a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/creating-agile-ux-process-uxpin\/\" target=\"_blank\" rel=\"noreferrer noopener\">agile UX<\/a> and agile software development to build out functionalities).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-iteration-in-project-management\"><strong>Iteration in Project Management<\/strong><\/h3>\n\n\n\n<p>Finally, iteration can also work at a higher-level, becoming the overarching theme of the whole product or project management process. Iteration provides project stakeholders with regular updates about the direction of the product throughout its lifecycle, along with data that can be used to measure core success metrics.<\/p>\n\n\n\n<p>Iteration can even be used to improve internal operations (e.g. <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/designops\/\" target=\"_blank\" rel=\"noreferrer noopener\">DesignOps<\/a> and DevOps), providing a massive boost to the team\u2019s morale and productivity.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-iteration-in-research\"><strong>Iteration in Research<\/strong><\/h3>\n\n\n\n<p>Iterations should be fueled by research. Whether that\u2019s focus groups in design or browser testing in development, anything learned during research should be used to push us into the next iteration.<\/p>\n\n\n\n<p>In some cases, research can be conducted asynchronously and independently and doesn\u2019t need to result in a \u2018designed\u2019 or \u2018developed\u2019 deliverable. For example, when figuring out how to label and structure a navigation, designers can iterate through various formative and summative card sorting studies before finally winding up with a simple set of requirements.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-what-does-the-iterative-design-process-look-like\"><strong>What Does the Iterative Design Process Look Like?<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"301\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/responsive-screens-prototyping.png\" alt=\"responsive screens prototyping\" class=\"wp-image-32522\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/responsive-screens-prototyping.png 750w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/responsive-screens-prototyping-700x281.png 700w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<p>An iterative design process can differ from methodology to methodology, but can generally be summarized into 5 distinct stages: <em>planning<\/em>, <em>ideation<\/em>, <em>prototyping<\/em>, <em>testing<\/em>, and finally, <em>review<\/em>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-stage-1-planning\"><strong>Stage 1: Planning<\/strong><\/h3>\n\n\n\n<p>Iteration should be quick but effective, hence a certain amount of planning is required in order to keep iterations focused on a particular user need.<\/p>\n\n\n\n<p>The planning stage is mostly about deciding which problem to solve during the iteration. Occasionally this means listening to stakeholder observations but most of the time it means directly collecting user feedback from previous iterations (or somewhere else such as a feedback form).<\/p>\n\n\n\n<p>Either way, this stage is always fueled by research and driven by a purpose. In many design methodologies problems are reframed as opportunities, and when many opportunities present themselves, methodology states that stakeholders should vote on what appears to be the best opportunity to improve the product. As an example, the <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/the-25-minute-design-sprint\/\" target=\"_blank\" rel=\"noreferrer noopener\">design sprint methodology<\/a> relies on \u2018how might we\u2019 and \u2018dot voting\u2019 for choosing opportunities.<\/p>\n\n\n\n<p>In short, the planning stage should answer the question: \u201cwhat should we improve in this iteration?\u201d<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-stage-2-ideation\"><strong>Stage 2: Ideation<\/strong><\/h3>\n\n\n\n<p>At this stage in the process the objective is to generate as many ideas as possible no matter how bad they are, usually via sketching. This is an iterative design process in itself where we\u2019ll usually refine our best ideas and put aside the worst ones.<\/p>\n\n\n\n<p>Iterative methodologies exist (e.g. Crazy 8s, Four-Step Sketch, etc.) to ensure that the creative juices remain flowing, and they also enforce time limits to keep the process lean, fun, and productive.<\/p>\n\n\n\n<p>Eventually, we\/our team will choose one slightly refined idea to move forward with. Chosen ideas are often phrased as user stories so that the prototyper then has a problem statement, a clearly defined actionable task, and a detailed-enough visual guide.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-stage-3-prototyping\"><strong>Stage 3: Prototyping<\/strong><\/h3>\n\n\n\n<p>Once we\u2019re at the <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/what-is-a-prototype-a-guide-to-functional-ux\/\" target=\"_blank\" rel=\"noreferrer noopener\">prototyping<\/a> stage the iterative design process starts to feel a little simpler as we\u2019re now focused on a specific idea.<\/p>\n\n\n\n<p>The time limit is usually enforced for maximum productivity, so it&#8217;s best to use a design tool that supports your workflow, such as <a href=\"https:\/\/uxpin.com\" target=\"_blank\" rel=\"noreferrer noopener\">UXPin<\/a>. Better yet when the product team has a <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/design-system-ops\/\" target=\"_blank\" rel=\"noreferrer noopener\">design <\/a><a href=\"https:\/\/www.uxpin.com\/studio\/blog\/build-a-design-system-from-scratch-in-7-steps\/\" target=\"_blank\" rel=\"noreferrer noopener\">system<\/a> at hand and the <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/product-designer-vs-ux-designer-a-comparative-analysis\/\" target=\"_blank\" rel=\"noreferrer noopener\">UX designer<\/a> understands it thoroughly, it can help tremendously.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-stage-4-testing\"><strong>Stage 4: Testing<\/strong><\/h3>\n\n\n\n<p>The objective of the testing stage is to find out whether or not the prototype solves the problem we\u2019re trying to solve, and how well it solves it. We won\u2019t be implementing anything or even synthesizing the research, it\u2019s simply about using the right research methods to learn as much as we can about the solution and documenting any feedback, findings, and insights.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-stage-5-review\"><strong>Stage 5: Review<\/strong><\/h3>\n\n\n\n<p>The final stage \u2014 the review stage \u2014 is about synthesizing the research and coming to a conclusion about the effectiveness of the solution. A conclusion usually falls into one of the following categories:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>\u201cGreat\u201d \u2014 time to implement<\/li><li>\u201cGood, but\u2026\u201d \u2014 circle back to <em>prototyping<\/em><\/li><li>\u201cFlawed\u201d \u2014 circle back to <em>ideation<\/em><\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-the-do-s-and-don-ts-of-the-design-iteration-process\"><strong>The Do\u2019s and Don\u2019ts of the Design Iteration Process<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"301\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/04\/idea-1.png\" alt=\"idea 1\" class=\"wp-image-34868\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/04\/idea-1.png 750w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/04\/idea-1-700x281.png 700w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-do-fail-faster\"><strong>Do: Fail Faster<\/strong><\/h3>\n\n\n\n<p>Adopting a \u2018fail faster\u2019 mentality, embrace trial-and-error to learn what not to do even when missing the mark. Failure is inevitable so it\u2019s best to get it out of the way early while making sure to learn from it.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-do-be-flexible\"><strong>Do: Be Flexible<\/strong><\/h3>\n\n\n\n<p>Although design methodologies have strict rules to help us express our creative freedom without spending too long on each iteration, they still allow for a certain degree of flexibility. Ultimately, it\u2019s up to us to decide which opportunities to focus on first, when to iterate or test more, and how many concurrent design iteration processes should be active at once.<\/p>\n\n\n\n<p>Leveraging any data and research available, these decisions largely depend on instinct and experience.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-do-work-asynchronously\"><strong>Do: Work Asynchronously<\/strong><\/h3>\n\n\n\n<p>Utilizing all available resources (tools, teammates, etc.), achieve the most in the shortest space of time by allowing other designers to solve other aspects of the product asynchronously, and developers to begin implementing validated solutions too. Doing both of these will shorten product timelines <em>significantly<\/em>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-do-collaborate-and-listen\"><strong>Do: Collaborate and Listen<\/strong><\/h3>\n\n\n\n<p>Which problem should we solve? Which iteration is best? Is the prototype ready for testing? What does all this feedback mean? Acquiring fresh perspective and unique expertise from collaborating teammates gives us the confidence to answer these questions.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"301\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/04\/task-documentation-data.png\" alt=\"task documentation data\" class=\"wp-image-34872\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/04\/task-documentation-data.png 750w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/04\/task-documentation-data-700x281.png 700w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-don-t-try-to-solve-everything\"><strong>Don\u2019t: Try to Solve Everything<\/strong><\/h3>\n\n\n\n<p>Once the problem we\u2019re solving during the design iteration process has been decided, avoid trying to solve additional problems. Although it\u2019s normal to identify things that can be improved (during testing or through observation), note them down because they might be good starting points for later iterations.<\/p>\n\n\n\n<p>Allowing scope creep (additional problems to creep into our design iteration process) will only distract us, slow us down, and make it difficult to measure the impact that iterations are having on key metrics.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-conclusion\"><strong>Conclusion<\/strong><\/h2>\n\n\n\n<p>Now that we understand the foundations of design iteration, the next step is to choose an iterative design methodology that works for us and our team, and allow ample time for everybody to master it.<\/p>\n\n\n\n<p>However, no design methodology is <em>perfect<\/em>. If something isn\u2019t working then consider adapting the workflow or simply move on and try another method.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-iterative-design-with-uxpin\">Iterative Design with UXPin<\/h2>\n\n\n\n<p>UXPin is an end-to-end design tool built to help product teams iterate quickly, collaborate on ideas, acquire actionable feedback, and eventually hand off high-fidelity prototypes that are code-based and give developers much more to work with.<\/p>\n\n\n\n<p>With UXPin, go from validated iteration to production much quicker by letting developers implement prototype specs that are already translated to HTML, CSS, and JavaScript, collaborate on design system documentation, and even import real React components into prototypes using <a href=\"https:\/\/www.uxpin.com\/merge\" target=\"_blank\" rel=\"noreferrer noopener\">UXPin Merge<\/a>.<\/p>\n\n\n\n<div class=\"wp-block-buttons\">\n<div class=\"wp-block-button is-style-fill\"><center><a class=\"btn btn-flat btn-large btn-content-width\" href=\"https:\/\/www.uxpin.com\/merge\" target=\"_blank\" rel=\"noreferrer noopener\">Discover Merge<\/a><\/center><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>What Is Design Iteration? Design iteration is the repeatable process of improving a product (or part of a product) in relatively short but regular bursts, otherwise known as \u2018design iterations\u2019. These design iterations can consist of high-fidelity prototypes, mid-fidelity wireframes, low-fidelity sketches, or even simple diagrams such as sitemaps. Design iteration drives the overall design<\/p>\n","protected":false},"author":3,"featured_media":34866,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,18,172,8],"tags":[],"class_list":["post-34865","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-process","category-product-design","category-prototyping"],"yoast_title":"","yoast_metadesc":"You've probably heard that design is iterative, but what does it mean? Let's explore design iteration process and examine its value.","acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>An Introduction to the Design Iteration Process | UXPin<\/title>\n<meta name=\"description\" content=\"You&#039;ve probably heard that design is iterative, but what does it mean? Let&#039;s explore design iteration process and examine its value.\" \/>\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.uxpin.com\/studio\/blog\/design-iteration-process\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"An Introduction to the Design Iteration Process\" \/>\n<meta property=\"og:description\" content=\"You&#039;ve probably heard that design is iterative, but what does it mean? Let&#039;s explore design iteration process and examine its value.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/design-iteration-process\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2022-04-19T16:43:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-08-26T13:58:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/04\/An-Introduction-to-the-Design-Iteration-Process.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"UXPin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@uxpin\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"UXPin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/design-iteration-process\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/design-iteration-process\\\/\"},\"author\":{\"name\":\"UXPin\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\"},\"headline\":\"An Introduction to the Design Iteration Process\",\"datePublished\":\"2022-04-19T16:43:00+00:00\",\"dateModified\":\"2022-08-26T13:58:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/design-iteration-process\\\/\"},\"wordCount\":2074,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/design-iteration-process\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2022\\\/04\\\/An-Introduction-to-the-Design-Iteration-Process.png\",\"articleSection\":[\"Blog\",\"Process\",\"Product Design\",\"Prototyping\"],\"inLanguage\":\"en-US\",\"accessibilityFeature\":[\"tableOfContents\"]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/design-iteration-process\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/design-iteration-process\\\/\",\"name\":\"An Introduction to the Design Iteration Process | UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/design-iteration-process\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/design-iteration-process\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2022\\\/04\\\/An-Introduction-to-the-Design-Iteration-Process.png\",\"datePublished\":\"2022-04-19T16:43:00+00:00\",\"dateModified\":\"2022-08-26T13:58:34+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\"},\"description\":\"You've probably heard that design is iterative, but what does it mean? Let's explore design iteration process and examine its value.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/design-iteration-process\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/design-iteration-process\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/design-iteration-process\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2022\\\/04\\\/An-Introduction-to-the-Design-Iteration-Process.png\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2022\\\/04\\\/An-Introduction-to-the-Design-Iteration-Process.png\",\"width\":1200,\"height\":600,\"caption\":\"An Introduction to the Design Iteration Process\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/design-iteration-process\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"An Introduction to the Design Iteration Process\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\",\"name\":\"Studio by UXPin\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\",\"name\":\"UXPin\",\"description\":\"UXPin is a web-based design collaboration tool. We\u2019re pleased to share our knowledge here.\",\"sameAs\":[\"http:\\\/\\\/www.uxpin.com\",\"https:\\\/\\\/x.com\\\/@uxpin\"],\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/author\\\/hello\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"An Introduction to the Design Iteration Process | UXPin","description":"You've probably heard that design is iterative, but what does it mean? Let's explore design iteration process and examine its value.","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.uxpin.com\/studio\/blog\/design-iteration-process\/","og_locale":"en_US","og_type":"article","og_title":"An Introduction to the Design Iteration Process","og_description":"You've probably heard that design is iterative, but what does it mean? Let's explore design iteration process and examine its value.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/design-iteration-process\/","og_site_name":"Studio by UXPin","article_published_time":"2022-04-19T16:43:00+00:00","article_modified_time":"2022-08-26T13:58:34+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/04\/An-Introduction-to-the-Design-Iteration-Process.png","type":"image\/png"}],"author":"UXPin","twitter_card":"summary_large_image","twitter_creator":"@uxpin","twitter_misc":{"Written by":"UXPin","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/design-iteration-process\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/design-iteration-process\/"},"author":{"name":"UXPin","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e"},"headline":"An Introduction to the Design Iteration Process","datePublished":"2022-04-19T16:43:00+00:00","dateModified":"2022-08-26T13:58:34+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/design-iteration-process\/"},"wordCount":2074,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/design-iteration-process\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/04\/An-Introduction-to-the-Design-Iteration-Process.png","articleSection":["Blog","Process","Product Design","Prototyping"],"inLanguage":"en-US","accessibilityFeature":["tableOfContents"]},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/design-iteration-process\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/design-iteration-process\/","name":"An Introduction to the Design Iteration Process | UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/design-iteration-process\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/design-iteration-process\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/04\/An-Introduction-to-the-Design-Iteration-Process.png","datePublished":"2022-04-19T16:43:00+00:00","dateModified":"2022-08-26T13:58:34+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e"},"description":"You've probably heard that design is iterative, but what does it mean? Let's explore design iteration process and examine its value.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/design-iteration-process\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/design-iteration-process\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/design-iteration-process\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/04\/An-Introduction-to-the-Design-Iteration-Process.png","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/04\/An-Introduction-to-the-Design-Iteration-Process.png","width":1200,"height":600,"caption":"An Introduction to the Design Iteration Process"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/design-iteration-process\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"An Introduction to the Design Iteration Process"}]},{"@type":"WebSite","@id":"https:\/\/www.uxpin.com\/studio\/#website","url":"https:\/\/www.uxpin.com\/studio\/","name":"Studio by UXPin","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.uxpin.com\/studio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e","name":"UXPin","description":"UXPin is a web-based design collaboration tool. We\u2019re pleased to share our knowledge here.","sameAs":["http:\/\/www.uxpin.com","https:\/\/x.com\/@uxpin"],"url":"https:\/\/www.uxpin.com\/studio\/author\/hello\/"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/34865","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/comments?post=34865"}],"version-history":[{"count":4,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/34865\/revisions"}],"predecessor-version":[{"id":36395,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/34865\/revisions\/36395"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/34866"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=34865"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=34865"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=34865"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}