SlideShare ist ein Scribd-Unternehmen logo
1 von 36
InteraktiveInfografiken
InfodesigninBewegung
Information + Interface Design // Prof. Pamela Schaudin // WS 2013/14 // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
Interaktive Infografiken
Infodesign in Bewegung
Nadine Edelmann // Magdalena Kierat // Charlott Tornow
01 / 35
Definition Entstehung Arten Case Studies Ausblick
1. 2. 3. 4. 5.
Agenda
Interaktive Infografiken - Infodesign in Bewegung
Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
Ein Bild sagt mehr als tausend Worte. (Sprichwort)
"What we need is not more information but the ability to present the right information to the
right people at the right time.“ (Robert E. Horn)
Interaktive Infografiken - Infodesign in Bewegung
Definition | Entstehung | Arten | Case Studies | Ausblick
Grafik Information Interaktion
Interaktive
Infografik
02 / 35
Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
Wozu benötigen wir interaktive Infografiken?
Weil die visuelle Wahrnehmung des Menschen an erster
Stelle der Informationsaufnahme steht!
Interaktive Infografiken - Infodesign in Bewegung
Definition | Entstehung | Arten | Case Studies | Ausblick
03 / 35
Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
Funktionen
● erklären komplexe Zusammenhänge
● stellen Zusammenhänge her, vermitteln
Funktionen, Strukturen, Prozesse
● rekonstruiert Realität, abstrahiert und
schematisiert sie
● ermöglicht ein individualisiertes Lernen
Interaktive Infografiken - Infodesign in Bewegung
Definition | Entstehung | Arten | Case Studies | Ausblick
04 / 35
Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
Interaktive Infografiken - Infodesign in Bewegung
Definition | Entstehung | Arten | Case Studies | Ausblick
Merkmale
interaktiver
Infografiken
Feedback
frei von Meinung/Wertung
Genauigkeit
Nicht-Linearität
Komplexität
Anschaulichkeit
05 / 35
Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
Elemente interaktiver Infografiken
grafische:
interaktive:
Interaktive Infografiken - Infodesign in Bewegung
Definition | Entstehung | Arten | Case Studies | Ausblick
06 / 35
Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
Interaktive Infografiken - Infodesign in Bewegung
Definition | Entstehung | Arten | Case Studies | Ausblick
BIG DATA und
INFORMATION OVERLOAD
07 / 35
Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
Interaktive Infografiken - Infodesign in Bewegung
Definition | Entstehung | Arten | Case Studies | Ausblick
40000 v.Chr.
3500 v.Chr.
1200 v.Chr.
600 n.Chr.
bis 400 1800
1900
1500
1920
Urzeit – Höhlenmalerei
Ägypten – Prinzipiendarstellung
1950
2000
08 / 35
Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
Interaktive Infografiken - Infodesign in Bewegung
Definition | Entstehung | Arten | Case Studies | Ausblick
40000 v.Chr.
3500 v.Chr.
1200 v.Chr.
600 n.Chr.
bis 400 1800
1900
1500
1920
Griechische Antike – Weltkarten
Römisches Reich – Kartographie
1950
2000
09 / 35
Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
Interaktive Infografiken - Infodesign in Bewegung
Definition | Entstehung | Arten | Case Studies | Ausblick
40000 v.Chr.
3500 v.Chr.
1200 v.Chr.
600 n.Chr.
bis 400 1800
1900
1500
1920
Renaissance – kartesisches Koordinatensystem
Aufklärung –
didaktisch
konzipierte
Infografiken
1950
2000
10 / 35
Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
Interaktive Infografiken - Infodesign in Bewegung
Definition | Entstehung | Arten | Case Studies | Ausblick
40000 v.Chr.
3500 v.Chr.
1200 v.Chr.
600 n.Chr.
bis 400 1800
1900
1500
1920
Bildstatistiken
Infografische Trickfilme
1950
2000
11 / 35
Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
Interaktive Infografiken - Infodesign in Bewegung
Definition | Entstehung | Arten | Case Studies | Ausblick
40000 v.Chr.
3500 v.Chr.
1200 v.Chr.
600 n.Chr.
bis 400 1800
1900
1500
1920
1950
International gebräuchliche
Schriftzeichen
2000
Animierte/interaktive Infografiken
Infografiken in Zeitungen
12 / 35
Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
Interaktive Infografiken - Infodesign in Bewegung
Definition | Entstehung | Arten | Case Studies | Ausblick
13 / 35
Deskriptiv - Explikativ - Narrativ
Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
Interaktivität
user-to-documents
Interaktive Infografiken - Infodesign in Bewegung
Definition | Entstehung | Arten | Case Studies | Ausblick
14 / 35
Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
Interaktive Infografiken - Infodesign in Bewegung
Definition | Entstehung | Arten | Case Studies | Ausblick
Interaktivität
user-to-system
15 / 35
Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
Interaktive Infografiken - Infodesign in Bewegung
Definition | Entstehung | Arten | Case Studies | Ausblick
Steuerungsoption
niedrig
mittel
hoch
16 / 35
Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
Interaktive Infografiken - Infodesign in Bewegung
Definition | Entstehung | Arten | Case Studies | Ausblick
Steuerungsoption
animierte Infografiken
17 / 35
Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
Interaktive Infografiken - Infodesign in Bewegung
Definition | Entstehung | Arten | Case Studies | Ausblick
Kommunikationsstruktur
linear linear-nonlinear nonlinear
18 / 35
Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
Bewertungssystem der Case Studies
10 Bewertungspunkte
Interaktivitätsgrad der Infografik
Interaktive Infografiken - Infodesign in Bewegung
Definition | Entstehung | Arten | Case Studies | Ausblick
19 / 35
Steuerung Ladezeit Text Bild Audio Video Eingabe Web 2.0 Spiel Storytelling
80 %
Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
Interaktive Infografiken - Infodesign in Bewegung
Definition | Entstehung | Arten | Case Studies | Ausblick
20 / 35
Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
Interaktive Infografiken - Infodesign in Bewegung
Definition | Entstehung | Arten | Case Studies | Ausblick
60 %
21 / 35
70 %
Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
Interaktive Infografiken - Infodesign in Bewegung
Definition | Entstehung | Arten | Case Studies | Ausblick
22 / 35
Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
Interaktive Infografiken - Infodesign in Bewegung
Definition | Entstehung | Arten | Case Studies | Ausblick
23 / 35
80 %
Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
Interaktive Infografiken - Infodesign in Bewegung
Definition | Entstehung | Arten | Case Studies | Ausblick
24 / 35
Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
Interaktive Infografiken - Infodesign in Bewegung
Definition | Entstehung | Arten | Case Studies | Ausblick
80 %
25 / 35
Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
Interaktive Infografiken - Infodesign in Bewegung
Definition | Entstehung | Arten | Case Studies | Ausblick
26 / 35
Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
Interaktive Infografiken - Infodesign in Bewegung
Definition | Entstehung | Arten | Case Studies | Ausblick
Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
50 %
27 / 35
Interaktive Infografiken - Infodesign in Bewegung
Definition | Entstehung | Arten | Case Studies | Ausblick
28 / 35
Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
Interaktive Infografiken - Infodesign in Bewegung
Definition | Entstehung | Arten | Case Studies | Ausblick
70 %
29 / 35
Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
Interaktive Infografiken - Infodesign in Bewegung
Definition | Entstehung | Arten | Case Studies | Ausblick
30 / 35
Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
Interaktive Infografiken - Infodesign in Bewegung
Definition | Entstehung | Arten | Case Studies | Ausblick
80 %
31 / 35
Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
Zukunft der Infografik
● Animation
● Storytelling
● Illustration
Interaktive Infografiken - Infodesign in Bewegung
Definition | Entstehung | Arten | Case Studies | Ausblick
32 / 35
Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
Interaktive Infografiken - Infodesign in Bewegung
Definition | Entstehung | Arten | Case Studies | Ausblick
33 / 35
Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
InteraktiveInfografiken
InfodesigninBewegungVielen Dank für die
Aufmerksamkeit!
Nadine Edelmann // Magdalena Kierat // Charlott Tornow
Interaktive Infografiken - Infodesign in Bewegung
Quellen
Literaturverzeichnis
Weber, Wibke; Burmester, Michael; Tille, Ralph: Interaktive Infografiken, Springer Vieweg, X.media.press, Berlin, 2013
Krum, Randy: Cool Infographics. Effective Communication with Data Visualization and Design, John Wiley & Sons, Indian, 2013
Lankow, Jason; Ritchie, Josh; Crooks, Ross: Infographics: The Power of Visual Storytelling, John Wiley & Sons, New Jersey, 2012
Smiciklas, Mark; Kawasaki, Guy: The Power of Infographics. Using Pictures to Communicate and Connect with Your Audiences, Addison-Wesley
Longman, Amsterdam, 2012
Online
http://de.wikipedia.org/wiki/Informationsgrafik (28.12.2013)
http://de.wikipedia.org/wiki/Interaktivit%C3%A4t (28.12.2013)
http://www.kircher-burkhardt.com/blog/oasen-oder-textwusten-die-zukunft-der-infografik-bewegt-sich/ (28.12.2013)
http://neomam.com/interactive/13reasons/ (28.12.2013)
http://www.coolinfographics.com/ (22.12.2013)
Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014

