{"id":38096,"date":"2019-12-23T06:00:33","date_gmt":"2019-12-23T13:00:33","guid":{"rendered":"http:\/\/devblogs.microsoft.com\/premier-developer\/?p=38096"},"modified":"2019-12-19T11:14:47","modified_gmt":"2019-12-19T18:14:47","slug":"5-user-centered-development-tactics-to-start-using-today","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/premier-developer\/5-user-centered-development-tactics-to-start-using-today\/","title":{"rendered":"5 User Centered Development Tactics to Start Using Today!"},"content":{"rendered":"<p>In this post, Consultants <a href=\"https:\/\/www.linkedin.com\/in\/sepdimeglio\/\">Sep DiMeglio<\/a> and <a href=\"https:\/\/www.linkedin.com\/in\/tayloromalley\/\">Taylor O\u2019Malley<\/a> propose 5 User Centered Development Tactics to Start Using Today.<\/p>\n<hr \/>\n<p><img decoding=\"async\" width=\"1081\" height=\"517\" class=\"wp-image-38097\" src=\"http:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/12\/word-image-7.png\" srcset=\"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/12\/word-image-7.png 1081w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/12\/word-image-7-300x143.png 300w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/12\/word-image-7-1024x490.png 1024w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/12\/word-image-7-768x367.png 768w\" sizes=\"(max-width: 1081px) 100vw, 1081px\" \/><\/p>\n<p>With a mission to \u201cempower every person and organization on the planet to achieve more\u201d\u2014 it\u2019s increasingly important for Microsoft employees to have a conversation about User Centered Design<sup>4<\/sup> (UCD). As developers, we are building products for people to use, so we need to ensure we are putting <em>them<\/em> at the center of it.<\/p>\n<p>In a world plagued with trendy buzzwords and ever-evolving tech, what do people actually mean when they talk about UCD? Below are five tips\/tactics that you can pick up and start using today to launch your customer-obsessed journey and build great products.<\/p>\n<h4>User Research<\/h4>\n<p>A fundamental pillar of User-Centered (or Human-First) design\/development is simple: start off by doing some research. Dive into your target-audience and learn about <strong><em>their<\/em><\/strong> needs, wants, and emotional experiences. Buildout surveys, in-person questionnaires, case-studies, polls\u2014 anything can work, so long as you are learning about your end-users<sup>1<\/sup>. Create a backstory for one of your ideal-users, average-users, and agnostic-users. Explain each of their wants, needs, and common discomforts when navigating across similar products. Generating personas for your audience members helps humanize your product, and ultimately, allows you to develop more user-centric applications.<\/p>\n<p>Additionally, prioritize accessibility<sup>3<\/sup> <strong>from the beginning<\/strong> of your process to ensure you are developing products for everyone. There are lots of organizations nationally and internationally where you can find end-users with disabilities to give feedback through your process. By integrating people with disabilities, whenever you\u2019re talking to people without disabilities, you\u2019re automatically ensuring their perspectives will be included throughout the entire development and design process rather than tacking on accessibilities features after-the-fact. Additionally, you can check out the <a href=\"https:\/\/www.youtube.com\/watch?v=qM7wFZo5yfI\">Accessibility 101 Video<\/a> to learn more.<\/p>\n<h4>Rewrite Problem Statement<\/h4>\n<p>Have you ever heard of a new, innovative, exciting technology and thought \u201cI really want to build something with that?\u201d We\u2019ve all been there, I mean, technology is exciting! However, that may not always be the best place to start when building a product for your end-users. Before you start building, you want to have a vision that describes how your new product is going to meet the needs of your end-users, and one way to do that, is by ensuring you have a problem to solve, and understanding the impact that problem is having on your user base. Your problem statement can be your best resource for ensuring alignment while you\u2019re building your new product. Here are a few tips and tricks to think through to help you revise your problem statement:<\/p>\n<ul>\n<li><strong>Do you have a problem statement? <\/strong>This one may seem obvious, but it shouldn\u2019t be left out. Don\u2019t go any further unless you\u2019ve already identified the problem you\u2019re trying to solve<\/li>\n<li><strong>Are you solving a problem for your end-users?<\/strong> Remember, we\u2019re talking about how we make the process of developing products centered around humans, so we want to make sure our problems are real problems that our end-users are challenged with<\/li>\n<li><strong>Does your problem statement include a solution? <\/strong>While we do want to build products that alleviate some of the biggest pain points for our end-users (and bring them value), we likely don\u2019t know at this point exactly how to do that\u2014 we just know the pain is there. Instead of focusing on <strong><em>how<\/em><\/strong> <strong><em>do I fix<\/em><\/strong> the problem, we should instead make sure our problem statements focus on <strong><em>how bad<\/em><\/strong> is the problem<\/li>\n<\/ul>\n<h4>Sketching: Prototype on Paper<\/h4>\n<p>Once you\u2019ve done your research and identified your problem-statement, a good next step is to start fleshing out some ideas. Since you\u2019re still early-on in your product-development lifecycle, it\u2019s important to recognize that these ideas <strong>do not<\/strong> have to be perfect! However, the sooner you identify ideas that don\u2019t work, the closer you get to coming up with a solution that does. One way to quickly and economically begin to draft ideas is by prototyping<sup>2<\/sup> on paper. By creating a visual representation of your product early on, you can test out your ideas with your target-audience sooner and learn about potential-shortcomings before deeply investing. To start off, draw elements of your product on paper. For example, if you are developing a mobile application: begin wireframing<sup>5<\/sup> some of the screens of your app and their basic functionality. From here, you can pile your sheets of paper together and give this \u201cminimum viable product\u201d (MVP) to a test-group to gauge what worked (and what didn\u2019t)! If you are looking for something more polished, there are plenty of resources out there that allow for uploading these sheets of paper and linking the static images to create a dynamic digital prototype (one of our favorites is <a href=\"https:\/\/marvelapp.com\/pop\/\">POP<\/a>).<\/p>\n<p><img decoding=\"async\" width=\"1091\" height=\"571\" class=\"wp-image-38098\" src=\"http:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/12\/word-image-8.png\" srcset=\"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/12\/word-image-8.png 1091w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/12\/word-image-8-300x157.png 300w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/12\/word-image-8-1024x536.png 1024w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/12\/word-image-8-768x402.png 768w\" sizes=\"(max-width: 1091px) 100vw, 1091px\" \/><\/p>\n<h4>Accessibility Check Supercharged<\/h4>\n<p>Every single one of us will have some accessibility<sup>3<\/sup> need at some point in our lifetime, whether it be temporary (like a broken arm) or permanent (like individuals who use wheelchairs). All users have the same core needs, with or without a disability. However, a lot of users with disabilities are left out of the product-development process.<\/p>\n<p>We believe technology can empower everyone to achieve more\u2026 and empowering <em>every <\/em>person on the planet means that we must consider everyone\u2019s different abilities when developing products. First off, let\u2019s consider the wide range of human qualities: age, gender, ethnicity, education, social status\u2026 the list goes on. Now, add in all the different abilities within each of those categories. If we\u2019re not considering, talking to, observing, and gaining insights from a wide range of user\u2019s experiences, we will never be able to create a useful product for existing (or potential) users. With <a href=\"https:\/\/www.microsoft.com\/en-us\/ai\/ai-for-accessibility\">Microsoft\u2019s Ai for Accessibility<\/a> suite, the barriers that exist everywhere around interactions become opportunities. Below are just a few services apart of the <a href=\"https:\/\/azure.microsoft.com\/en-us\/services\/cognitive-services\/text-to-speech\/\">cognitive services suite<\/a>:<\/p>\n<ul>\n<li><a href=\"https:\/\/azure.microsoft.com\/en-us\/services\/cognitive-services\/computer-vision\/\"><strong>Computer vision<\/strong><\/a><strong>:<\/strong> Pull a tag of an image automatically<\/li>\n<li><a href=\"https:\/\/azure.microsoft.com\/en-us\/services\/cognitive-services\/text-to-speech\/\"><strong>Text-to-speech<\/strong><\/a><strong>: <\/strong>Convert text into natural human-like synthesized speech<\/li>\n<li><a href=\"https:\/\/azure.microsoft.com\/en-us\/services\/cognitive-services\/speech-to-text\/\"><strong>Speech-to-text<\/strong><\/a><strong>: <\/strong>Real time transcription of audio streams into text<\/li>\n<li><a href=\"https:\/\/azure.microsoft.com\/en-us\/services\/media-services\/video-indexer\/\"><strong>Video-indexer<\/strong><\/a><strong>:<\/strong> Close-caption, describe what\u2019s going on, translate, and create a table-of-contents all in real time<\/li>\n<li><a href=\"https:\/\/azure.microsoft.com\/en-us\/services\/cognitive-services\/immersive-reader\/\"><strong>Immersive reader<\/strong><\/a><strong>:<\/strong> Highlight as a user reads, read text out-loud, translate, and illustrate<\/li>\n<\/ul>\n<p>People have been working for years to understand how to create usable and accessible applications \u00e0 Check out <a href=\"https:\/\/aka.ms\/DevForAccessibility\">aka.ms\/DevForAccessibility<\/a> to learn more.<\/p>\n<h4>Test Early | Fail Fast | Correct Faster<\/h4>\n<p>As a reminder, don\u2019t worry about creating a remarkable prototype and the perfect set of questions, just get in front of some of your end-users, let them explore your product, and document the findings. While this may seem a bit uncomfortable and ad hoc, the insights you gain from early user-testing is incredibly valuable. When you think of testing as part of your software development lifecycle, you may think of things like automated testing, unit testing, and coded-UI testing. While those practices are incredibly important, we\u2019re talking about the practice of maintaining an ongoing conversation with your end-users, and using that conversation to get regular, valuable feedback on the product you\u2019re building. This helps ensure that at each phase in the product development lifecycle, you\u2019re building items that are in line with the needs and expectations of your end-users.<\/p>\n<h4>Bonus: 10 Helpful UCD Terms:<\/h4>\n<ul>\n<li><strong>End-User<sup>1<\/sup>:<\/strong> the target person\/persons who actually use the product being developed<\/li>\n<li><strong>Iterative Design:<\/strong> a cyclical design process where the researching, reviewing, planning, designing, prototyping, testing, and implementation phases are repeated until your product\u2019s complete<\/li>\n<li><strong>Mockup:<\/strong> a more detailed <em>static<\/em> representation of a products design.<\/li>\n<li><strong>Prototype<sup>2<\/sup>:<\/strong> a digital representation of a final-product that simulates a user\u2019s interaction with the product\u2019s interface that can be used for testing-purposes.<\/li>\n<li><strong>Accessibility<sup>3<\/sup>\/Usability: <\/strong>the ease of perception, interaction, understanding, and navigation with a product<\/li>\n<li><strong>User-Centered Design<sup>4<\/sup> (UCD):<\/strong> a design and product development philosophy focused around the end-user\u2019s needs, wants, feelings, restrictions, social-status, habits, etc.<\/li>\n<li><strong>User-Experience (UX) Design:<\/strong> a meaningful and intentional design process focused on an end-user\u2019s usability, accessibility, and desirability.<\/li>\n<li><strong>User-Interface (UI): <\/strong>the <em>interactive elements <\/em>between a user and a machine (buttons, labels, fields, displays, touchscreen, etc.)<\/li>\n<li><strong>User-Journey\/Flow: <\/strong> the pathway an end-user takes from beginning to end of a product-interaction<\/li>\n<li><strong>Wireframe<sup>5<\/sup>:<\/strong> a simplified sketch of the essential information of a product (a blueprint of your product)<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>With a mission to \u201cempower every person and organization on the planet to achieve more\u201d\u2014 it\u2019s increasingly important for Microsoft employees to have a conversation about User Centered Design4 (UCD). As developers, we are building products for people to use, so we need to ensure we are putting them at the center of it.<\/p>\n","protected":false},"author":582,"featured_media":38097,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[129,4354],"tags":[3,373],"class_list":["post-38096","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-premier","category-ux","tag-team","tag-ux"],"acf":[],"blog_post_summary":"<p>With a mission to \u201cempower every person and organization on the planet to achieve more\u201d\u2014 it\u2019s increasingly important for Microsoft employees to have a conversation about User Centered Design4 (UCD). As developers, we are building products for people to use, so we need to ensure we are putting them at the center of it.<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/posts\/38096","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/users\/582"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/comments?post=38096"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/posts\/38096\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/media\/38097"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/media?parent=38096"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/categories?post=38096"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/tags?post=38096"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}