{"id":1524,"date":"2019-09-11T18:26:10","date_gmt":"2019-09-11T18:26:10","guid":{"rendered":"http:\/\/endlesshybrids.com\/?p=1524"},"modified":"2019-09-11T18:26:10","modified_gmt":"2019-09-11T18:26:10","slug":"compositional-elements-in-a-multimedia-story","status":"publish","type":"post","link":"https:\/\/endlesshybrids.com\/digital-storytelling\/compositional-elements-in-a-multimedia-story\/","title":{"rendered":"Compositional elements in a multimedia story"},"content":{"rendered":"\n<p>It has  been more than 7 years since the New York Times published its landmark multimedia story <a href=\"http:\/\/www.nytimes.com\/projects\/2012\/snow-fall\/index.html\">Snow Fall: Avalanche at Tunnel Creek<\/a> and we&#8217;re still talking about it in our Journalism 341: Multimedia Storytelling Design class.  We&#8217;re stressing to the students that understanding the structure of the compositional elements in a multimedia story is as important as knowing how to code the website for the story. \u00a0 <\/p>\n\n\n\n<p>In past years of this class, our <a href=\"https:\/\/endlesshybrids.com\/digital-storytelling\/student-questions-about-multimedia-storytelling\/\">students have posed thoughtful questions<\/a>. Figuring out the story comes before any coding. Composing the flow, or the pathways, of the story starts before designing any graphics. <\/p>\n\n\n\n<p>A few questions to get started: What elements make a composition in multimedia? How do you arrange those elements into a story? In what ways do different elements enhance or distract from the storytelling?<\/p>\n\n\n\n<p>The Snow Fall team at the New York Times included <a href=\"http:\/\/www.sixstarstudio.com\/\">Jacky Myint<\/a>. In a <a href=\"https:\/\/www.youtube.com\/watch?v=59MCRNo_BBU\">TED talk<\/a>, she described the importance of finding ways in which multimedia and interaction can allow stories to unfold naturally. <\/p>\n\n\n\n<iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/59MCRNo_BBU\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n\n\n\n<p>Identifying a vocabulary that a team uses in talking about the story elements aids in getting and keeping everyone <em>on the same page<\/em>, so to speak. Myint uses the term full-browser-width <strong>ambient videos<\/strong>. The important word there is ambient, which recalls the element of ambient sound that is so common in documentaries in evoking a sensation of immersion. <\/p>\n\n\n\n<p>Myint reminds us that we are creating an <strong>experience<\/strong>. We use the term UX, user experience, but often the emphasis is not on experience or even the user. The focus too easily goes to the shape, color, or placement of a minuscule widget. Certainly, we do know that those details and that attention to those pixel-perfect graphics are factors that distinguish smooth interactions from chaotic episodes of frustration. Yet, we always need to bring ourselves (our designing selves, our storytelling selves) back to what we envisioned for our users.<\/p>\n\n\n\n<p>Any search of the Web for UX design is going to turn up dozens of articles and sites about branding, marketing, and product design. Branding is storytelling. What about UX design for storytelling that is not a product? Or, rather, <strong>what about UX design when the product is the story itself?<\/strong> <\/p>\n\n\n\n<p>Digital storytelling in the form of journalism, documentaries, or book-life form all presents the story itself as the product. In this way, the users are <em>readers<\/em>. For this type of material:<strong> is the story about <em>the story<\/em> or about the reader?<\/strong> <\/p>\n\n\n\n<p><strong>How does design change when shifting the focus from a user contemplating the purchase of a product to a reader contemplating the lessons of a story?<\/strong><\/p>\n\n\n\n<p>Must your story conform to an existing visual identity? Is it part of a larger journalistic site where a corporate style guide governs many elements? Does the story have to be contained within a brand? Or is it a standalone piece? Even if part of a larger entity, do you have the leeway to craft the design and style in a separate way?<\/p>\n\n\n\n<p>Digital media is defined by software and the capabilities of computer code when played through a hardware device. At the core as we experience it today (in 2019), <strong>digital media is software that is presented through a pane of glass<\/strong>. What do <em>readers<\/em> want in this medium? Do they want a book, a magazine article, an essay? Words? Thousands of words telling a story? Words and images? Thousands of words and a dozen images? A few videos tossed in? Or are they seeking another form of representation that holds their attention?<\/p>\n\n\n\n<p>Filmmaker Andrew Stanton mentions that every good story meets certain primal aspects of human needs, such as creating a sense of caring, presenting a promise, and invoking a sense of wonder. <\/p>\n\n\n\n<iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/KxDwieKpawg\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n\n\n\n<p>How does multimedia give form to those needs? What does the reader gain from finishing your work? Or, even just sticking with it for a while? How do you keep the reader from giving up in frustration or just out of boredom?<\/p>\n\n\n\n<p>Is the path through the story a cohesive narrative? Is it a logical navigational structure? Does the story create a sense of engagement, a narrative flow either through the menu or visuals (including words) of the story. Yes, words are visuals. (Obviously, the visually challenged experience stories in an entirely different ways that need an alternate mode of storytelling.)<\/p>\n\n\n\n<p> You have all these parts of a story that you have to shape into a form that flows naturally for the reader. You do so through a process of prototyping and iterating design after design. In writing composition class, we call that revising and revising.   <\/p>\n\n\n\n<p>There&#8217;s not just the story itself. Consider the screen, that pane of glass which actually sits between us and the story. The screen is the intermediary. The screen mediates our understanding of the story. Designer Frank Chimero wrote about <a href=\"https:\/\/frankchimero.com\/writing\/what-screens-want\/\">what screens want<\/a>, an essay worth rereading every year. <\/p>\n\n\n\n<p>Multimedia storytelling is about understanding the possibilities of the screen. In designing a multimedia story, you are forced to consider the constraints (resources, time, bandwidth, user attention, assets). Are there possibilities for bespoke imagery that sets your work apart? What role can maps, diagrams, animation, and actual puzzles play in your multimedia story?<\/p>\n\n\n\n<p>The story is never just the story.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>It has been more than 7 years since the New York Times published its landmark multimedia story Snow Fall: Avalanche at Tunnel Creek and we&#8217;re still talking about it in our Journalism 341: Multimedia Storytelling Design class. We&#8217;re stressing to the students that understanding the structure of the compositional elements in a multimedia story is [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[6,32],"tags":[],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/endlesshybrids.com\/wp-json\/wp\/v2\/posts\/1524"}],"collection":[{"href":"https:\/\/endlesshybrids.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/endlesshybrids.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/endlesshybrids.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/endlesshybrids.com\/wp-json\/wp\/v2\/comments?post=1524"}],"version-history":[{"count":20,"href":"https:\/\/endlesshybrids.com\/wp-json\/wp\/v2\/posts\/1524\/revisions"}],"predecessor-version":[{"id":1544,"href":"https:\/\/endlesshybrids.com\/wp-json\/wp\/v2\/posts\/1524\/revisions\/1544"}],"wp:attachment":[{"href":"https:\/\/endlesshybrids.com\/wp-json\/wp\/v2\/media?parent=1524"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/endlesshybrids.com\/wp-json\/wp\/v2\/categories?post=1524"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/endlesshybrids.com\/wp-json\/wp\/v2\/tags?post=1524"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}