Weitere ähnliche Inhalte

Andere mochten auch

Andere mochten auch (7)

Präsentation der Masterarbeit: Mobil Healt& Fitness - Anforderungsanalyse für...
Präsentation der Masterarbeit: Mobil Healt& Fitness - Anforderungsanalyse für...Präsentation der Masterarbeit: Mobil Healt& Fitness - Anforderungsanalyse für...
Präsentation der Masterarbeit: Mobil Healt& Fitness - Anforderungsanalyse für...
 
Konzept für die Website der Technischen Universität Berlin
Konzept für die Website der Technischen Universität BerlinKonzept für die Website der Technischen Universität Berlin
Konzept für die Website der Technischen Universität Berlin
 
Rock the Canvas #AFBMC
Rock the Canvas #AFBMCRock the Canvas #AFBMC
Rock the Canvas #AFBMC
 
Digitaler Narzissmus #AFBMC
Digitaler Narzissmus #AFBMCDigitaler Narzissmus #AFBMC
Digitaler Narzissmus #AFBMC
 
Näher geht nicht! Wie Redaktionen WhatsApp als News-Kanal nutzen. #AFBMC
Näher geht nicht! Wie Redaktionen WhatsApp als News-Kanal nutzen. #AFBMCNäher geht nicht! Wie Redaktionen WhatsApp als News-Kanal nutzen. #AFBMC
Näher geht nicht! Wie Redaktionen WhatsApp als News-Kanal nutzen. #AFBMC
 
