Abstract

Das Projekt Changing Currents beschäftigt sich mit der Atlantischen Umwälzströmung im Nordatlantik (AMOC), einem zentralen Bestandteil des globalen Klimasystems. Die interaktive Website ist in drei Bereiche gegliedert: Sie erklärt die Funktionsweise der AMOC und visualisiert vier wesentliche Folgen des Klimawandels: Versauerung, Sauerstoffverlust, steigenden Meeresspiegel und die Verlangsamung der Strömung. Zudem zeigt sie bereits messbare Auswirkungen auf. Die Anwendung ist in drei Bereiche gegliedert: Erklärung der Strömung, Darstellung der Klimafolgen mit ihren Ursachen und Auswirkungen sowie ein abschließendes Fazit mit Ausblick. Die Steuerung erfolgt über haptische Holzelemente mit RFID-Technologie, die ein intuitives Storytelling ermöglichen. Ziel ist es, komplexe Zusammenhänge aus physikalischer, chemischer und geografischer Perspektive verständlich zu vermitteln. Dabei werden Nutzer:innen aktiv eingebunden und können das Thema auch ohne Vorwissen erschließen. Das Projekt verbindet digitale Visualisierung mit haptischer Interaktion, um Klimaprozesse erfahrbar zu machen und für deren globale Bedeutung zu sensibilisieren.

___________

The project Changing Currents focuses on the Atlantic Meridional Overturning Circulation (AMOC) in the North Atlantic, a central component of the global climate system. The interactive website is divided into three sections: It explains how the AMOC works and visualizes four major consequences of climate change: ocean acidification, oxygen depletion, rising sea levels, and the slowing of the current. It also highlights impacts that are already measurable. The application is divided into three sections: an explanation of the current, a presentation of climate impacts along with their causes and effects, and a concluding summary with an outlook. Navigation is controlled via haptic wooden elements with RFID technology, which enable intuitive storytelling. The goal is to convey complex interrelationships in an understandable way from physical, chemical, and geographical perspectives. Users are actively engaged in the process and can explore the topic even without prior knowledge. The project combines digital visualization with haptic interaction to make climate processes tangible and raise awareness of their global significance.

Filmische Dokumentation

Bilder der Umsetzung

Pitch Deck

Userflow

____________________________

Deliver_Abschnitte Website

Deliver_Prototyp fertiges Projekt

Deliver_Produktion Tangibles

Um die Rundung für die RFID Auflage zu kreieren habe ich die Living Hinge Technik angewendet.

Deliver_Animationen der Illustrationen

Fertige Erklär-Animationen

Deliver_RFID Interaktion

Design_Tangible

Design_Website

Fertiges Grundgerüst der Key Animationen

Design_Code Globus

Prototyp 1: https://interaction-kd6-erste-dashlinie.netlify.app/

Prototyp 2: https://globe2-interaction-kd6.netlify.app/

Prototyp 3: https://interaction-globe-kd62.netlify.app/

Prototype_Linien Daten des Strömungsverlaufs

https://api.mapbox.com/styles/v1/viktoriasch/cmpr34x1z001w01qz35hnev08/draft.html?title=view&access_token=pk.eyJ1IjoidmlrdG9yaWFzY2giLCJhIjoiY21wcjMwNmVyMGU5ODJyc2V1Y2NhbzV3dSJ9.bdm7oWpqEGvpLKTNOprS4w&zoomwheel=true&fresh=true#2/32.32/-38.93

Der roter und blaue Teil der Linie sind jeweils einzelne Linien.

Prototype_Erklär-Illustrationen

Hier habe ich getestet, wie ich die Erklär-Illustrationen gestalten kann, sodass sie verständlich sind.

Prototype_Anwendung

Figma Prototypen für die Anwendung

Prototype_Struktur

Nun habe ich recherchiert und die Informationen strukturiert und lokalisiert.

Darstellungsvarianten

Problem definition & possible solution: Pitch deck

Research_Explore: mögliche Projekte

Ich habe zwei mögliche Projektansätze skizziert.

Research_Discover/Explore: Themenauswahl

Zu einigen der Themen habe ich dann genauer recherchiert.

Research_Discover: Themenraum

Im ersten Schritt habe ich einen Themenraum mit Themen, die mich im Überthema Bewegung interessieren.

____________________________

Links

Website: https://klimafolgen-acom-interaction.framer.website/

Code Globus: https://github.com/Viktoria02Hof/Changing-Currents/blob/main/Code%20Globus

Code Arduino: https://github.com/Viktoria02Hof/Changing-Currents/blob/main/Arduino%20Code