{"id":2987,"date":"2022-04-02T19:53:59","date_gmt":"2022-04-02T19:53:59","guid":{"rendered":"http:\/\/kaceymorrow.com\/361\/?page_id=2987"},"modified":"2022-04-05T17:04:03","modified_gmt":"2022-04-05T17:04:03","slug":"scenarios-and-user-flow-help","status":"publish","type":"page","link":"http:\/\/kaceymorrow.com\/361\/scenarios-and-user-flow-help\/","title":{"rendered":"Scenarios and User Flow"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Scenarios<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>PDF: <a rel=\"noreferrer noopener\" aria-label=\"About Scenarios + Examples (opens in a new tab)\" href=\"http:\/\/kaceymorrow.com\/361\/wp-content\/uploads\/2022\/04\/Scenario-Examples.pdf\" target=\"_blank\">About Scenarios + Examples<\/a><\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>How to write Scenarios<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Identify the changes to your redesign that you will want to create user flows for and test eventually.&nbsp;<\/li><li>Then write scenarios that revolve around these changes to your product and how they relate to your existing personas.&nbsp;<ul><li>For example, are they trying to post a photo, subscribe to a newsletter, join a watch party, buy something&#8230;? How will these tasks fit into their life? Why do they need to achieve these tasks?<\/li><\/ul><\/li><li>These scenarios can come in different formats, you can choose what works best for you:<ul><li><strong>Short and sweet&nbsp;<\/strong>&#8211; to the point, but still providing who the&nbsp;<strong>user<\/strong>&nbsp;is, their<strong>&nbsp;need<\/strong>, and their&nbsp;<strong>goal&nbsp;<\/strong>with the product, as well as&nbsp;<strong>naming the scenario.&nbsp;<\/strong><\/li><li>or<\/li><li><strong>Long and detailed<\/strong>&nbsp;&#8211; this can be more descriptive, providing further&nbsp;<strong>context<\/strong>&nbsp;and more about their&nbsp;<strong>motivations&nbsp;<\/strong>and&nbsp;<strong>expectations.<\/strong>&nbsp;<\/li><\/ul><\/li><li>A simple formula can be used for the short and sweet method if you like? It is up to you though:&nbsp;<ul><li>As a&nbsp;<strong>[type of user]&nbsp;<\/strong>they want to&nbsp;<strong>[some goal]&nbsp;<\/strong>so that&nbsp;<strong>[some reason]<\/strong>.<\/li><\/ul><\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">User Flows<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>PDF: <a rel=\"noreferrer noopener\" aria-label=\"Help with Navigation (opens in a new tab)\" href=\"http:\/\/kaceymorrow.com\/361\/wp-content\/uploads\/2022\/04\/Navigation.pdf\" target=\"_blank\">Understanding Navigation<\/a><\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>PDF: <a rel=\"noreferrer noopener\" aria-label=\"About User Task Flow + Examples (opens in a new tab)\" href=\"http:\/\/kaceymorrow.com\/361\/wp-content\/uploads\/2022\/04\/User-Flow-Examples.pdf\" target=\"_blank\">About User Task Flow + Examples<\/a><\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>How to create a user task flow diagram<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Look at each scenario, which describes the persona, their need, and goal with the product. What task are they trying to achieve with it?<ul><li>For example, are they trying to post a photo, subscribe to a newsletter, join a watch party, buy something&#8230;?<\/li><\/ul><\/li><li>Write out each step and include each screen it takes to achieve the task, from opening the product to reaching the end goal.&nbsp;<ul><li>You can do this with just rectangles and written text and labels.<\/li><li><strong>or<\/strong><\/li><li>You can do this with rectangles to demonstrate screens and diamonds to represent different decisions\/options on each screen.<\/li><\/ul><\/li><li>You need to then draw arrows between connecting each step in one direction.&nbsp;<\/li><li>Don&#8217;t forget to name the user flow diagrams, with what you are trying to achieve, or simply just pair the written scenarios with each one.&nbsp;<\/li><\/ol>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Tips<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Remember user task flows go in one direction, and show all the steps for one specific task, for one specific scenario at a time.\u00a0<ul><li>This is different from a site-map which shows the entire product&#8217;s branching structure all at once.\u00a0<\/li><\/ul><\/li><li>Also, you do not need to create user task flows for sections of the product redesign that you are not changing at all.<ul><li>For example, if you aren&#8217;t making any adjustments to the profile section\/screen, then you do not need a user task flow diagram to reach that screen.<\/li><\/ul><\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>How to Turn In:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\"><li><strong>Scenarios for each of the new features or adjustments<\/strong>&nbsp;you are implementing in your product redesign. These scenarios should be addressing your user personas.<\/li><li><strong>User Task Flow Diagrams for each scenario.&nbsp;<\/strong>(You can use InDesign, Illustrator, Power Point, Google Slides, or Invision Freehand or Figma \u2013 whatever you feel most comfortable in.)<\/li><li>Format is up to you: Can turn in a clear photograph or scan of your hands-on process, or link to Figma, Figjam or Invision Freehand board, or designed in Illustrator or Google Slides? Whatever makes the most sense for your team!<\/li><\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Scenarios PDF: About Scenarios + Examples How to write Scenarios Identify the changes to your redesign that you will want to create user flows for and test eventually.&nbsp; Then write scenarios that revolve around these changes to your product and how they relate to your existing personas.&nbsp; For example, are they trying to post a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2987","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/kaceymorrow.com\/361\/wp-json\/wp\/v2\/pages\/2987","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/kaceymorrow.com\/361\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/kaceymorrow.com\/361\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/kaceymorrow.com\/361\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/kaceymorrow.com\/361\/wp-json\/wp\/v2\/comments?post=2987"}],"version-history":[{"count":11,"href":"http:\/\/kaceymorrow.com\/361\/wp-json\/wp\/v2\/pages\/2987\/revisions"}],"predecessor-version":[{"id":3076,"href":"http:\/\/kaceymorrow.com\/361\/wp-json\/wp\/v2\/pages\/2987\/revisions\/3076"}],"wp:attachment":[{"href":"http:\/\/kaceymorrow.com\/361\/wp-json\/wp\/v2\/media?parent=2987"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}