My Boyfriend Came Back from the War, by Olia Lialina (1996)
My Body, by Shelley Jackson (1997)
Last Dream, by Andy Campbell (2006)
Editions at Play, by various authors
Hey Harry Hey Matilda, an Instagram novel by Rachel Hulin (2015)
A Modern Ghost
The Shootout by Alan Bigelow
Loss of Grasp, by Serge Bouchardon andVincent Volckaert (2010)

Beyond Myth and Metaphor -The Case of Narrative in Digital Media, by Marie-Laure Ryan


Talk: Hypermedia

Assignment #4 :   Hypermedia Story (individual or group projects)

So far, we have been exploring more conventional, linear story forms using digital tools – text editors, remix methods and visual design tools. The class will now pivot towards more computational processes in the making and presentation of digital stories. Digital media reduces all forms of media to machine code so that the computer will know how to display an intended sign. Digital stories created by and for a computer environment can include non-linear navigation, direct access to data, stored data in databases, variables, conditionals, search, interface design, random and parallel processes, hyperlinks and other forms of user interaction or “agency”.

Digital storytelling using computational processes creates some complications for our conventional notions of story and narrative. Even though a website typically presents multiple links, giving the user a choice in navigation, that user is still following a single linear path – their own. The question and challenge for storytelling is how to design the user’s own path (navigation through media files) so that it will lead to the understanding of a story or  “story world”.

“Hypermedia” refers to linked media. This can be a linear or directed path of links – for example, from text, to image to video – like pages in a book. A work of hypermedia can also present a network of links – branching or open – where repetition of story elements are part of the experience of navigation. Social media, blogs or microblog websites, can create networks of linked media while maintaining a linear, time-stamped path. A twitter story might develop episodically, with links out to media or webpages in each tweet.  “Transmedia” refers to stories that relate story elements across different media. A transmedia story might chain a website, to a blog, to a video, to a comment, to a phone number, to a text message, to the geolocation of a physical place with live performers.  Geo-coordinates, for example, might unlock a new chapter on a phone.

In this assignment, you or your group, will explore the possibilities of storytelling use any of the above computational processes. This is an exercise that might be the start or framework of a larger idea that can develop further as a final project.

Digital Storytelling tools and platforms:


Basic Page template
Adobe Edge Reflow
HTML5 BoilerPlate
Responsive Skrollr Template | download zip file
Skrollr javascript plugin

iBook Author

Game Platforms:

Discuss works of Hypertext, Hypermedia

Recommended Games:
Heavy Rain
Persona 4
Dear Esther
Walking Dead
Gone Home

Hypertext (Twine)

Queers in Love at the End of the World

Beautiful Frog

Howling Dogs

Keeping Up Appearances

Twitter Fiction (Storify):



App store stories/games:


Macro and Micro Patterns: Fractal Narratives