Zum Seiteninhalt springen
nach morgen — Startseite
Lehrer*in steht mit Tablet vor einer Klasse, präsentiert Inhalte auf großem Bildschirm, mehrere Schüler*innen sitzen mit Laptops an Tischen

BLM Stiftung Medienpädagogik Bayern |

Wahlberg wählt

Konzeption & Entwicklung einer Webanwendung

  • Web Development
  • Infografik & Visual Storytelling
  • Educational Design & E-Learning

Für die BLM Stiftung Medienpädagogik Bayern haben wir die Web-Anwendung Wahlberg wählt! entwickelt. Sie unterstützt Schüler*innen dabei, den kompetenten Umgang mit politischen Inhalten auf Social-Media-Plattformen zu erlernen und ihre Medienkompetenz zu stärken.

Hintergrund und Zielsetzung

Social-Media-Plattformen sind heute wichtige Kanäle politischer Kommunikation, besonders während Wahlkämpfen. Die Inhalte sind oft gezielt platziert und nicht immer leicht zu durchschauen. Schüler*innen benötigen deshalb spezifische Kompetenzen, um Absichten und Ziele der Absender*innen zu erkennen und kritisch einzuordnen.

Mehr lesen Weniger lesen

Die Anwendung erlaubt es, einen fiktiven Wahlkampf in der Stadt Wahlberg zu verfolgen. In drei Kapiteln schlüpfen die Nutzer*innen in verschiedene Rollen, erleben die Kampagne wie auf einer echten Social-Media-Plattform und erhalten so praxisnahes Wissen über politische Kommunikation. Die Anwendung wird im Schulkontext eingesetzt und durch zusätzliche Lernmaterialien begleitet.

User Experience & Interface Design

Die Web-Anwendung funktioniert wie eine echte Social-Media-Plattform: Beiträge, Fotos und Videos werden geteilt, mit denen Schüler*innen interagieren und die sie bewerten können. Die Auswahl einer Rolle mit spezifischen Interessen zu Beginn ermöglicht eine realistische Einordnung der Inhalte. Über drei Kapitel beeinflusst das Verhalten der Nutzer*innen den Algorithmus der Plattform. Ein integrierter Messenger gibt Hilfestellungen und Anweisungen. Am Ende erhalten die Schüler*innen eine individuelle Auswertung mit weiterführenden Hinweisen zur Vertiefung ihrer Kompetenzen.

Tablet mit Startseite der Webanwendung auf buntem Farbverlauf-Hintergrund und Start-Button
Tablet mit Auswahlansicht von drei Rollenprofilen, darunter Name, kurze Beschreibung und Interessenfelder auf buntem Farbverlauf-Hintergrund
Zwei Seiten mit Auswertungen zur Webanwendung, Textabschnitte, Tabellen und Hervorhebungen zu Klickverhalten und Themeninteressen
Simulation eines Belohnungsalgorithmus

Um die Funktionsweise eines realen Algorithmus zu simulieren, sind alle Beiträge mit thematischen Signalen und einem Wert zum Informationsgehalt versehen. Je nachdem, wie die Nutzer*innen mit den Inhalten interagieren, verändert der Algorithmus die Sichtbarkeit und Reihenfolge der weiteren Beiträge – ganz wie in einem echten Social Network. So lernen die Schüler*innen nicht nur etwas über politische Kommunikation, sondern auch, wie Algorithmen die Wahrnehmung von Inhalten auf Social-Media-Plattformen beeinflussen.

Storytelling

Damit die Inhalte möglichst realistisch und nachvollziehbar werden, haben wir die Geschichte eines Kommunalwahlkampfs in der fiktiven Stadt Wahlberg inszeniert. Neben den Kandidat*innen, die um das Bürgermeister*innenamt kämpfen, bevölkern weitere Charaktere die virtuelle Stadt: eine Influencerin wirbt um Follower*innen, das lokale Jugendzentrum, Gastronomiebetriebe und Interessensgruppen setzen eigene Themen durch. So wird der Wahlkampf in einen größeren städtischen Kontext eingebettet und ermöglicht ein spielerisches, zugleich realistisches Storytelling. Zu Beginn wählen die Schüler*innen eine Rolle mit bestimmten Interessen, die ihr Erleben des Wahlkampfs beeinflusst. Über drei Kapitel verfolgen sie die Kampagne, erhalten Hinweise und Unterstützung über einen Messenger und bekommen am Ende eine individuelle Auswertung mit weiterführenden Lernhinweisen.

Videoproduktion

Um die Charaktere so nahbar wie möglich zu gestalten, haben wir für die wichtigsten Akteur*innen Fotos und Videos produziert, mit denen die Charaktere sich auf der fiktiven Plattform inszenieren. Für die Politiker*innen im Wahlkampf haben wir mit Schauspieler*innen Bildmotive und Videos für deren Kampagnen konzipiert und produziert. Auch die Influencerin wurde mit eigenen Videos ausgestattet, die ihre Aktivitäten und Interaktionen in der Stadt Wahlberg darstellen.

