{"id":991,"date":"2016-07-12T02:10:44","date_gmt":"2016-07-12T02:10:44","guid":{"rendered":"http:\/\/test.dreamaction.co\/the-story-and-process-of-telling-a-pictorial-story-visualization-of-daybreak\/"},"modified":"2018-10-18T13:30:45","modified_gmt":"2018-10-18T06:30:45","slug":"the-story-and-process-of-telling-a-pictorial-story-visualization-of-daybreak","status":"publish","type":"post","link":"https:\/\/dreamaction.co\/en\/the-story-and-process-of-telling-a-pictorial-story-visualization-of-daybreak\/","title":{"rendered":"The story and Process of telling a pictorial story | Visualization of Daybreak"},"content":{"rendered":"<h2 id=\"thestoryprocessoftellingapictorialstory\">&#8220;The story &amp; Process of telling a pictorial story&#8221;<\/h2>\n<p>To Present at <strong>CELA 2016 (Council of Educators in Landscape Architecture)<\/strong>, I picked Daybreak as the project to present on the Landscape Performance track. The topic of this poster is <strong>&#8220;Depicting Sustainability: Infographics Tell the Story of Daybreak\u2019s Landscape Performance&#8221;<\/strong> Also, Daybreak was the first project I ever worked in United States and Design Workshop, Salt Lake City office. Terrall Budge was the principal on this project.<\/p>\n<p><img src=\"\/content\/images\/2016\/07\/Daybreak-poster-web-byjom-forcela.jpg\" alt=\"visualization daybreak landscape performance\" \/><\/p>\n<h3 id=\"aboutthisposterforcela\"><strong>About this poster for CELA<\/strong><\/h3>\n<p>This poster will summarize Daybreak\u2019s environmental, social and economic performance based on a Landscape Architecture Foundation-funded case study by Utah State University Associate Professor Bo Yang. The infographics specially developed for this poster will graphically depict the metrics included in the case study and supplement the research of this academic team.<\/p>\n<h3 id=\"objective\"><strong>Objective<\/strong><\/h3>\n<p>While the objective is to illustrate the sustainability of Daybreak and its performance, The challenge comes in the tasks of transforming the text data from narratives, research into one single poster.<\/p>\n<p><iframe src=\"https:\/\/www.youtube.com\/embed\/bj6lBlPwcmM\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h3 id=\"inthisvdo\"><strong>In this VDO<\/strong><\/h3>\n<p>In this coffee talk, the talk will have 2 parts.<br \/>\n<strong>First part<\/strong>, I will tell the story of Daybreak using the poster the same way I presented at CELA.<\/p>\n<p><strong>Second part<\/strong> will be about the process which is the 6 steps on how I translate the data into infographic.<\/p>\n<p>So they are <strong>STORY + PROCESS OF TELLING PICTORIAL STORY.<\/strong><\/p>\n<p><strong>Why knowing the process is important?<\/strong> It is easier to see, hear and understand what it is. The hard part is how to create it. So let\u2019s start off with the story, and afterward, I would like to share the key techniques and steps of how I translate these data that full of texts into these one poster.<\/p>\n<p><img src=\"\/content\/images\/2016\/07\/dbvisualization4.jpg\" alt=\"\" \/><\/p>\n<h2 id=\"part1story\">Part 1 : STORY<\/h2>\n<p>This poster is the summary of the strategies, evidence on how Daybreak design and implement the sustainability into the project.<br \/>\nMore information about this poster and its full abstract for CELA, please go to this link on page<br \/>\n<a href=\"http:\/\/www.cela2016.com\/wp-content\/uploads\/2016\/03\/proceedings-2016-final.pdf\">http:\/\/www.cela2016.com\/wp-content\/uploads\/2016\/03\/proceedings-2016-final.pdf<\/a><\/p>\n<p>More information about Daybreak and its landscape performance.<br \/>\n<a href=\"http:\/\/landscapeperformance.org\/case-study-briefs\/daybreak-community\">http:\/\/landscapeperformance.org\/case-study-briefs\/daybreak-community<\/a><br \/>\n<a href=\"http:\/\/www.daybreakutah.com\/\">http:\/\/www.daybreakutah.com\/<\/a><\/p>\n<h3 id=\"lessonslearn\">Lessons Learn<\/h3>\n<p>I learn a lot from making this poster, and my personal goal to do this poster was to transform the sophisticated data into one single poster of infographic. I still believe in the full research data and did not intend to have this infographic to replace those valuable information. I do think this poster can serve as a tool and introduction for people to learn more about these research before going into the detail later on.<\/p>\n<h2 id=\"part2processoftellingpictorialstory\">Part 2 : PROCESS OF TELLING PICTORIAL STORY<\/h2>\n<p>So from this data, to this graphics. I have simplify them into 6 steps. You can learn about their full description in the video.<\/p>\n<h3 id=\"steponecreatestructurefromanobjective\">Step one. Create Structure from an objective.<\/h3>\n<p>Get the objective right, form a simple short and clear narrative. Why we need this poster? Why it has to be born. \u201cIt is to tell the sustainability of Daybreak. How we define sustainable ability? Yes, from this 3 rings, 3 categories that integrated together. Then this is the framework or the steps of from the objective, I know, we need to define information into 3 boxes. I call it boxes because from now on , my role is to turn everything into picture.<br \/>\nResult : I got 3boxes, 3 parts, I don\u2019t know yet how I will layout, but I will think about it later.<br \/>\n<img src=\"\/content\/images\/2016\/07\/dbvisualization12.jpg\" alt=\"The story and Process of telling a pictorial story\" \/><img src=\"\/content\/images\/2016\/07\/dbvisualization13.jpg\" alt=\"The story and Process of telling a pictorial story\" \/><\/p>\n<h3 id=\"steptworeadskim\">Step two. Read + Skim<\/h3>\n<p>Read and try to understand all the story, tie them together. Get the big picture in my head of what Daybreak is.<br \/>\n<img src=\"\/content\/images\/2016\/07\/dbvisualization15.jpg\" alt=\"The story and Process of telling a pictorial story\" \/><\/p>\n<h3 id=\"stepthreeorganize\">Step three. Organize.<\/h3>\n<p>Summarize those data.<br \/>\nOrganize these ocean of information extract them into matrix that is closest to the boxes on step one as much as possible. I had 3 boxes. Within 1 box, I created the sub-category to throw the data in. once I find some data that outside those box, I place them in the 4th box call generic \/ introduction.<br \/>\n<img src=\"\/content\/images\/2016\/07\/dbvisualization18.jpg\" alt=\"The story and Process of telling a pictorial story\" \/><\/p>\n<h3 id=\"stepfourprioritizetrimthefatgettheleannarrative\">Step four. Prioritize \/ Trim the fat \/ get the LEAN narrative.<\/h3>\n<p>In these data there are some keys to focus, Highlight the key story that are crucial to show as a success of Daybreak. If it is so so, can be missed. Put that into a secondary category. But I come up with the new narrative, on how I want to talk from top to the bottom, or start to the end.<br \/>\n<img src=\"\/content\/images\/2016\/07\/dbvisualization20.jpg\" alt=\"The story and Process of telling a pictorial story\" \/><\/p>\n<h3 id=\"stepfivevisualize\">Step Five. Visualize.<\/h3>\n<p>Here is the fun part and it took 70% of the time to come to this stage.<br \/>\n<img src=\"\/content\/images\/2016\/07\/dbvisualization24.jpg\" alt=\"The story and Process of telling a pictorial story\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3 id=\"stepsixfinaltune\">Step Six. Final-Tune.<\/h3>\n<p>Make the story flow seamlessly, and also make a beautiful graphic that is agreeable to the eyes.<br \/>\nLast step, do the fine-tune of the overall, and sometimes it is important to go back and forth between step 5 &#8211; 6 to create the strong cohesive story.<br \/>\nI did both rearrange the location, sequence, the graphic itself, even the color.<br \/>\n<img src=\"\/content\/images\/2016\/07\/dbvisualization28.jpg\" alt=\"The story and Process of telling a pictorial story\" \/><\/p>\n<h3 id=\"summary\">Summary<\/h3>\n<p><img src=\"\/content\/images\/2016\/07\/dbvisualization29.jpg\" alt=\"\" \/>Visualization is not just about make a pretty graphic itself or just having good eyes or good taste.<br \/>\nIt is about organizing your mind, your data, also the brain of the audience, how they perceive the data. People natually \u201cdon\u2019t want to think: they want to know it right-a-way once they see it. So, my role is to make the connection of those data, to the people.<\/p>\n<p>Creating infographics to me is about, find this sweet spot of Data \/ Visual \/ People\u2019s mind but in my way.<\/p>\n<h3 id=\"reference\">Reference :<\/h3>\n<p>1.) Yang, Bo and Goodwin, Amanda, \u201cDaybreak Community Landscape Performance Benefits Assessment\u201d (2011). Landscape Architecture and Environmental Planning Faculty Publications. Paper 137.<\/p>\n<p><a href=\"http:\/\/digitalcommons.usu.edu\/laep_facpub\/137\">http:\/\/digitalcommons.usu.edu\/laep_facpub\/137<\/a><\/p>\n<p>2.) \u201cDaybreak Community.\u201d Landscape Performance Series. August 1, 2011. Accessed September 3, 2015.<\/p>\n<p><a href=\"http:\/\/landscapeperformance.org\/case-study-briefs\/daybreak-community\">http:\/\/landscapeperformance.org\/case-study-briefs\/daybreak-community<\/a><\/p>\n<p>3.) Legacy Design Metrics, Design Workshop. Accessed August, 2015.<\/p>\n<p>4.) Natalie Grillo, The design firm (Architecture World Magazine no.154, 2011), 78-86.<\/p>\n<p>5.) DesignWorkshop<\/p>\n<p>6.) Photography : D.A. Horchner \/ Design Workshop<\/p>\n<div class=\"fb-background-color\">\n\t\t\t  <div \n\t\t\t  \tclass = \"fb-comments\" \n\t\t\t  \tdata-href = \"https:\/\/dreamaction.co\/en\/the-story-and-process-of-telling-a-pictorial-story-visualization-of-daybreak\/\"\n\t\t\t  \tdata-numposts = \"10\"\n\t\t\t  \tdata-lazy = \"true\"\n\t\t\t\tdata-colorscheme = \"light\"\n\t\t\t\tdata-order-by = \"social\"\n\t\t\t\tdata-mobile=true>\n\t\t\t  <\/div><\/div>\n\t\t  <style>\n\t\t    .fb-background-color {\n\t\t\t\tbackground:  !important;\n\t\t\t}\n\t\t\t.fb_iframe_widget_fluid_desktop iframe {\n\t\t\t    width: 100% !important;\n\t\t\t}\n\t\t  <\/style>\n\t\t  ","protected":false},"excerpt":{"rendered":"<p>&#8220;The story &amp; Process of telling a pictorial story&#8221; To Present at CELA 2016 (Council of Educators in Landscape Architecture), I picked Daybreak as the project to present on the Landscape Performance track. The topic of this poster is &#8220;Depicting Sustainability: Infographics Tell the Story of Daybreak\u2019s Landscape Performance&#8221; Also, Daybreak was the first project [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4701,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[109,1,107],"tags":[9,4],"jetpack_featured_media_url":"https:\/\/dreamaction.co\/en\/wp-content\/uploads\/sites\/4\/Featured Image from URL","jetpack_shortlink":"https:\/\/wp.me\/pam8TE-fZ","_links":{"self":[{"href":"https:\/\/dreamaction.co\/en\/wp-json\/wp\/v2\/posts\/991"}],"collection":[{"href":"https:\/\/dreamaction.co\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dreamaction.co\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dreamaction.co\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dreamaction.co\/en\/wp-json\/wp\/v2\/comments?post=991"}],"version-history":[{"count":3,"href":"https:\/\/dreamaction.co\/en\/wp-json\/wp\/v2\/posts\/991\/revisions"}],"predecessor-version":[{"id":1661,"href":"https:\/\/dreamaction.co\/en\/wp-json\/wp\/v2\/posts\/991\/revisions\/1661"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dreamaction.co\/en\/wp-json\/wp\/v2\/media\/4701"}],"wp:attachment":[{"href":"https:\/\/dreamaction.co\/en\/wp-json\/wp\/v2\/media?parent=991"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dreamaction.co\/en\/wp-json\/wp\/v2\/categories?post=991"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dreamaction.co\/en\/wp-json\/wp\/v2\/tags?post=991"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}