Skip to main content

Narrative Infusion in Web Design

  • Conference paper
  • First Online:
Advances in Design and Digital Communication II (DIGICOM 2021)

Abstract

This paper investigates the contribution of narrativised interface design to the overall narrative expressivity of this work. A close reading of the graphic interactive novel The Boat reveals the reliance on a narrativised interface throughout the experience. The narrativised interface increases the impact of the work, as the user’s navigation of the plot brings the story to life. The collaged visual presentation format both reinforces the story’s overall emotional tenor and focuses the user’s attention on the component micronarratives. This dynamic collage aesthetic creates a postmodernist artefact by mixing, sequencing, and superimposing media forms: illustrations, panels, text, photographs, and video. We argue that the narrativised interface elements intensify cognitive interactivity and increase immersion into the story as it unfolds. This narrative expressivity accentuates the perception of the storyworld. We also observe that the multi-mediated collage aesthetic bridges the digital and real worlds, leading to a hypermediated yet engaged experience. The work balances ambiguities and dualities - such as reality/imagination, photography/drawing, motion/still, sound/image. This unconventional and active interface design ruptures any passive reader experience. The resulting narrative texture supports an ongoing dialectic of immediacy and hypermediacy. This dialectic both draws the viewer into the ongoing story of The Boat, and highlights the work’s higher-level themes: the fragility of life and the solitary nature of survival in a threatening world.

This is a preview of subscription content, log in via an institution to check access.

Access this chapter

Chapter
USD 29.95
Price excludes VAT (USA)
  • Available as PDF
  • Read on any device
  • Instant download
  • Own it forever
eBook
USD 189.00
Price excludes VAT (USA)
  • Available as EPUB and PDF
  • Read on any device
  • Instant download
  • Own it forever
Softcover Book
USD 249.99
Price excludes VAT (USA)
  • Compact, lightweight edition
  • Dispatched in 3 to 5 business days
  • Free shipping worldwide - see info
Hardcover Book
USD 249.99
Price excludes VAT (USA)
  • Durable hardcover edition
  • Dispatched in 3 to 5 business days
  • Free shipping worldwide - see info

Tax calculation will be finalised at checkout

Purchases are for personal use only

Institutional subscriptions

