digital storytelling: making smart choices by paul cheung - philadelphia newstrain - nov. 13-14,...
TRANSCRIPT
![Page 1: Digital Storytelling: Making Smart Choices by Paul Cheung - Philadelphia NewsTrain - Nov. 13-14, 2015](https://reader034.vdocuments.net/reader034/viewer/2022051101/5880db901a28ab9c3a8b7139/html5/thumbnails/1.jpg)
DIGITAL STORYTELLING Paul Cheung Director of Interactive and Digital News Production, The Associated Press [email protected] @pcheung630
![Page 2: Digital Storytelling: Making Smart Choices by Paul Cheung - Philadelphia NewsTrain - Nov. 13-14, 2015](https://reader034.vdocuments.net/reader034/viewer/2022051101/5880db901a28ab9c3a8b7139/html5/thumbnails/2.jpg)
“As the Web matures, the devices that
provide access to it have to evolve along with it.”
![Page 3: Digital Storytelling: Making Smart Choices by Paul Cheung - Philadelphia NewsTrain - Nov. 13-14, 2015](https://reader034.vdocuments.net/reader034/viewer/2022051101/5880db901a28ab9c3a8b7139/html5/thumbnails/3.jpg)
![Page 4: Digital Storytelling: Making Smart Choices by Paul Cheung - Philadelphia NewsTrain - Nov. 13-14, 2015](https://reader034.vdocuments.net/reader034/viewer/2022051101/5880db901a28ab9c3a8b7139/html5/thumbnails/4.jpg)
DESKTOPS, MOBILE AND SOCIAL
– They are not all the same.
– Users exhibit different behavioral patterns.
– Each device and platform addresses different needs at different times of the day.
– What works for a user on a desktop does not work for a smartphone.
![Page 5: Digital Storytelling: Making Smart Choices by Paul Cheung - Philadelphia NewsTrain - Nov. 13-14, 2015](https://reader034.vdocuments.net/reader034/viewer/2022051101/5880db901a28ab9c3a8b7139/html5/thumbnails/5.jpg)
LEARNING OBJECTIVE
– Use a scalable story-planning process across all digital platforms from Web to mobile to social.
![Page 6: Digital Storytelling: Making Smart Choices by Paul Cheung - Philadelphia NewsTrain - Nov. 13-14, 2015](https://reader034.vdocuments.net/reader034/viewer/2022051101/5880db901a28ab9c3a8b7139/html5/thumbnails/6.jpg)
A QUICK SURVEY
– What is your role in the digital-storytelling process?
– Tell me about your success stories?
– Tell me about your digital obstacles?
![Page 7: Digital Storytelling: Making Smart Choices by Paul Cheung - Philadelphia NewsTrain - Nov. 13-14, 2015](https://reader034.vdocuments.net/reader034/viewer/2022051101/5880db901a28ab9c3a8b7139/html5/thumbnails/7.jpg)
THE TYPICAL PLANNING PROCESS
Reporter/Editor Visuals
Web dev
Social
![Page 8: Digital Storytelling: Making Smart Choices by Paul Cheung - Philadelphia NewsTrain - Nov. 13-14, 2015](https://reader034.vdocuments.net/reader034/viewer/2022051101/5880db901a28ab9c3a8b7139/html5/thumbnails/8.jpg)
A FLAWED PROCESS
Reporter/Editor Visuals
Web dev
Social
![Page 9: Digital Storytelling: Making Smart Choices by Paul Cheung - Philadelphia NewsTrain - Nov. 13-14, 2015](https://reader034.vdocuments.net/reader034/viewer/2022051101/5880db901a28ab9c3a8b7139/html5/thumbnails/9.jpg)
A BETTER PROCESS
Brainstorm Storyboard Prototype Feedback Iterate Deliver
![Page 10: Digital Storytelling: Making Smart Choices by Paul Cheung - Philadelphia NewsTrain - Nov. 13-14, 2015](https://reader034.vdocuments.net/reader034/viewer/2022051101/5880db901a28ab9c3a8b7139/html5/thumbnails/10.jpg)
A BETTER PROCESS
Brainstorm Storyboard Prototype Feedback Iterate Deliver
Brainstorming is not just for generating story ideas.
– Gets us out of our comfort zones.
– Encourages wild ideas. This often leads to real innovation in terms of storytelling: Virtual Reality (VR) or Augmented Reality (AR) / Time-lapse / Before/after images
– http://interactives.ap.org/2015/transgender-youth/
![Page 11: Digital Storytelling: Making Smart Choices by Paul Cheung - Philadelphia NewsTrain - Nov. 13-14, 2015](https://reader034.vdocuments.net/reader034/viewer/2022051101/5880db901a28ab9c3a8b7139/html5/thumbnails/11.jpg)
A BETTER PROCESS
Brainstorm Storyboard Prototype Feedback Iterate Deliver
Storyboarding is a static description of your narrative arc.
– Divide the story into linear and nonlinear parts.
– Decide the contents of the story among the media (text, videos, audio, photos, information graphics, VR).
– Sketch out what the main story will look like and the elements it will include.
– http://interactives.ap.org/2015/mexico-disappeared/
![Page 12: Digital Storytelling: Making Smart Choices by Paul Cheung - Philadelphia NewsTrain - Nov. 13-14, 2015](https://reader034.vdocuments.net/reader034/viewer/2022051101/5880db901a28ab9c3a8b7139/html5/thumbnails/12.jpg)
A BETTER PROCESS
Brainstorm Storyboard Prototype Feedback Iterate Deliver
Prototyping is the visual and physical representation of how your story will be presented to the audience.
– Narrative structure
– User Experience (UX) and User Interface (UI)
– Interactivity
– http://interactives.ap.org/2014/honduras-soccer/
![Page 13: Digital Storytelling: Making Smart Choices by Paul Cheung - Philadelphia NewsTrain - Nov. 13-14, 2015](https://reader034.vdocuments.net/reader034/viewer/2022051101/5880db901a28ab9c3a8b7139/html5/thumbnails/13.jpg)
Feedback is the reaction to the presentation and narrative arc of the story:
– Is your prototype intuitive?
– Will the audience engage with your story from beginning to end?
– Observe audience behavior: Are they stuck in a particular section? Is something too boring or too complex?
– http://interactives.ap.org/2015/trading-pit-signals/
A BETTER PROCESS
Brainstorm Storyboard Prototype Feedback Iterate Deliver
![Page 14: Digital Storytelling: Making Smart Choices by Paul Cheung - Philadelphia NewsTrain - Nov. 13-14, 2015](https://reader034.vdocuments.net/reader034/viewer/2022051101/5880db901a28ab9c3a8b7139/html5/thumbnails/14.jpg)
A BETTER PROCESS
Brainstorm Storyboard Prototype Feedback Iterate Deliver
Based on your feedback and observations, iteration is your second chance to re-edit the story or to improve the UI/UX of the story.
http://interactives.ap.org/2015/mh17-crash/
![Page 15: Digital Storytelling: Making Smart Choices by Paul Cheung - Philadelphia NewsTrain - Nov. 13-14, 2015](https://reader034.vdocuments.net/reader034/viewer/2022051101/5880db901a28ab9c3a8b7139/html5/thumbnails/15.jpg)
A BETTER PROCESS
Brainstorm Storyboard Prototype Feedback Iterate Deliver
When and how to deliver digital stories:
– Timing
– Platform differentiation
– Print vs. Web vs. mobile vs. social
![Page 16: Digital Storytelling: Making Smart Choices by Paul Cheung - Philadelphia NewsTrain - Nov. 13-14, 2015](https://reader034.vdocuments.net/reader034/viewer/2022051101/5880db901a28ab9c3a8b7139/html5/thumbnails/16.jpg)
EXAMPLES
http://interactives.ap.org/2015/ap-interactive-guide/
![Page 17: Digital Storytelling: Making Smart Choices by Paul Cheung - Philadelphia NewsTrain - Nov. 13-14, 2015](https://reader034.vdocuments.net/reader034/viewer/2022051101/5880db901a28ab9c3a8b7139/html5/thumbnails/17.jpg)
Q&A PAUL CHEUNG | [email protected] | @PCHEUNG630