Facebook Angebote und Couponing
Facebook Angebote und CouponingFacebook Angebote und Couponing
Facebook Angebote und Couponing
 
10 Goldene Regeln für den gelungenen Facebook-Auftritt @ AllFacebook Marketin...
10 Goldene Regeln für den gelungenen Facebook-Auftritt @ AllFacebook Marketin...10 Goldene Regeln für den gelungenen Facebook-Auftritt @ AllFacebook Marketin...
10 Goldene Regeln für den gelungenen Facebook-Auftritt @ AllFacebook Marketin...
 

Ähnlich wie Präsentation Interaktive Infografiken

Ähnlich wie Präsentation Interaktive Infografiken (7)

Michael Eichhorn: Lehrkompetenzen für die digitale Hochschule
Michael Eichhorn: Lehrkompetenzen für die digitale HochschuleMichael Eichhorn: Lehrkompetenzen für die digitale Hochschule
Michael Eichhorn: Lehrkompetenzen für die digitale Hochschule
 
Vorlesung Medienpädagogik I
Vorlesung Medienpädagogik IVorlesung Medienpädagogik I
Vorlesung Medienpädagogik I
 
Michael Eichhorn, Alexander Tillmann: Digitale Kompetenzen von Hochschullehre...
Michael Eichhorn, Alexander Tillmann: Digitale Kompetenzen von Hochschullehre...Michael Eichhorn, Alexander Tillmann: Digitale Kompetenzen von Hochschullehre...
Michael Eichhorn, Alexander Tillmann: Digitale Kompetenzen von Hochschullehre...
 
Vortrag Prof. Dr. Heinrich Arnold
Vortrag Prof. Dr. Heinrich ArnoldVortrag Prof. Dr. Heinrich Arnold
Vortrag Prof. Dr. Heinrich Arnold
 
VDI Expertenforum WMiE 2014
VDI Expertenforum WMiE 2014VDI Expertenforum WMiE 2014
VDI Expertenforum WMiE 2014
 
Lernraum Makerspace: Chancen und Herausforderungen für Schulen
Lernraum Makerspace: Chancen und Herausforderungen für SchulenLernraum Makerspace: Chancen und Herausforderungen für Schulen
Lernraum Makerspace: Chancen und Herausforderungen für Schulen
 
Informationskompetenz junger Information Professionals
Informationskompetenz junger Information ProfessionalsInformationskompetenz junger Information Professionals
Informationskompetenz junger Information Professionals
 