Lernmaterialien

Neben der eigentlichen Web-Anwendung haben wir einige zusätzliche Materialien konzipiert und gestaltet. Dazu gehört ein interaktiver Leitfaden, mit dem Lehrkräfte für die Unterrichtsvorbereitung und -begleitung arbeiten können. Im Leitfaden und dem zusätzlichen Handbuch werden Arbeitsanweisungen gegeben und die Funktionsweise der Anwendung im Detail erläutert. Zusätzlich können die Schüler*innen durch weitere Projektideen ihre Kompetenzen in verwandten Bereichen – z. B. im Umgang mit Memes – weiter ausbauen.

Zwei Dokumentseiten: linke Seite erklärt Interaktionen mit Beispielpost, die rechte Seite erklärt die Übersicht der Akteursgruppen
Linke Seite zeigt Titelseite des Handbuchs mit Tablet-Illustration, rechte Seite Inhaltsverzeichnis mit Kapiteln und Seitenzahlen

Development

Für die Web-Anwendung wurde eine plattformübergreifende Lösung entwickelt, die sowohl auf Desktop-Geräten als auch auf Tablets und Smartphones reibungslos funktioniert. Inhalte, Interaktionen und Medienelemente wurden modular umgesetzt, sodass sie flexibel erweitert oder angepasst werden können.

Die Simulation eines Social-Media-Netzwerks in einer kompakten Frontend-Anwendung, die Sichtbarkeit und Reihenfolge der Beiträge dynamisch steuert, basiert auf einem interaktiven Regelwerk, das direkt im Frontend implementiert wurde. So reagieren die Inhalte in Echtzeit auf das Verhalten der Nutzer*innen und erzeugen ein realistisches Social-Media-Erlebnis.

Zur Verwaltung und Aktualisierung der Inhalte wurde eine ausgeklügelte Pipeline zum Bündeln der Inhalte inklusive Medien implementiert. Texte, Bilder, Videos und interaktive Module können unkompliziert gepflegt werden. Durch diese technische Umsetzung ist die Anwendung nicht nur interaktiv und anschaulich, sondern auch langfristig wartbar und skalierbar.

Mehrere Smartphones zeigen die Webanwendung, mit einem Social-Media-Feed, Kommentaren, Artikeln und Chat-Funktion

Ergebnis

Wir haben alle Medien, Videos und Fotos in Köln gedreht und der Tag hat uns sehr viel Spaß gemacht. Vielen Dank an alle, die mitgewirkt haben. Ihr habt dazu beigetragen, dass der Tag so reibungslos lief und das Ergebnis so toll geworden ist.

Schauspieler*innen: Brit Purwin, Doris Plenert und Valentin Stroh
Hair und Make-Up: Christina Goris
Video und Film: Jan Rothstein
Ton: Gabriel Rau

Mehrere Personen in einem hellen Raum bei einer Videoproduktion mit Kamera, Stativ, Ringlicht und Softbox, eine Person sitzt vor der Kamera. Steffen und Lea stehen im Vordergrund während Steffen ein Skript in Händen hält und in die Kamera lächelt. Im Hintergrund rote Backsteinwand und große Fenster
Steffen und eine Person im Gespräch an großem Holztisch, Hintergrund heller Raum mit hohen Fenstern und Betonpfeilern
Mehrere Personen sitzen in einem gemütlichen Loft auf Sofa und Stühlen, Filmlicht und Reflektor aufgebaut, große Fenster und rote Backsteinwand im Hintergrund
Person kniet vor einer schwarzen Ledercouch mit Kamera in der Hand, ruhige Atmosphäre und hell durch große Fenster im Hintergrund, Pflanze links, Stuhl und Tisch rechts
Person sitzt entspannt auf schwarzem Ledersofa mit verschränkten Armen, neben sich Jacke und Kissen, im Hintergrund rote Ziegelwand große Fenster die den Raum erhellen
Videoproduktion in hellem Loft mit großen Fenstern, mehrere Personen mit Kamera, Licht und Reflektoren, eine Person sitzt im roten Stuhl vor Kamin und liest etwas vor
Videodreh mit Kamera auf Stativ, Ringlicht und Softbox, mehrere Personen beugen sich über Skript, im Hintergrund sitzt eine Person vor Paravent und spricht in die Kamera
Videodreh in hellem Loft, Person sitzt vor Kamera mit Ringlicht, zwei Personen bedienen die Kamera, daneben große Softbox, im Hintergrund rote Ziegelwand und Paravent
Lea und eine weitere Person stehen am Holztisch in Küche, beide schauen gemeinsam auf eine Kamera, auf dem Tisch Laptop, Obstschale und Notizbuch
Eine Person sitzt auf einem Stuhl, während eine andere Person mit Pinsel und Palette Make-up aufträgt, im Hintergrund Kleiderstange und Backsteinwand
Fotoproduktion im Loft, Fotograf mit Kamera richtet sich auf eine Person im Anzug aus, die vor grauem Hintergrund und Softbox steht und lächelt. Im Hintergrund große Fenster und Betonsäule