Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

Senongo Akpem
October 09, 2013

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.

Senongo Akpem

October 09, 2013
Tweet

More Decks by Senongo Akpem

Other Decks in Design

Transcript

  1. Storytelling
    On The Web
    The Art of Multi-screen Narrative
    Senongo Akpem
    senongo.net
    @senongo

    View full-size slide

  2. Kwagh-hir
    http://www.nairaland.com/naptu2

    View full-size slide

  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

    View full-size slide

  4. pixel-fable.com

    View full-size slide

  5. http://pixel-fable.com/cricketandmudbrick.html

    View full-size slide

  6. That’s why the cricket
    walks around saying-

    View full-size slide

  7. Falling in love with
    interactive storytelling
    was easy.

    View full-size slide

  8. Essentials for
    Digital
    Narratives

    View full-size slide

  9. context
    is more important than
    capability

    View full-size slide

  10. Mobiles/Tablets

    View full-size slide

  11. Desktops/TVs

    View full-size slide

  12. Public and Immersive Displays

    View full-size slide

  13. Split your
    content into
    separate
    blocks

    View full-size slide

  14. Kolobok
    bit.ly/RkeUwa

    View full-size slide

  15. bit.ly/RkeUwa

    View full-size slide

  16. Narrative content blocks
    can exist
    independently

    View full-size slide

  17. http://mobstr.org/home2.html

    View full-size slide

  18. Digital stories need

    View full-size slide

  19. Offer multiple
    points of view

    View full-size slide

  20. Bear 71
    bear71.nfb.ca/#/bear71

    View full-size slide

  21. They can start a revolution on a
    smartphone, but can’t remember to close
    the lid of a bear-proof garbage bin.
    -Bear 71

    View full-size slide

  22. Offer people
    multiple
    perspectives

    View full-size slide

  23. Redefine a
    tradition

    View full-size slide

  24. Pixel Fable
    http://pixel-fable.com/crab.html

    View full-size slide

  25. Design
    culturally relevant
    versions of our myths

    View full-size slide

  26. The Story of Monkey

    View full-size slide

  27. The Story of Monkey

    View full-size slide

  28. http://www.michelbergermonkey.com

    View full-size slide

  29. Myths have the potential to redefine
    our entire society.

    View full-size slide

  30. Design real,
    contextual
    interactions

    View full-size slide

  31. http://chinaheart.org.au

    View full-size slide

  32. Design stories with
    memories

    View full-size slide

  33. Silent History/other
    http://thesilenthistory.com

    View full-size slide

  34. make your interface a
    seamless part
    of the narrative

    View full-size slide

  35. Immerse
    people
    in the
    narrative

    View full-size slide

  36. http://www.react-hub.org.uk/books-and-print-sandbox/projects/2013/jekyll-20/

    View full-size slide

  37. create complex
    experiences

    View full-size slide

  38. The Walking Dead

    View full-size slide

  39. 75% vs. 25%
    https://en.wikipedia.org/wiki/The_Walking_Dead_(video_game)

    View full-size slide

  40. embrace
    narrative
    ambiguity

    View full-size slide

  41. Transmedia storytelling is the ideal
    aesthetic form for an era of collective
    intelligence.
    -Henry Jenkins

    View full-size slide

  42. 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

    View full-size slide

  43. Thank You!
    senongo.net
    @senongo

    View full-size slide