Präsentation Interaktive Infografiken

  • 1. InteraktiveInfografiken InfodesigninBewegung Information + Interface Design // Prof. Pamela Schaudin // WS 2013/14 // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014 Interaktive Infografiken Infodesign in Bewegung Nadine Edelmann // Magdalena Kierat // Charlott Tornow
  • 2. 01 / 35 Definition Entstehung Arten Case Studies Ausblick 1. 2. 3. 4. 5. Agenda Interaktive Infografiken - Infodesign in Bewegung Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
  • 3. Ein Bild sagt mehr als tausend Worte. (Sprichwort) "What we need is not more information but the ability to present the right information to the right people at the right time.“ (Robert E. Horn) Interaktive Infografiken - Infodesign in Bewegung Definition | Entstehung | Arten | Case Studies | Ausblick Grafik Information Interaktion Interaktive Infografik 02 / 35 Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
  • 4. Wozu benötigen wir interaktive Infografiken? Weil die visuelle Wahrnehmung des Menschen an erster Stelle der Informationsaufnahme steht! Interaktive Infografiken - Infodesign in Bewegung Definition | Entstehung | Arten | Case Studies | Ausblick 03 / 35 Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
  • 5. Funktionen ● erklären komplexe Zusammenhänge ● stellen Zusammenhänge her, vermitteln Funktionen, Strukturen, Prozesse ● rekonstruiert Realität, abstrahiert und schematisiert sie ● ermöglicht ein individualisiertes Lernen Interaktive Infografiken - Infodesign in Bewegung Definition | Entstehung | Arten | Case Studies | Ausblick 04 / 35 Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
  • 6. Interaktive Infografiken - Infodesign in Bewegung Definition | Entstehung | Arten | Case Studies | Ausblick Merkmale interaktiver Infografiken Feedback frei von Meinung/Wertung Genauigkeit Nicht-Linearität Komplexität Anschaulichkeit 05 / 35 Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
  • 7. Elemente interaktiver Infografiken grafische: interaktive: Interaktive Infografiken - Infodesign in Bewegung Definition | Entstehung | Arten | Case Studies | Ausblick 06 / 35 Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
  • 8. Interaktive Infografiken - Infodesign in Bewegung Definition | Entstehung | Arten | Case Studies | Ausblick BIG DATA und INFORMATION OVERLOAD 07 / 35 Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
  • 9. Interaktive Infografiken - Infodesign in Bewegung Definition | Entstehung | Arten | Case Studies | Ausblick 40000 v.Chr. 3500 v.Chr. 1200 v.Chr. 600 n.Chr. bis 400 1800 1900 1500 1920 Urzeit – Höhlenmalerei Ägypten – Prinzipiendarstellung 1950 2000 08 / 35 Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
  • 10. Interaktive Infografiken - Infodesign in Bewegung Definition | Entstehung | Arten | Case Studies | Ausblick 40000 v.Chr. 3500 v.Chr. 1200 v.Chr. 600 n.Chr. bis 400 1800 1900 1500 1920 Griechische Antike – Weltkarten Römisches Reich – Kartographie 1950 2000 09 / 35 Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
  • 11. Interaktive Infografiken - Infodesign in Bewegung Definition | Entstehung | Arten | Case Studies | Ausblick 40000 v.Chr. 3500 v.Chr. 1200 v.Chr. 600 n.Chr. bis 400 1800 1900 1500 1920 Renaissance – kartesisches Koordinatensystem Aufklärung – didaktisch konzipierte Infografiken 1950 2000 10 / 35 Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
  • 12. Interaktive Infografiken - Infodesign in Bewegung Definition | Entstehung | Arten | Case Studies | Ausblick 40000 v.Chr. 3500 v.Chr. 1200 v.Chr. 600 n.Chr. bis 400 1800 1900 1500 1920 Bildstatistiken Infografische Trickfilme 1950 2000 11 / 35 Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
  • 13. Interaktive Infografiken - Infodesign in Bewegung Definition | Entstehung | Arten | Case Studies | Ausblick 40000 v.Chr. 3500 v.Chr. 1200 v.Chr. 600 n.Chr. bis 400 1800 1900 1500 1920 1950 International gebräuchliche Schriftzeichen 2000 Animierte/interaktive Infografiken Infografiken in Zeitungen 12 / 35 Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
  • 14. Interaktive Infografiken - Infodesign in Bewegung Definition | Entstehung | Arten | Case Studies | Ausblick 13 / 35 Deskriptiv - Explikativ - Narrativ Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
  • 15. Interaktivität user-to-documents Interaktive Infografiken - Infodesign in Bewegung Definition | Entstehung | Arten | Case Studies | Ausblick 14 / 35 Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
  • 16. Interaktive Infografiken - Infodesign in Bewegung Definition | Entstehung | Arten | Case Studies | Ausblick Interaktivität user-to-system 15 / 35 Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
  • 17. Interaktive Infografiken - Infodesign in Bewegung Definition | Entstehung | Arten | Case Studies | Ausblick Steuerungsoption niedrig mittel hoch 16 / 35 Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
  • 18. Interaktive Infografiken - Infodesign in Bewegung Definition | Entstehung | Arten | Case Studies | Ausblick Steuerungsoption animierte Infografiken 17 / 35 Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
  • 19. Interaktive Infografiken - Infodesign in Bewegung Definition | Entstehung | Arten | Case Studies | Ausblick Kommunikationsstruktur linear linear-nonlinear nonlinear 18 / 35 Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
  • 20. Bewertungssystem der Case Studies 10 Bewertungspunkte Interaktivitätsgrad der Infografik Interaktive Infografiken - Infodesign in Bewegung Definition | Entstehung | Arten | Case Studies | Ausblick 19 / 35 Steuerung Ladezeit Text Bild Audio Video Eingabe Web 2.0 Spiel Storytelling 80 % Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
  • 21. Interaktive Infografiken - Infodesign in Bewegung Definition | Entstehung | Arten | Case Studies | Ausblick 20 / 35 Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
  • 22. Interaktive Infografiken - Infodesign in Bewegung Definition | Entstehung | Arten | Case Studies | Ausblick 60 % 21 / 35 70 % Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
  • 23. Interaktive Infografiken - Infodesign in Bewegung Definition | Entstehung | Arten | Case Studies | Ausblick 22 / 35 Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
  • 24. Interaktive Infografiken - Infodesign in Bewegung Definition | Entstehung | Arten | Case Studies | Ausblick 23 / 35 80 % Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
  • 25. Interaktive Infografiken - Infodesign in Bewegung Definition | Entstehung | Arten | Case Studies | Ausblick 24 / 35 Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
  • 26. Interaktive Infografiken - Infodesign in Bewegung Definition | Entstehung | Arten | Case Studies | Ausblick 80 % 25 / 35 Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
  • 27. Interaktive Infografiken - Infodesign in Bewegung Definition | Entstehung | Arten | Case Studies | Ausblick 26 / 35 Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
  • 28. Interaktive Infografiken - Infodesign in Bewegung Definition | Entstehung | Arten | Case Studies | Ausblick Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014 50 % 27 / 35
  • 29. Interaktive Infografiken - Infodesign in Bewegung Definition | Entstehung | Arten | Case Studies | Ausblick 28 / 35 Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
  • 30. Interaktive Infografiken - Infodesign in Bewegung Definition | Entstehung | Arten | Case Studies | Ausblick 70 % 29 / 35 Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
  • 31. Interaktive Infografiken - Infodesign in Bewegung Definition | Entstehung | Arten | Case Studies | Ausblick 30 / 35 Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
  • 32. Interaktive Infografiken - Infodesign in Bewegung Definition | Entstehung | Arten | Case Studies | Ausblick 80 % 31 / 35 Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
  • 33. Zukunft der Infografik ● Animation ● Storytelling ● Illustration Interaktive Infografiken - Infodesign in Bewegung Definition | Entstehung | Arten | Case Studies | Ausblick 32 / 35 Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
  • 34. Interaktive Infografiken - Infodesign in Bewegung Definition | Entstehung | Arten | Case Studies | Ausblick 33 / 35 Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014
  • 35. InteraktiveInfografiken InfodesigninBewegungVielen Dank für die Aufmerksamkeit! Nadine Edelmann // Magdalena Kierat // Charlott Tornow
  • 36. Interaktive Infografiken - Infodesign in Bewegung Quellen Literaturverzeichnis Weber, Wibke; Burmester, Michael; Tille, Ralph: Interaktive Infografiken, Springer Vieweg, X.media.press, Berlin, 2013 Krum, Randy: Cool Infographics. Effective Communication with Data Visualization and Design, John Wiley & Sons, Indian, 2013 Lankow, Jason; Ritchie, Josh; Crooks, Ross: Infographics: The Power of Visual Storytelling, John Wiley & Sons, New Jersey, 2012 Smiciklas, Mark; Kawasaki, Guy: The Power of Infographics. Using Pictures to Communicate and Connect with Your Audiences, Addison-Wesley Longman, Amsterdam, 2012 Online http://de.wikipedia.org/wiki/Informationsgrafik (28.12.2013) http://de.wikipedia.org/wiki/Interaktivit%C3%A4t (28.12.2013) http://www.kircher-burkhardt.com/blog/oasen-oder-textwusten-die-zukunft-der-infografik-bewegt-sich/ (28.12.2013) http://neomam.com/interactive/13reasons/ (28.12.2013) http://www.coolinfographics.com/ (22.12.2013) Nadine Edelmann // Magdalena Kierat // Charlott Tornow // Master DMT // Beuth Hochschule für Technik Berlin // Berlin, 08.01.2014