Kommunikation
default 2024
Website
Aimée Buyet
Aimée Morgaine Buyet
1999
ADVERY
Lernende Interactive Media Designerin (3. Lehrjahr)

4-Seiten-Modell

In der «Website»-Kategorie stelle ich mein Projekt «4-Seiten-Modell» vor. Es handelt sich hierbei um einen spezifischen Webseitenbereich, nicht um die gesamte Seite. Diese Hervorhebung soll verdeutlichen, dass der Fokus auf dem Inhalt einer Lernwebsite liegt, nicht auf der gesamten Navigationsstruktur oder anderen Aspekten. Die kreative Umsetzung verbindet den One-Line-Art-Stil mit der «Becher-Telefon»-Analogie, um die Verbindung zwischen den vier Kommunikationsebenen zu illustrieren. Die Projektumsetzung betont Verspieltheit und Interaktivität für informatives und freudiges Lernen. Spielerische Interaktivität, wie Plus-Buttons für Zusatzinfos, verleiht der Infografik Dynamik. Durch Klicks erkundet der Nutzer intensiver. Hervorzuhebende Illustrationselemente ändern Farben bei Mausberührung und betonen Details. Ein zentraler Bereich fokussiert sich auf die Interaktion und das Lernen. Hier kommunizieren ein Mann und eine Frau miteinander. Der Mann präsentiert vier Sprechblasen in unterschiedlichen Farben, jede repräsentiert eine der vier Ebenen des Senders. Gleichzeitig zeigt die Frau vier Denkblasen in entsprechenden Farben für die Ebenen des Empfängers. Der Nutzer kann den Lernprozess aktiv gestalten, indem er eine Sprechblase des Mannes auswählt. Animation führt die über eine Linie zur Frau, für die der Nutzer daraufhin eine ihrer Denkblasen auswählen kann. Eine anschliessende Sprechblase erklärt dem Nutzer, ob die Frau seine Nachricht auf der richtigen Ebene und dadurch inhaltlich korrekt interpretiert hat oder nicht. Diese interaktive Spielsituation ermöglicht eine spielerische Aneignung des «4-Seiten-Modells" und unterstreicht den innovativen Ansatz der Infografik.
https://youtu.be/hFrfyRnpJtg
zentraler Bereich fokussiert sich auf die Interaktion und das Lernen
zentraler Bereich fokussiert sich auf die Interaktion und das Lernen
4-Seiten-Modell
4-Seiten-Modell
Screencast: 4-Seiten-Modell