Storytelling on the Web: The Art of Multi-Screen Narrative

This updated talk was given at Webvisions Chicago in September 2013. It is about using trans-media and multiple screens to tell stories. I focus primarily on myths, fables, and retellings of traditional tales, but the ideas can apply to al kinds of digital storytelling.

Transcript

1. Storytelling On The Web The Art of Multi-screen Narrative Senongo Akpem senongo.net @senongo
2. Kwagh-hir http://www.nairaland.com/naptu2
3. These were our bedtime stories. Tales that haunted our parents and made them laugh at the same time. We never understood them until we were fully grown and they became our sole inheritance. -Edwidge Danticat
4. pixel-fable.com
10. http://pixel-fable.com/cricketandmudbrick.html
11. That’s why the cricket walks around saying-
12. EEk EEk EEk
13. Falling in love with interactive storytelling was easy.
14. Essentials for Digital Narratives
15. context is more important than capability
16. Sensors
17. Mobiles/Tablets
18. Desktops/TVs
19. Public and Immersive Displays
20. Split your content into separate blocks
21. Kolobok bit.ly/RkeUwa
22. bit.ly/RkeUwa
23. Narrative content blocks can exist independently
29. http://mobstr.org/home2.html
30. Digital stories need </breakpoints>
31. Offer multiple points of view
32. Bear 71 bear71.nfb.ca/#/bear71
33. They can start a revolution on a smartphone, but can’t remember to close the lid of a bear-proof garbage bin. -Bear 71
35. Offer people multiple perspectives
36. Redefine a tradition
37. Pixel Fable http://pixel-fable.com/crab.html
38. Design culturally relevant versions of our myths
39. The Story of Monkey
40. The Story of Monkey
41. http://www.michelbergermonkey.com
42. Myths have the potential to redefine our entire society.
43. Design real, contextual interactions
44. http://chinaheart.org.au
45. China Heart
46. Design stories with memories
47. Silent History/other http://thesilenthistory.com
49. make your interface a seamless part of the narrative
50. Immerse people in the narrative
51. Jekyl 2.0
53. http://www.react-hub.org.uk/books-and-print-sandbox/projects/2013/jekyll-20/
55. create complex experiences
56. The Walking Dead
58. 75% vs. 25% https://en.wikipedia.org/wiki/The_Walking_Dead_(video_game)
59. embrace narrative ambiguity
60. Transmedia storytelling is the ideal aesthetic form for an era of collective intelligence. -Henry Jenkins
61. To recap-
62. 1. Divide your story into separate content blocks 2. Offer people multiple perspectives 3. Redefine a tradition 4. Design contextual interactions 5. Immerse people in the narrative
63. Thank You! senongo.net @senongo