Konzeption und prototypische Umsetzung einer Interaktive Web-Dokumentation


Hendrik Runde

Präsentation
17. June 2026, 12:00 Uhr, Raum 3.216
Betreuer
Prof. Hans Kornacher
Kooperationspartner
TH Köln
Stichworte
Interaktive Webdokumentation, audiovisuelle Gestaltung, User Experience, User Engagement, Interaktionsdesign
Bildrechte
Screenshot Hendrik Runde

Abstract

Was passiert, wenn einem Informationen nicht nur aufbereitet, sondern durch eigene Entscheidungen erfahrbar werden? WG unter Strom ist eine interaktive Webdokumentation über alltäglichen Stromverbrauch in einer Studierenden-WG. Das Projekt verbindet dokumentarisches Erzählen, audiovisuelle Gestaltung und Interaktion zu einem prototypischen Erfahrungsraum: Nutzer betreten Küche, Bad, Wohnzimmer und WG-Zimmer, treffen dort einfache Alltagsentscheidungen und erhalten am Ende eine zusammenfassende Tagesbilanz. Ausgangspunkt des Projekts ist dass interaktive Webdokumentationen ein großes Potenzial für digitale Wissensvermittlung besitzen. Sie erweitern klassische lineare Dokumentarformen, indem sie Nutzer nicht nur als Zuschauer adressieren, sondern aktiv in die Struktur der Erzählung einbeziehen können. In der Praxis bleibt dieses Potenzial jedoch häufig begrenzt: Interaktion beschränkt sich oft auf das Auswählen vorgegebener Inhalte, ohne dass daraus eine spürbare Handlungsmacht oder eine stärkere narrative Beteiligung entsteht. Zugleich stellt die Öffnung linearer Erzählstrukturen eine zentrale gestalterische Herausforderung dar: Wenn Inhalte modular, nicht-linear oder hypertextuell organisiert sind, müssen Orientierung, Zusammenhang und Verständlichkeit auf andere Weise gesichert werden.

Ziel war die theoriegeleitete Konzeption und prototypische Umsetzung einer interaktiven Webdokumentation, die Anforderungen an Orientierung, narrative Kohärenz, User Experience und User Engagement exemplarisch gestalterisch aufgreift um das Potenzial des Formats im prototypischen Kontext bestmöglich zu nutzen. Dafür wurden theoretische Grundlagen zu interaktiven Webdokumentationen, audiovisueller Gestaltung und Nutzererlebnis erarbeitet, bestehende Webdokumentationen analysiert und daraus konkrete Gestaltungsprinzipien für den eigenen Prototyp abgeleitet. Der Vortrag gibt Einblick in diesen Entwicklungsprozess: Im Mittelpunkt steht, wie Anforderungen an Orientierung, Entscheidungssituationen, Feedback und audiovisuelle Gestaltung konzeptionell aufgegriffen und in einer prototypischen interaktiven Webdokumentation umgesetzt wurden.

Materialien

Vorstellungsvideo Prototyp: https://th-koeln.sciebo.de/s/B2ogqfX8sxs8eL2 Passwort: Interaktiv2026

Weiterführende Themen

  • Untersuchung der User Experience und des Engagements in einer interaktiven Webdokumentation (Ausblick Bachelorarbeit)
  • Untersuchung inwiefern Interaktivität die Wahrnehmung und emotionale Beteiligung der Nutzer gegenüber klassischen, linearen Dokumentationen?
  • Weiterentwicklung des Prototyps im Hinblick auf stärker personalisiertes Feedback und weiterführende Explorationsmöglichkeiten