In der Lehrveranstaltung “Interaktive Infografiken” an der HdM Stuttgart entstanden bei Herrn Prof. Tille noch zahlreiche weitere Infografiken. Ein Besuch lohnt sich:
Update: Leider funktionieren viele der Links nicht mehr!
Wasserknappheit von Monika Webers und Anna Zinßer:
http://mars.iuk.hdm-stuttgart.de/~mw090/index.html
A Drug Story von Anika Sanwald & Benjamin Schaufler:
http://mars.iuk.hdm-stuttgart.de/~as123/start.html
Max-Eyth-See von Jan Hottman:
http://www.hottmann.net/infografik
Green Sea Turtle von Anja Petri & Sarah Schroeder:
http://mars.iuk.hdm-stuttgart.de/~ss188/seaturtle/index.html
Camping in Europa von Simon Seeger & Jonathan Schödl:
http://mars.iuk.hdm-stuttgart.de/~ss184/Campingplaetze/Camping_mit_Animation.swf
Schneiderstube im Mittelalter von Beate Riefer & Melissa Morey del Castillo:
http://mars.iuk.hdm-stuttgart.de/~br022/start.html
Jürgen Verschiedenes HdM Stuttgart, interaktive Infografik, Projekte
Wir sind noch nicht ganz fertig mit unserem Projekt, bevor wir nicht unserer Tutorin Veronika Ziegler gedankt haben. Ob Masken, Tooltips, Schleifen oder Blubberblasen, immer Stand sie uns mit Rat und Tat zur Seite. Solange bis der Code funktioniert hat!
Danke, dass wir Dich mit all den Fragen bombadieren durften und danke, dass Du immer eine Antwort parat hattest 
Andrea Verschiedenes Danke, Flash
Um die fertige Infografik nun auch publik machen zu können gibt es hier einen kurzen Pressetext:
———
Virtuelles Wasser interaktiv
Nein, beim Begriff „virtuelles Wasser“ handelt es sich nicht um eine neue Web 2.0-Idee oder gar einen futuristischen Springbrunnen. Vielmehr ist virtuelles Wasser die Menge an Wasser, die ein Produkt in der Herstellung benötigt. Bei einer Tasse Kaffee sind dies z.B. 140 Liter. Das Konzept des virtuellen Wassers hilft die globalen Probleme in Bezug auf das Thema Wasser und den Wassermangel besser verständlich und greifbar zu machen.
Zwei Studenten an der Hochschule der Medien in Stuttgart haben sich nun diesem Konzept gestellt und die Thematik „virtuelles Wasser“ digital aufbereitet. Das Ergebnis ist eine interaktive Infografik, die den Nutzer sensibilisieren und Wissen vermitteln will. Dabei setzten die beiden Informationsdesign-Studenten Andrea Müller und Jürgen Röhm ganz auf den Alltagsbezug ihrer Grafik und eine intuitive Bedienung.
So können die Nutzer z.B. per Drag n’ Drop den virtuellen Wassergehalt von verschiedenen Produkten vergleichen. Eine Darstellung der Wassermenge durch bekannte Größen wie beispielsweise eine Badewanne veranschaulicht dabei die abstrakten Zahlen. Im zweiten Teil der interaktiven Grafik werden exemplarisch die Stationen der Kaffeeherstellung erklärt. So kann nachvollzogen werden, wie sich der virtuelle Wassergehalt von Produkten berechnet.
Die Entstehung der interaktiven Infografik haben Müller und Röhm ausführlich in einem Blog dokumentiert. Dort ist nicht nur die Grafik selbst zu sehen, sondern es können alle Stationen der Entwicklung, vom ersten Brainstorming bis hin zur Umsetzung, nachvollzogen werden.
———
Link zur Infografik: www.info-design.net/infografik
Link zum Blog: www.info-design.net
Und hier noch zwei exemplarische Screenshots der Infografik:———
Andrea Verschiedenes Artikel, Beschreibung, interaktive Infografik, Kaffeeherstellung, Pressetext, Produktvergleich, virtuelles Wasser, Wasserverbrauch, Zusammenfassung
Nach vielen Tagen und Nächten Arbeit ist unsere interaktive Infografik nun endlich fertig! Wir freuen uns über sämtliche Meinungen & Kommentare.
Und hier geht’s zur interaktiven Infografik! (!) Es öffnet sich ein externes Fenster.
* Kleiner Hinweis: Die Wassermengen bei der Kaffeeherstellung sind teilweise gerundet um sie besser verständlich zu machen.
Jürgen Umsetzung, Verschiedenes Ergebnis, interaktive Infografik, virtuelles Wasser
Auch der zweite Teil unserer interaktiven Infografik nimmt immer mehr Gestalt an. Als kleinen Vorgeschmack gibt es hier einen Screenshot des Prozessschritts “Pflanzenwachstum”. Kleinigkeiten an Inhalt und Layout werden sich vermutlich noch ändern.
Jürgen Verschiedenes Kaffeeherstellung, Prozessebene, Screenshot, Vorschau
