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

Hyperlinks and Story Arcs: Building Non-Linear Narratives Online

Hyperlinks and Story Arcs: Building Non-Linear Narratives Online

What does it mean to build a non-linear story in the 21st century? Our storytelling tools are increasingly fragmented in the digital world but, at the same time, the web is opening up all sorts of exciting possibilities. The digital tools at our fingertips, from simple hyperlinks to complex animations, mean we can create non-linear narratives that exist as the perfect storytelling format for the web.

Senongo Akpem

April 08, 2014
Tweet

More Decks by Senongo Akpem

Other Decks in Design

Transcript

  1. Hyperlinks
    &
    Story Arcs
    Building Non-Linear Narratives Online

    View full-size slide

  2. Hello.
    Senongo Akpem @senongo

    View full-size slide

  3. nairaland.com/naptu2
    Kwagh-hir

    View full-size slide

  4. Pixel Fable
    pixelfable.com

    View full-size slide

  5. So...
    How do we tell
    non-linear stories?

    View full-size slide

  6. Start with
    narrative content
    blocks

    View full-size slide

  7. ernestgoh.com
    wat.

    View full-size slide

  8. narrative
    content blocks
    video
    links
    text
    audio
    location
    images
    data

    View full-size slide

  9. narrative
    content blocks
    video
    links
    text
    audio
    location
    images
    data

    View full-size slide

  10. narrative
    content blocks
    video
    links
    text
    audio
    location
    images
    data

    View full-size slide

  11. narrative
    content blocks
    video
    links
    text
    audio
    location
    images
    data

    View full-size slide

  12. narrative
    content blocks
    video
    links
    text
    audio
    location
    images
    data

    View full-size slide

  13. narrative
    content blocks
    video
    links
    text
    audio
    location
    images
    data

    View full-size slide

  14. narrative
    content blocks
    video
    links
    text
    audio
    location
    images
    data

    View full-size slide

  15. narrative
    content blocks
    video
    links
    text
    audio
    location
    images
    data

    View full-size slide

  16. Organizing your
    narrative content

    View full-size slide

  17. wikipedia.org
    Go deeper.

    View full-size slide

  18. fluid content
    strategy is critical
    for non-linear narratives

    View full-size slide

  19. Create experiences that are not just
    hierarchical or linear, but flexible,
    modular, relational, and semantic.
    -Sara Wachter-Boettcher

    View full-size slide

  20. Set narrative goals

    View full-size slide

  21. Create narrative schedules

    View full-size slide

  22. Conductrr
    tstoryteller.com

    View full-size slide

  23. non-linear narratives
    depend heavily on
    your audience

    View full-size slide

  24. One of the challenges facing designers
    of intelligent storytelling systems
    is how to balance tension between
    user and author control.
    -Joshua Tanenbaum & Angela Tomizu

    View full-size slide

  25. discovery
    feedback
    ‘what is’ vs ‘what if’

    View full-size slide

  26. discovery
    feedback
    ‘what is’ vs ‘what if’

    View full-size slide

  27. Death is Certain
    dice.gwil.co

    View full-size slide

  28. discovery
    feedback
    ‘what is’ vs ‘what if’

    View full-size slide

  29. Designing cohesive
    narratives

    View full-size slide

  30. Create
    threads.

    View full-size slide

  31. visual threads
    interactive threads
    spatial threads

    View full-size slide

  32. Whale Hunt
    thewhalehunt.org

    View full-size slide

  33. visual threads
    interactive threads
    spatial threads

    View full-size slide

  34. #MurderProject
    unlinear.tv

    View full-size slide

  35. visual threads
    interactive threads
    spatial threads

    View full-size slide

  36. Voices From The Collosseum
    colosseum.bridgingmedia.net

    View full-size slide

  37. Knowledge... can now be accessed
    through a network of links in which a
    spatial relation between component parts
    can be preserved.
    -person
    -Janet Marles

    View full-size slide

  38. create
    one central thread
    through your narrative

    View full-size slide

  39. A few
    examples.

    View full-size slide

  40. extra narrative

    View full-size slide

  41. An Idea Lives On
    anidealiveson.org

    View full-size slide

  42. disjointed narrative

    View full-size slide

  43. Life After Wartime - Bystander
    lifeafterwartime.com

    View full-size slide

  44. parallel narrative

    View full-size slide

  45. Moon
    unahistoriaquedalavuelta.com/en

    View full-size slide

  46. database narrative

    View full-size slide

  47. Inequality Map
    newyorker.com/sandbox/business/subway.html

    View full-size slide

  48. micro narrative

    View full-size slide

  49. Lost Nigeria
    lostnigeria.com

    View full-size slide

  50. This is my call for more
    non-linear
    storytelling.

    View full-size slide

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

    View full-size slide

  52. Thank You!
    @senongo
    (slides, tools, and more at senongo.net)

    View full-size slide