{"id":354,"date":"2020-10-04T22:12:00","date_gmt":"2020-10-04T22:12:00","guid":{"rendered":"https:\/\/eportfolios.capilanou.ca\/davidbautista2\/?p=354"},"modified":"2020-10-05T05:22:58","modified_gmt":"2020-10-05T05:22:58","slug":"digital-media-ii-ux-storyboard","status":"publish","type":"post","link":"https:\/\/eportfolios.capilanou.ca\/davidbautista2\/2020\/10\/04\/digital-media-ii-ux-storyboard\/","title":{"rendered":"Digital Media II &#8211; UX Storyboard"},"content":{"rendered":"\n<p>Last week, the class of IDEA 23 was assigned to develop a storyboard by utilizing a 4-step process depicting an assigned user story\/persona and how they would utilize one of the global goals (<a href=\"https:\/\/www.globalgoals.org\/\">https:\/\/www.globalgoals.org\/<\/a>) in their daily lives.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>The Concepts<\/strong><\/h2>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-background has-white-background-color has-white-color is-style-wide\" \/>\n\n\n\n<p>The class was split into groups of 4, each group collaborated to come up with three text + arrow method storyboard concepts. Below is my group&#8217;s storyboard freehand board which we worked on via Invision:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/eportfolios.capilanou.ca\/davidbautista2\/wp-content\/uploads\/sites\/9754\/2020\/10\/IDES252_PROJ1_Storyboard_Ideation_ProcessV2_log1.png\" alt=\"\" class=\"wp-image-355\" width=\"1502\" height=\"785\" srcset=\"https:\/\/eportfolios.capilanou.ca\/davidbautista2\/wp-content\/uploads\/sites\/9754\/2020\/10\/IDES252_PROJ1_Storyboard_Ideation_ProcessV2_log1.png 2003w, https:\/\/eportfolios.capilanou.ca\/davidbautista2\/wp-content\/uploads\/sites\/9754\/2020\/10\/IDES252_PROJ1_Storyboard_Ideation_ProcessV2_log1-300x157.png 300w, https:\/\/eportfolios.capilanou.ca\/davidbautista2\/wp-content\/uploads\/sites\/9754\/2020\/10\/IDES252_PROJ1_Storyboard_Ideation_ProcessV2_log1-1024x535.png 1024w, https:\/\/eportfolios.capilanou.ca\/davidbautista2\/wp-content\/uploads\/sites\/9754\/2020\/10\/IDES252_PROJ1_Storyboard_Ideation_ProcessV2_log1-768x401.png 768w, https:\/\/eportfolios.capilanou.ca\/davidbautista2\/wp-content\/uploads\/sites\/9754\/2020\/10\/IDES252_PROJ1_Storyboard_Ideation_ProcessV2_log1-1536x802.png 1536w, https:\/\/eportfolios.capilanou.ca\/davidbautista2\/wp-content\/uploads\/sites\/9754\/2020\/10\/IDES252_PROJ1_Storyboard_Ideation_ProcessV2_log1-2000x1046.png 2000w\" sizes=\"auto, (max-width: 1502px) 100vw, 1502px\" \/><figcaption>Our three stories have varying focuses: the first one is a positive concept involving all global goals. Second is a negative concept involving an unawareness of goals. The third concept is a positive, but more specific one compared to the first story concept.<\/figcaption><\/figure><\/div>\n\n\n\n<p>We utilized the pyramid narrative structure (Exposition, Rising Action, etc.) to provide a clear, straightforward story for each of the three concepts. The emojis implemented onto each concept are a visual aid, allowing us to plan what emotions we want to depict at that certain point in the story concept.<\/p>\n\n\n\n<p>Following this, we later reviewed the three stories. After a brief discussion, our group recieved approval (by our instructor) for the third option in this board. The third option depicts our user persona, Colin Jones, a design student, in a situation involving <em><a rel=\"noreferrer noopener\" href=\"https:\/\/www.globalgoals.org\/12-responsible-consumption-and-production\" data-type=\"URL\" data-id=\"https:\/\/www.globalgoals.org\/12-responsible-consumption-and-production\" target=\"_blank\">Global Goal #12 : Responsible Consumption and Production.<\/a><\/em><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/eportfolios.capilanou.ca\/davidbautista2\/wp-content\/uploads\/sites\/9754\/2020\/10\/IDES252_PROJ1_Storyboard_Ideation_ProcessV2_log2.png\" alt=\"\" class=\"wp-image-356\" width=\"1502\" height=\"252\" srcset=\"https:\/\/eportfolios.capilanou.ca\/davidbautista2\/wp-content\/uploads\/sites\/9754\/2020\/10\/IDES252_PROJ1_Storyboard_Ideation_ProcessV2_log2.png 2003w, https:\/\/eportfolios.capilanou.ca\/davidbautista2\/wp-content\/uploads\/sites\/9754\/2020\/10\/IDES252_PROJ1_Storyboard_Ideation_ProcessV2_log2-300x50.png 300w, https:\/\/eportfolios.capilanou.ca\/davidbautista2\/wp-content\/uploads\/sites\/9754\/2020\/10\/IDES252_PROJ1_Storyboard_Ideation_ProcessV2_log2-1024x172.png 1024w, https:\/\/eportfolios.capilanou.ca\/davidbautista2\/wp-content\/uploads\/sites\/9754\/2020\/10\/IDES252_PROJ1_Storyboard_Ideation_ProcessV2_log2-768x129.png 768w, https:\/\/eportfolios.capilanou.ca\/davidbautista2\/wp-content\/uploads\/sites\/9754\/2020\/10\/IDES252_PROJ1_Storyboard_Ideation_ProcessV2_log2-1536x258.png 1536w, https:\/\/eportfolios.capilanou.ca\/davidbautista2\/wp-content\/uploads\/sites\/9754\/2020\/10\/IDES252_PROJ1_Storyboard_Ideation_ProcessV2_log2-2000x336.png 2000w\" sizes=\"auto, (max-width: 1502px) 100vw, 1502px\" \/><figcaption>Our group&#8217;s final, approved choice!<\/figcaption><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>The Storyboard<\/strong><\/h2>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-background has-white-background-color has-white-color is-style-wide\" \/>\n\n\n\n<p>Once we had chosen our story, it was up to each of us to create an individual storyboard to accompany the story concept. Choice of medium was dependent on personal choice, thus I decided to create my storyboard through a digital medium. This includes Adobe Indesign and Photoshop to assemble the final product below:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized is-style-default\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/eportfolios.capilanou.ca\/davidbautista2\/wp-content\/uploads\/sites\/9754\/2020\/10\/DavidBautista_Comicstrip.jpg\" alt=\"\" class=\"wp-image-357\" width=\"744\" height=\"963\" srcset=\"https:\/\/eportfolios.capilanou.ca\/davidbautista2\/wp-content\/uploads\/sites\/9754\/2020\/10\/DavidBautista_Comicstrip.jpg 1487w, https:\/\/eportfolios.capilanou.ca\/davidbautista2\/wp-content\/uploads\/sites\/9754\/2020\/10\/DavidBautista_Comicstrip-232x300.jpg 232w, https:\/\/eportfolios.capilanou.ca\/davidbautista2\/wp-content\/uploads\/sites\/9754\/2020\/10\/DavidBautista_Comicstrip-791x1024.jpg 791w, https:\/\/eportfolios.capilanou.ca\/davidbautista2\/wp-content\/uploads\/sites\/9754\/2020\/10\/DavidBautista_Comicstrip-768x994.jpg 768w, https:\/\/eportfolios.capilanou.ca\/davidbautista2\/wp-content\/uploads\/sites\/9754\/2020\/10\/DavidBautista_Comicstrip-1187x1536.jpg 1187w\" sizes=\"auto, (max-width: 744px) 100vw, 744px\" \/><figcaption>Comic-style storyboard by David Bautista (me)<\/figcaption><\/figure>\n\n\n\n<p>The comic layout was chosen as it follows a left-right reading order due to its common usage in western media. A narrative caption structure was used to lead the viewer thorughout the panels with the goal of maintaining the reader&#8217;s interest in mind.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Last week, the class of IDEA 23 was assigned to develop a storyboard by utilizing a 4-step process depicting an assigned user story\/persona and how they would utilize one of the global goals (https:\/\/www.globalgoals.org\/) in their daily lives. The Concepts The class was split into groups of 4, each group collaborated to come up with [&hellip;]<\/p>\n","protected":false},"author":9762,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10,1],"tags":[],"class_list":["post-354","post","type-post","status-publish","format-standard","hentry","category-252-p","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/eportfolios.capilanou.ca\/davidbautista2\/wp-json\/wp\/v2\/posts\/354","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eportfolios.capilanou.ca\/davidbautista2\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eportfolios.capilanou.ca\/davidbautista2\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eportfolios.capilanou.ca\/davidbautista2\/wp-json\/wp\/v2\/users\/9762"}],"replies":[{"embeddable":true,"href":"https:\/\/eportfolios.capilanou.ca\/davidbautista2\/wp-json\/wp\/v2\/comments?post=354"}],"version-history":[{"count":10,"href":"https:\/\/eportfolios.capilanou.ca\/davidbautista2\/wp-json\/wp\/v2\/posts\/354\/revisions"}],"predecessor-version":[{"id":367,"href":"https:\/\/eportfolios.capilanou.ca\/davidbautista2\/wp-json\/wp\/v2\/posts\/354\/revisions\/367"}],"wp:attachment":[{"href":"https:\/\/eportfolios.capilanou.ca\/davidbautista2\/wp-json\/wp\/v2\/media?parent=354"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eportfolios.capilanou.ca\/davidbautista2\/wp-json\/wp\/v2\/categories?post=354"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eportfolios.capilanou.ca\/davidbautista2\/wp-json\/wp\/v2\/tags?post=354"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}