References

  1. Barthes, R.: Introduction to the structural analysis of the narrative. Discussion Paper, University of Birmingham, Birmingham (1966)

    Google Scholar 

  2. Polkinghorne, D.E.: Narrative and self concept. J. Narrative Life Hist. 1(2), 135–153 (1991)

    Google Scholar 

  3. Ryan, M.-L.: Story/worlds/media tuning the instruments of a media-conscious narratology, In: Storyworlds Across Media: Toward a Media-Conscious Narratology. University of Nebraska Press, Lincoln (2014)

    Google Scholar 

  4. Bizzocchi, J.: Ceremony of innocence: a case study o the emergent poetics of interactive narrative. Master thesis, MIT Press, Cambridge (2001)

    Google Scholar 

  5. Manovich, L.: The Language of New Media. The MIT Press, London (2002)

    Google Scholar 

  6. Jenkins, H.: Game design as narrative architecture. In: First Person: New Media as Story, Performance, and Game, pp. 118–130. MIT Press, Cambridge (2004)

    Google Scholar 

  7. Bizzocchi, J.: Game and narrative: an analytical framework. J. Can. Games Stud. Assoc. 1, 1–10 (2007)

    Google Scholar 

  8. Bolter, J.D., Grusin, R.: Remediation. MIT Press, Cambridge (1999)

    Google Scholar 

  9. Zimmerman, E.: Narrative, interactivity, play and games. In: First Person: New Media as Story, Performance, and Game, pp. 154–164. MIT Press, Cambridge (2004)

    Google Scholar 

  10. Le, N.: The Boat. Alfred A. Knopf, New York (2008)

    Google Scholar 

  11. Bal, M.: Visual narrativity. In: Routledge Encyclopedia of Narrative Theory. Routledge, London (2010)

    Google Scholar 

  12. Bal, M.: Looking in the Art of Viewing. G+B Arts International, Singapore (2001)

    Google Scholar 

  13. Jahn, M.: Focalization. In: Routledge Encyclopedia of Narrative Theory. Routledge, London (2010)

    Google Scholar 

  14. Niederhoff, B.: Focalization. In: The Living Handbook of Narratology. Walter de Gruyter, Hamburg (2011)

    Google Scholar 

  15. Horstkotte, S., Pedri, N.: Focalization in graphic narrative. Narrative 19(3), 330–357 (2011)

    Article  Google Scholar 

  16. Palmer, A.: Fictional Minds. University of Nebaska Press (2004)

    Google Scholar 

  17. Van Looy, J., Baetans, J.: Close Reading New Media: Analysing Electronic Literature. Leuven University Press, Leuven (2003)

    Google Scholar 

  18. Bizzocchi, J., Tanenbaum, T.: Well read: applying close reading techniques to gameplay experiences. In: Well-Played 3.0, pp. 218–315. ETC Press, Pittsburgh (2011)

    Google Scholar 

  19. Bordwell, D.: Poetics of Cinema. Routledge, New York (2007)

    Google Scholar 

  20. Bizzocchi, J., Lin, M.B., Tanenbaum, J.: Game, narrative and the design of interface. Int. J. Art Technol. 4, 460–479 (2011)

    Article  Google Scholar 

  21. Maud, L.: Cut with the Kitchen Knife: The Weimar Photomontages of Hannah Hoch. Yale Univiversity Press, New Haven (1993)

    Google Scholar 

  22. Bizzocchi, J.: Ceremony of innocence and the subversion of interface: cursor transformation as a narrative device. In: Digital Arts and Culture Conference Proceedings Melbourne, Australia (2003)

    Google Scholar 

  23. Manghani, S.: Ink and wonder. Times Higher Educ. Supplement 1943, 40, 15 (2010)

    Google Scholar 

  24. McCloud, S.: Understanding Comics. Harper Perennials, New York (1994)

    Google Scholar 

  25. Gunning, T.: The Cinema of Attractions, in Early Cinema: Space, Frame, Narrative, pp. 63–70. BFI Publishing, London (1990)

    Google Scholar 

  26. Engell, J., Bates, W.J.: The Collected Works of Samuel Taylor Coleridge. Princeton, Biographia Literaria (1983)

    Google Scholar 

  27. Gunning, T.: What’s the point of an index? Or faking photographs. NORDICOM Rev. 5(1/2), 39–49 (2004)

    Article  Google Scholar 

  28. McBess: The Dead Pirates, 05 July 2016. http://www.overthetinyhills.com/. Accessed 14 Apr 2016

  29. Beck, A.: After the Storm, Helios Design Labs (2016). http://www.pbs.org/independentlens/interactive/after-the-storm/#/dear-future-disaster-survivor. Accessed 4 Apr 2016

Download references

Author information

Authors and Affiliations

Authors

Corresponding author

Correspondence to Luciane Maria Fadel .

Editor information

Editors and Affiliations

Rights and permissions

Reprints and permissions

Copyright information

© 2022 The Author(s), under exclusive license to Springer Nature Switzerland AG

About this paper

Check for updates. Verify currency and authenticity via CrossMark

Cite this paper

Fadel, L.M., Bizzocchi, J. (2022). Narrative Infusion in Web Design. In: Martins, N., Brandão, D. (eds) Advances in Design and Digital Communication II. DIGICOM 2021. Springer Series in Design and Innovation , vol 19. Springer, Cham. https://doi.org/10.1007/978-3-030-89735-2_1

Download citation

  • DOI: https://doi.org/10.1007/978-3-030-89735-2_1

  • Published:

  • Publisher Name: Springer, Cham

  • Print ISBN: 978-3-030-89734-5

  • Online ISBN: 978-3-030-89735-2

  • eBook Packages: EngineeringEngineering (R0)

Publish with us

Policies and ethics