Präsentation Interaktive Infografiken

764 Aufrufe

Veröffentlicht am

Beuth Hochschule für Technik, Berlin
Kurs: Information & Interface Design
(2014)

Veröffentlicht in: Design
0 Kommentare
2 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

Keine Downloads
Aufrufe
Aufrufe insgesamt
764
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
9
Aktionen
Geteilt
0
Downloads
0
Kommentare
0
Gefällt mir
2
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

Präsentation Interaktive Infografiken

  1. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 35. InteraktiveInfografiken InfodesigninBewegungVielen Dank für die Aufmerksamkeit! Nadine Edelmann // Magdalena Kierat // Charlott Tornow
  36. 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

×