{"id":670551,"date":"2018-12-03T09:00:06","date_gmt":"2018-12-03T17:00:06","guid":{"rendered":"https:\/\/www.microsoft.com\/en-us\/research\/?post_type=msr-blog-post&#038;p=670551"},"modified":"2020-06-30T12:44:15","modified_gmt":"2020-06-30T19:44:15","slug":"prototyping-empathy-six-tips","status":"publish","type":"msr-blog-post","link":"https:\/\/www.microsoft.com\/en-us\/research\/articles\/prototyping-empathy-six-tips\/","title":{"rendered":"Prototyping empathy: Six tips for staying focused on people while prototyping"},"content":{"rendered":"<p>By <a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" rel=\"noopener noreferrer\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/in\/pennycollisson\/\">Penny Marsh Collisson<span class=\"sr-only\"> (opens in new tab)<\/span><\/a><\/p>\n<div id=\"attachment_670560\" style=\"width: 608px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-670560\" class=\"wp-image-670560 size-full\" src=\"https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2018\/12\/Prototyping-header.png\" alt=\"A woman draws a red shaped heart around her face\" width=\"598\" height=\"441\" srcset=\"https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2018\/12\/Prototyping-header.png 598w, https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2018\/12\/Prototyping-header-300x221.png 300w, https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2018\/12\/Prototyping-header-80x60.png 80w\" sizes=\"auto, (max-width: 598px) 100vw, 598px\" \/><p id=\"caption-attachment-670560\" class=\"wp-caption-text\">Note: This article was originally published on December 3, 2018, on Medium<\/p><\/div>\n<p id=\"5050\" class=\"ho hp bj hq b fk hr hs fn ht hu hv hw fs hx hy fv hz ia fy ib ek cg\" data-selectable-paragraph=\"\">Here\u2019s a common scenario: Your team just spent a crazy week pulling together a prototype for upcoming user research. Schedules are tight, pressures are high. Despite all the effort, it turns out the prototype isn\u2019t really what you needed to have an awesome conversation with a customer. But at this point, only small tweaks to the prototype are feasible\u2014because who has time for more? And frankly, you would feel like a real jerk if you were to ask for more. The team just sunk in a massive amount of time and effort.<\/p>\n<p id=\"c576\" class=\"ho hp bj hq b fk hr hs fn ht hu hv hw fs hx hy fv hz ia fy ib ek cg\" data-selectable-paragraph=\"\">There\u2019s no shortage of innovative prototyping tools that tackle this exact scenario by enabling you to work with more agility and speed. However, we recently started to wonder if what we really need is not a new tool, but rather a refined approach for ensuring our prototyping efforts are human centered. As a result of that thinking, we want to share six strategies we\u2019ve found useful for staying focused on people while prototyping.<\/p>\n<p class=\"ho hp bj hq b fk hr hs fn ht hu hv hw fs hx hy fv hz ia fy ib ek cg\" data-selectable-paragraph=\"\">These are a mix of things we\u2019ve been trying, as well ideas that emerged in conversations we\u2019ve had with dozens of researchers (within and outside of Microsoft) about how they ensure empathy is built in\u2014versus bolted on\u2014while prototyping. Let\u2019s dive in.<\/p>\n<h3><strong>1. Make people your top prototyping requirement<\/strong><\/h3>\n<div id=\"attachment_670563\" style=\"width: 310px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-670563\" class=\"wp-image-670563\" src=\"https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2018\/12\/Prototyping-image-2.png\" alt=\"A drawing of a woman in the middle of rotating files\" width=\"300\" height=\"338\" srcset=\"https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2018\/12\/Prototyping-image-2.png 280w, https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2018\/12\/Prototyping-image-2-266x300.png 266w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><p id=\"caption-attachment-670563\" class=\"wp-caption-text\">Illustrations by Michaelvincent Santos<\/p><\/div>\n<p>It\u2019s easy to get bogged down in technical limitations while planning a prototype. As UX-ers, it\u2019s our responsibility to ensure prototyping is empathy-led. First, understand who you are designing your prototype for. Include and plan to learn from people with a wide range of perspectives (<a href=\"https:\/\/www.microsoft.com\/design\/inclusive\/\">check out our work on inclusive design<\/a>). Also, get super crisp on users\u2019 goals and the job they\u2019re hiring your product to do, in the users\u2019 language. What will they find valuable? Usable? How should they feel and not feel? How will your prototype support understanding this?<\/p>\n<h3><strong>2. Optimize for a human experience, not a feature<\/strong><\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-670578 size-full aligncenter\" src=\"https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2018\/12\/Prototyping-image-3.png\" alt=\"A woman follows a dotted line to a treasure box\" width=\"363\" height=\"317\" srcset=\"https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2018\/12\/Prototyping-image-3.png 363w, https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2018\/12\/Prototyping-image-3-300x262.png 300w\" sizes=\"auto, (max-width: 363px) 100vw, 363px\" \/><\/p>\n<p>People rarely, if ever, experience a feature in isolation. As part of planning your prototype, think through just how interactive or complete your prototype needs to be to approximate your users\u2019 reality. Be careful about optimizing your prototype to make testing more feasible or a prototype easier to build.\u00a0<a href=\"https:\/\/www.microsoft.com\/en-us\/research\/group\/customer-insights-research\/articles\/skip-user-research-unless-youre-doing-it-right-seriously\/\">This can really impact the validity and value of your research<\/a>.\u00a0For your data to be useful, the prototype needs to be true to what a person would experience end-to-end in the finished product.\u00a0You might even need to include the place they\u2019d be starting before they get to your product. For example, will they get to your service through a browser? Through an app?<\/p>\n<h3><strong>\u00a03. Use prototyping to explore (as well as validate)<\/strong><\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-670584 size-full aligncenter\" src=\"https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2018\/12\/Prototyping-image-4.png\" alt=\"A drawing of a woman in front of a signpost\" width=\"259\" height=\"320\" srcset=\"https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2018\/12\/Prototyping-image-4.png 259w, https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2018\/12\/Prototyping-image-4-243x300.png 243w\" sizes=\"auto, (max-width: 259px) 100vw, 259px\" \/><\/p>\n<p>You will create some prototypes to evaluate your team\u2019s ideas. However, you can also use prototypes to explore ideas and develop empathy with what users really want and need in earlier design stages. Consider the following:<\/p>\n<ul>\n<li>Using more than one prototype to explore reactions<\/li>\n<li>Enabling people to \u201credraw\u201d parts of your prototype to best fit their needs<\/li>\n<li>Iterating your prototype in a <a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" rel=\"noopener noreferrer\" target=\"_blank\" href=\"https:\/\/en.wikipedia.org\/wiki\/RITE_Method\">RITE<span class=\"sr-only\"> (opens in new tab)<\/span><\/a> study based on people\u2019s input<\/li>\n<\/ul>\n<p>The key is to design prototypes with the intent of generating new ideas, as well as evaluating current ones.<\/p>\n<h3><strong>4. Know what it looks like if you\u2019re wrong<\/strong><\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-670587 size-full aligncenter\" src=\"https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2018\/12\/Prototyping-image-5.png\" alt=\"A drawing of a woman inside rotating documents\" width=\"329\" height=\"317\" srcset=\"https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2018\/12\/Prototyping-image-5.png 329w, https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2018\/12\/Prototyping-image-5-300x289.png 300w\" sizes=\"auto, (max-width: 329px) 100vw, 329px\" \/><\/p>\n<p>By the time most of us have come up with an idea, prototyped it, and socialized it with stakeholders, we\u2019re feeling invested. So, what happens if you get feedback from users and start to get a sense that your idea isn\u2019t landing? Ahead of running prototype research, it\u2019s a good best practice to outline the range of possible feedback that you might hear and what you might do about it. By doing so, you\u2019ll be more open to hearing you\u2019re wrong, so you have a chance to get it right.<\/p>\n<h3><strong>5. Make it more authentic with people\u2019s real stuff<\/strong><\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-670590 size-full aligncenter\" src=\"https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2018\/12\/Prototyping-image-6.png\" alt=\"A drawing of a woman with graphs, bar charts and chat notifcations\" width=\"301\" height=\"317\" srcset=\"https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2018\/12\/Prototyping-image-6.png 301w, https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2018\/12\/Prototyping-image-6-285x300.png 285w\" sizes=\"auto, (max-width: 301px) 100vw, 301px\" \/><\/p>\n<p>Products today are more personal, more dynamic, more context aware, and often tailored based on history and usage. If your prototype isn\u2019t these things too, you\u2019re probably not getting a good read on how your product will land. Consider having participants bring in some of their own data\u2014e.g., photos, files, or even contact lists\u2014to your study. Even low fidelity prototypes can be designed to reflect these types of information on the fly. For instance, when using a paper prototype, you can paste users\u2019 contacts, files, or even photos into it.<\/p>\n<h3><strong>6. Use your prototype to share people\u2019s experience<\/strong><\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-670593 size-full aligncenter\" src=\"https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2018\/12\/Prototyping-image-7.png\" alt=\"A drawing of a woman on a game board\" width=\"307\" height=\"294\" srcset=\"https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2018\/12\/Prototyping-image-7.png 307w, https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2018\/12\/Prototyping-image-7-300x287.png 300w\" sizes=\"auto, (max-width: 307px) 100vw, 307px\" \/><\/p>\n<p>Imagine if your prototype literally gave your stakeholders and teammates a way to walk in the shoes of your users. That is, experience what your users experience as they interacted with the prototype. Consider if there are ways to allow your teammates to \u201cplay\u201d the prototype through the lens of different users\u2014for example, someone who had a good experience versus a bad experience, someone who was a power user versus a casual user, someone who had high confidence in their computer skills versus low confidence. This could include creating videos or prototyping multiple paths.<\/p>\n<h4><strong>These are six tips we have been recommending to other people prototyping at Microsoft, but we\u2019re sure there are other ideas out there. Tweet us your ideas <a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" rel=\"noopener noreferrer\" target=\"_blank\" href=\"http:\/\/www.x.com\/MicrosoftRI\">@MicrosoftRI<span class=\"sr-only\"> (opens in new tab)<\/span><\/a>\u00a0or share your thoughts\u00a0<a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" rel=\"noopener noreferrer\" target=\"_blank\" href=\"http:\/\/www.facebook.com\/MicrosoftRI\">on Facebook<span class=\"sr-only\"> (opens in new tab)<\/span><\/a>\u00a0and join the conversation.<\/strong><\/h4>\n<p><em>Penny Marsh Collisson integrates design, engineering, <span class=\"lt-line-clamp__raw-line\">ecosystems, and business teams to impact products and outcomes. She has experience running teams focused on qualitative and quantitative data, with an emphasis on building user experience into the engineering process. She&#8217;s also interested in the development and leadership of people and user experience teams.<\/span>\u00a0<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>What happens when your prototype doesn&#8217;t turn out how you expected and now you can&#8217;t move forward with the conversations you need to have? Here is a list of six tips and strategies on how to make your prototyping more human-centered, even when time and resources are limited so you&#8217;re not stuck in a worst-case scenario.<\/p>\n","protected":false},"author":39057,"featured_media":670674,"template":"","meta":{"msr-url-field":"","msr-podcast-episode":"","msrModifiedDate":"","msrModifiedDateEnabled":false,"ep_exclude_from_search":false,"_classifai_error":"","msr-content-parent":616842,"msr_hide_image_in_river":0,"footnotes":""},"research-area":[],"msr-locale":[268875],"msr-post-option":[],"class_list":["post-670551","msr-blog-post","type-msr-blog-post","status-publish","has-post-thumbnail","hentry","msr-locale-en_us"],"msr_assoc_parent":{"id":616842,"type":"group"},"_links":{"self":[{"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/msr-blog-post\/670551","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/msr-blog-post"}],"about":[{"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/types\/msr-blog-post"}],"author":[{"embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/users\/39057"}],"version-history":[{"count":19,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/msr-blog-post\/670551\/revisions"}],"predecessor-version":[{"id":670698,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/msr-blog-post\/670551\/revisions\/670698"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/media\/670674"}],"wp:attachment":[{"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/media?parent=670551"}],"wp:term":[{"taxonomy":"msr-research-area","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/research-area?post=670551"},{"taxonomy":"msr-locale","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/msr-locale?post=670551"},{"taxonomy":"msr-post-option","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/msr-post-option?post=670551"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}