You have now advanced to developing a screen-based media piece that is inspired by your editorial. Please make use of the information you gathered for the editorial and make necessary edits to compartmentalize and\/or focus the communication based on the type of expos\u00e9, structure, and time conditions of the medium.<\/p>\n
What aspects of your editorial narrative are conducive to on-screen\u00a0or online interactivity? Consider the possibilities and affordances of the technologies\u00a0behind\u00a0your chosen media.<\/p>\n
+\u00a0Motion:<\/b>\u00a0How can you expand on the existing content?\u00a0 In a 90 to 120<\/strong> second video (including sound\/audio), develop an emotive and exciting interpretation of your editorial. Make use of Adobe After Effects to design your time-based solution.<\/p>\n + Interactive:\u00a0<\/b>Static and dynamic elements of the editorial can become responsive attributes to support and strengthen the message. Visual elements can react to spatial dynamics and\/or users\u2019 interaction (movement of the scroll, clicks, rollovers) can manifest the message of your editorial to communicate at a deeper and more engaging level. Make use of Adobe XD to design a working prototype of your interactive solution.<\/p>\n Read excerpt from “Design is Storytelling” by Ellen Lupton here > Screen-Based Media Preparations<\/b><\/p>\n Process +\u00a0<\/b>Inspiration<\/b><\/p>\n MOTION\/<\/strong><\/p>\n Storyboards<\/strong> are a set of stills that represent ideas for time-based pieces. A storyboard is read left to right (representing the unfolding of time), and does not include all of the frames of a sequence, but a set that can describe a \u201cnarrative arc\u201d (beginning, middle, and end.) Storyboards can be made as pencil sketches or using \u201ckeyframes.\u201d Keyframes are stills that represent a point in time in the piece and are more fully visualized in terms of the design (often created on the computer.) (See page 8 Lupton PDF.)<\/p>\n Relevant & Inspirational Links: Tools:<\/strong> *<\/p>\n INTERACTIVE\/ A\u00a0wireframe<\/b>\u00a0is a two-dimensional illustration of a page’s interface that specifically focuses on space allocation and prioritization of content, functionalities available, and intended behaviors. For these reasons,\u00a0wireframes<\/b>\u00a0typically do not include any styling, color, or graphics. (See page 20 of Pannafino PDF.) Relevant & Inspirational Links:<\/strong><\/p>\n Plastic Air<\/a> Tools:<\/strong> “A persona is a character sketch that represents a particular segment of the target audience\u2026With personas website designers can focus on how the website will be used instead of how the technology should work. Instead of asking how a feature should work, the designer can ask, ‘What would Francis do?'” (Mulder, 2006<\/a>) \u00a0Personas are in-depth character sketches, which not only describe research goals and behaviors, but also some personal characteristics.”<\/p>\n Interviews+Personas<\/a><\/p>\n Closer Look At Personas \/ Smashing Magazine ><\/a><\/p>\n Multimedia\u00a0Examples<\/strong><\/p>\n Future Architect Symposium Rebecca Mendez \u2014 Circumsolar Series ACM-GD Student Work Ovaries by Emily Quast Indie Gaming by Bianca Pereira<\/a><\/p>\n Other Inspiration<\/strong><\/p>\n
\nR<\/a>ead excerpt from “Interdisciplinary Interaction Design” by James Pannafino ><\/a><\/p>\n
\n
\n<\/strong>Rebecca Mendez, Instant<\/a>
\n<\/a>Designer Danny Yout discussing the designing of the Six Feet Under Title Sequence<\/a>\u00a0& Final Title Sequence<\/a>
\n<\/a>Ericsson Keynote Film<\/a>
\nEricsson Keynote Animatic (made from storyboard)
\n<\/a>FITC Opening Titles
\n<\/a>Who Directed The Shower Scene In Psycho<\/a><\/p>\n
\nMotionStudies_Storyboard_Example
\n<\/a>Storyboard Template for Sketching<\/a><\/p>\n
\n<\/strong>
\nA\u00a0site map<\/b>\u00a0is a model of a website’s content designed to help both users and search engines navigate the\u00a0site<\/b>. (See page\u00a018 of Pannafino PDF.)<\/p>\n
\n<\/strong><\/p>\n
\n17 Delightfully Interactive Websites You’ll Want to Steal \u2013 JustInMind
\n<\/a>Hand-Held Himalayas<\/a>
\n<\/strong>Museums should activate multiple senses, not just the eyeball | Ellen Lupton | TEDxMidAtlantic<\/a>
\n1000 Hands | Media Space London<\/a>
\nAugmented Museum<\/a>
\nThe Smart Crossing<\/a>
\nMuseums Test New Technology<\/a>
\nMeet Vincent Van Gogh | Interactive Van Gogh Exhibit<\/a>
\nSalesforce Video Wall<\/a>
\nDigital Interactive Kiosk at Citigroup Center<\/a>
\nNexen Media Wall<\/a><\/p>\n
\nA persona is a representation of an audience\/user, usually based off of user research and incorporating user goals, needs, and interests.\u00a0<\/span>Personas allow the designer to have a greater understanding of the audience\/user at the outset of the design process and as a tool used in the design process. Personas can: build empathy for the audience\/user., develop a focus for the site\/product being developed, assist in making important design, organizational and functional decisions.<\/p>\n
\n
\n<\/a><\/p>\n
\nMigration 1<\/a>
\nMigration 2<\/a>
\nMigration 3<\/a>
\nBi\/Polar<\/a><\/p>\n
\n<\/strong>BOOZY by Mathilda Galano<\/a><\/p>\n
\n<\/a><\/p>\n