Konzeption und Implementierung einer Progressive Web App für kollaboratives Storytelling unter Anwendung von Emotional-Design-Prinzipien

Abstract

Geschichten werden zunehmend interaktiv und gemeinschaftlich kreiert. Dennoch mangelt es vielen kollaborativen Plattformen an emotionaler Tiefe (Walter, 2011). Diese Arbeit adressiert diese Lücke und untersucht, wie eine Progressive Web App (PWA) für kollaboratives Storytelling konzipiert sein muss, um eine motivierende und emotional ansprechende Nutzererfahrung zu schaffen. Als theoretischer Rahmen dient das Konzept des Emotional Designs nach Don Norman, dessen drei Ebenen, viszeral, verhaltensbezogen und reflektiv, als Leitfaden für die Gestaltung dienen (Norman, 2004). Das praktische Ergebnis ist der Prototyp namens „WalkBy“, eine Anwendung, die es Nutzern ermöglicht, ortsbezogene Erzählungen aus Bild-, Video- und Audioclips zu erstellen und mit einer Community zu teilen. Die Konzeption verbindet technologische Anforderungen an eine PWA mit gezielten Designentscheidungen. Eine Filmstreifen-Metapher unterstützt die intuitive Bedienung (verhaltensbezogene Ebene), während ein immersiver „Kino-Modus“ mit Ambilight-Effekt für eine unmittelbare, positive Wahrnehmung sorgt (viszerale Ebene). Die Evaluation des Prototyps durch qualitative „Thinking Aloud“-Tests bestätigte die hohe emotionale Wirkung dieser Features. Die Ergebnisse zeigen, dass die bewusste Gestaltung emotionaler Aspekte einen positiven Einfluss auf den Gesamteindruck einer Anwendung haben kann.

Stories are increasingly being created interactively and collaboratively. However, many collaborative platforms lack emotional depth. This paper addresses this gap and examines how a Progressive Web App (PWA) for collaborative storytelling must be designed to create a motivating and emotionally engaging user experience. The concept of Emotional Design by Don Norman serves as the theoretical framework, with its three levels—visceral, behavioral, and reflective—acting as a design guide. The practical result is the prototype „WalkBy,” an application that allows users to create location-based narratives from image, video, and audio clips and share them with a community. The design combines the technological requirements of a PWA with specific design decisions. A filmstrip metaphor supports intuitive use (behavioral level), while an immersive „cinema mode” with an Ambilight-like effect provides an immediate, positive perception (visceral level). The evaluation of the prototype through qualitative „Thinking Aloud” tests confirmed the strong emotional impact of these features. The results show that the deliberate design of emotional aspects can have a positive influence on the overall impression of an application.