<p>Published on <a href="https://blog.prototypr.io/designers-guide-to-scrum-7a20bbb54845?source=rss----eb297ea1161a---4">| Prototyping: From UX to Front End &mdash; Medium</a> Justinmind <img alt="" src="https://cdn-images-1.medium.com/max/1024/0*8TGr49Hx6IajDZ7s.png"></p>
<h4>Where do designers fit into the Scrum process? Exploring the concept of Agile UX, with advice on improving designer-developer collaboration</h4>
<p>When it comes to getting a product out to market,there are several widespread frameworks that organizations use in order to create a fluid and efficient workflow. One of those frameworks is <strong>Scrum</strong>, which is part of the popular Agile methodology.</p>
<p>We know what you’re thinking. Scrum and Agile — that’s developer stuff, right? After all, Agile is an iterative software development approach used to launch products. Why should we care?</p>
<p>The reality is as designers we have to understand <strong>Agile and Scrum</strong> because it’s likely we’re going to be working in organizations that use that methodology. <a href="https://www.pmi.org/-/media/pmi/documents/public/pdf/learning/thought-leadership/pulse/pulse-of-the-profession-2017.pdf">71% of organizations</a> report using agile approaches for their projects so it is in any designer’s best interest to get to grips with the approach.</p>
<p>Many companies have found success with Scrum, especially when it comes to changing the way they work and how they get things done. A report by PwC on Agile Project Delivery Confidence found that Agile projects are <a href="https://www.pwc.com/gx/en/actuarial-insurance-services/assets/agile-project-delivery-confidence.pdf">28% more successful</a> than traditional projects.</p>
<p>With so many organizations using the scrum framework in their own way, including <a href="https://www.justinmind.com/?blog-link-post">Justinmind</a>, we’re going to give a run down on all things Scrum and how UX and UI designers alike can get the most out of the methodology.</p>
<p><a href="https://www.justinmind.com/usernote/signUp.action?blog-banner-post"><strong><em>Get on top of Scrum with a little prototyping. Download Justinmind.</em></strong></a></p>
<h4>What is the Scrum framework?</h4>
<p>The <a href="http://www.scrumguides.org/scrum-guide.html#definition">Scrum Guide</a> defines the Scrum framework as a way to manage work on complex products. The foundation of Scrum is empirical, which is to say that any knowledge gained comes from experience and decisions are made based on what is already known.</p>
<blockquote><p>“Experience is the best teacher, and the scrum cycle is designed to provide you with multiple opportunities to receive feedback — from customers, from the team, from the market — and to learn from it.” — Chris Sims, “<a href="https://www.amazon.com/Scrum-Breathtakingly-Brief-Agile-Introduction/dp/193796504X">Scrum: a Breathtakingly Brief and Agile Introduction”.</a></p></blockquote>
<p><em>Take a look at </em><a href="https://www.justinmind.com/blog/redesigning-justinminds-website-prototyping-in-a-scrum-environment/"><em>how we applied Scrum</em></a><em> to our own website design process.</em></p>
<h4>What is Scrum used for?</h4>
<p>There are numerous reasons why a team would use Scrum. Mainly, it helps teams to:</p>
<ol>
<li>Identify and understand viable markets, tech and product capabilities</li>
<li>Develop products and make enhancements</li>
<li>Release products and enhancements</li>
<li>Develop and sustain operational environments for product use</li>
<li>Sustain and renew products</li>
</ol>
<h4>The Scrum team makeup</h4>
<p>A typical Scrum team will consist of 3 elements:</p>
<ul>
<li>A Product Owner</li>
<li>A Scrum Master</li>
<li>A Development Team</li>
</ul>
<p>The Product Owner deals with delegating tasks, prioritizing tasks to achieve goals, optimizing the value of the work of the Development Team and ensuring that all tasks are clear to everyone.</p>
<p><img alt="scrum-designers-scrum-team-makeup" src="https://cdn-images-1.medium.com/max/810/0*2CehADOwCwQSRfAu.png">Image credit: Mendix</p>
<p>The Development Team are those involved in delivering the tasks delegated by the Product Owner. Scrum makes no distinction between someone involved in marketing and a developer — they’re all part of the Development Team. The Development Team is self-organizing and cross-functional.</p>
<p>The Scrum Master is someone who advocates for Scrum, the Scrum guide and helping individuals in a team understand the theory, rules and values of Scrum. They serve the Product Owner, Development Team and the organization at large.</p>
<h4>A Scrum workflow</h4>
<p>A typical Scrum scenario might go something like this: John, the Product Owner at a SaaS organization, has to develop a new app. First, John will gather the requirements by looking into use-cases and discussing with other members of the team including engineers and stakeholders to get idea of the project scope.</p>
<p><img alt="scrum-designers-scrum-workflow" src="https://cdn-images-1.medium.com/max/810/0*S4q_FDBkSS1278QK.png"></p>
<p>Then after John has collated all the necessary information, he’ll start to put tasks into a backlog. The backlog is where all tasks (or <a href="http://www.agilemodeling.com/artifacts/userStory.htm">user stories</a>) which pertain to a particular development cycle live. John will prioritize these user stories and estimate how long they will take.</p>
<p>Any large, high-level requirements will be broken down into smaller more manageable user stories. Then once John has done this, he’ll be ready to create the <a href="https://www.scrum.org/resources/what-is-a-sprint-in-scrum">sprint</a>. The sprint is simply an iteration, a basic unit of development in the Scrum. The duration of the sprint is fixed in advance and can last between 1 week to 1 month.</p>
<p>The reason for short sprints is to be able to respond to any unforeseen changes that could impact the team and/or product.</p>
<p>If you’re in a 2 week sprint and developing an iPhone app and suddenly <a href="https://www.justinmind.com/blog/wireframe-tool-prototyper-8-3-0/">iPhone X</a> is released, your Product Owner shouldn’t have too many problems reconfiguring the backlog and re-prioritize tasks. This is what is known as a <a href="http://www.innolution.com/resources/glossary/pivot">pivot</a> and is what makes Agile methodology effective — being able to respond to any sudden changes in circumstance.</p>
<p><a href="https://www.justinmind.com/blog/how-to-design-for-iphone-x-with-justinmind/"><em>Design awesome iPhoneX prototypes with Justinmind</em></a></p>
<p>The Sprint Planning Session is where teams can ask questions, clarify points and discuss whether or not they have the capacity to do the tasks outlined by the Product Owner. Together the teams will commit to complete X number of user stories in a given sprint.</p>
<h4>Scrum day to day: how to make it work</h4>
<p>Development teams need to work quickly and fast. In other words, they need to be agile. Because market changes can happen without warning, teams have to be able to respond to these changes.</p>
<p>During the sprint, the team will have a daily scrum meeting where they outline what has been achieved so far, what isn’t going as planned and any new information that may be relevant to the sprint at hand.</p>
<p>The sprint concludes with John talking to the Scrum Master about what has worked and what hasn’t worked in the sprint.</p>
<p>In brief, the <a href="https://www.atlassian.com/agile/scrum">Scrum process</a> will look like this:</p>
<ul>
<li>Sprint planning — outlining what’s going in the spring</li>
<li>Daily stand-up — a quick meeting for the team to get in sync</li>
<li>Sprint demo — a sharing meeting to show what’s been shipped</li>
<li>Sprint retrospective — a review of the good, the bad and the ugly of the sprint.</li>
</ul>
<h4><strong>Design and the Scrum process</strong></h4>
<p>Since a sprint will focus on the creation and implementation of a product, which requires extensive coding, you might be wondering how can design and development work hand in hand using Scrum? Wouldn’t they need to have all the UI assets and information before they can code?</p>
<p>To continue our example: the Product Owner, John, will have created user stories for the developers on the team. If one of those user stories is ‘create login page’ then the developers will need to have all the requirements and assets like <a href="https://www.justinmind.com/blog/3-awesome-mobile-app-mockups-to-download/">mockups</a> and prototypes needed for those particular user stories.</p>
<p>That means the UX design work has to be completed before the sprint begins.</p>
<p>To get around this conundrum, UI and UX design should work ahead of any sprint cycle. Before a developer begins to work on a user story, that user story has to be designed, tested, and researched weeks if not months in advance.</p>
<p>If the developer doesn’t have all of this information at their disposal, it’s unlikely that they’ll be able to complete the work in a 2 week or 4 week sprint.</p>
<p>UX and UI designers have their own workflow, which is made up of:</p>
<ul>
<li>Gathering requirements</li>
<li>Brainstorming and ideation</li>
<li>Research</li>
<li>Wireframing and prototyping</li>
<li>Testing</li>
</ul>
<p>The sprint relies on these elements being done in advance and as a result they can’t be done concurrently with development.</p>
<p><a href="https://www.justinmind.com/usernote/signUp.action?blog-banner-post"><strong><em>Pixel-perfect design-development hand-off with Justinmind</em></strong></a></p>
<h4>Where can design fit into the Scrum process?</h4>
<p>It can be tricky to find out where design fits into the Scrum process. The <a href="https://mobgen.com/no-role-for-designers-in-scrum/">debate rages</a> on as to whether or not design should even be incorporated into Agile sprints. Thankfully, there are a few different work arounds which may or may not work. It ultimately comes down to what kind of organization you’re in.</p>
<p>As already mentioned, the UI/UX work should ideally be done before a sprint begins. This doesn’t mean designers are free from that sprint, however.</p>
<p>If a developer needs clarification on a design for a user story they’re working on then the designer should stop their work on the next sprint and focus on the current sprint. In this way, the designer is both looking ahead and staying focused on the present. Likewise, it’s a good rule of thumb to have a developer in the meeting when UX deliverables are being discussed so that they can review and give their insight.</p>
<h4>3 ways to combine design thinking with Scrum</h4>
<p>UX design and Scrum may not be a marriage made in heaven. Both are needed in organizations which aim to create successful products with awesome user experiences. Since Scrum can be suffocating for a design team, it would make sense for UI/UX designers to introduce design thinking into the mix with Agile methodology.</p>
<p>Even though they’re distinct schools of thought, they share many commonalities such as collaboration and empowering people to do what they do best, in the most efficient way. <a href="https://medium.com/startup-study-group/how-to-combine-design-thinking-and-agile-in-practice-36c9fc75c6e6">Tom Roach</a>, UX designer at IBM, gives a run down of how they get combined at IBM.</p>
<h4>Google Design Sprint</h4>
<p>Google has a <a href="https://designsprintkit.withgoogle.com/planning/">design sprint kit</a> which can be used to bring a design thinking framework into your Scrum process. There are templates and frequently asked questions to give you an idea of how to get started. A Scrum Master will be able to get their head around the concepts of the design sprint in no time.</p>
<p><img alt="scrum-designers-google-design-sprint" src="https://cdn-images-1.medium.com/max/810/0*qawxdoi_LJ2AslGm.png">Image credit: Lefty Group</p>
<h4>Lean UX</h4>
<p>There’s also the <a href="https://www.interaction-design.org/literature/article/a-simple-introduction-to-lean-ux">lean UX</a> approach. Lean UX is focused on the experience under design and not so much on deliverables. Lean UX mimics the same life cycles of a traditional Agile approach but is centered around design. It’s also collaborative at heart and cross-functional.</p>
<p>The lean UX approach can be surmised as “think, make, check”. This loop is a quick way of saying that you brainstorm and ideate before moving onto prototyping and wireframing to then iterate and test. This approach can be done before, during and after you have a <a href="https://www.justinmind.com/blog/whats-the-difference-between-a-prototype-and-an-mvp/">minimum viable product</a>.</p>
<h4>Agile UX</h4>
<p><a href="https://www.nngroup.com/articles/ux-user-stories/?utm_source=Alertbox&amp;utm_campaign=f0e25be929-Flat_Best_User+Stories_Agile_NoThumb_2017_03_13&amp;utm_medium=email&amp;utm_term=0_7f29a2b335-f0e25be929-40277977">69% of UX practitioners</a> are using an Agile approach. Even though Agile is difficult to marry with UX design, it’s not impossible.</p>
<p><a href="https://www.nngroup.com/articles/agile-not-easy-ux/">NNGroup</a> found that Agile UX works best when management values user experience design and when UX designers show leadership. That requires a looser process that isn’t too strict and a organizational understanding of UX and the value it brings.</p>
<p>Agile UX brings agility to UX design and by bringing UX design to Agile, it makes the process more flexible by allowing design to work on sprints in advance. Agile UX won’t work if you have a Scrum Master who’s too stuck in the rulebook.</p>
<p>For Scrum and UX design to work well it’s important to:</p>
<ul>
<li>Have design work on sprints in advance</li>
<li>Plan adequately</li>
<li>Pick a method that’s adaptable and a Scrum Master who is open to change</li>
<li>Have a developer present during UX deliverable discussions</li>
</ul>
<h4>Conclusion</h4>
<p>Bringing together Agile methods and design thinking might not be the easiest task. But companies which fully embrace the value of design thinking with the efficacy of Scrum should aim to create a system that works for their organization and is tailored to their team’s needs and values.</p>
<p><iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fupscri.be%2Ff51076%3Fas_embed%3Dtrue&amp;dntp=1&amp;url=https%3A%2F%2Fupscri.be%2Ff51076%2F&#038;image=https%3A%2F%2Fe.enpose.co%2F%3Fkey%3DdRXnS9Gplk%26w%3D700%26h%3D425%26url%3Dhttps%253A%252F%252Fupscri.be%252Ff51076%252F%253Fenpose&amp;key=d04bfffea46d4aeda930ec88cc64b87c&amp;type=text%2Fhtml&amp;schema=upscri" width="800" height="400" frameborder="0"><a href="https://medium.com/media/b85dfbb5286d8a25cf2e754b9462cf45/href">https://medium.com/media/b85dfbb5286d8a25cf2e754b9462cf45/href</a></iframe><img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=7a20bbb54845" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou"></p>
<hr>
<p><a href="https://blog.prototypr.io/designers-guide-to-scrum-7a20bbb54845">Designer’s guide to Scrum</a> was originally published in <a href="https://blog.prototypr.io">Prototypr</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>


Designer’s guide to Scrum

Where do designers fit into the Scrum process? Exploring the concept of Agile UX, with advice on improving designer-devel…

Top Stories