Geo Interaction Design

Geo Interaction Design – Expeditionen durch Raum und Zeit
NIAM2020 - 30. Januar 2020 in Hamburg

Das Chronoscope World ist eine interaktive Webanwendung mit über 1.100 historischen Karten des Leibniz-Institus für Länderkunde, die die Nutzer:in zu einer selbstbestimmten Entdeckungsreise einlädt. Es dient sowohl dazu, den Erkenntnisstand der Kartographen zu verstehen, als auch sein eigenes Weltverständnis zu erweitern. Das didaktische Interaktionskonzept stellt im Gegensatz zu den meisten anderen Geo-Services keinen Service- oder Storytelling-Ansatz in den Mittelpunkt, sondern vertraut auf die Aussagekraft der vorliegenden historischen Karten und die Entdeckungsfreude der Anwender:innen. Der Fokus verschiebt sich dadurch von Datenbankabfragen und Orientierungsproblemen hin zu einem dynamischen Surfen durch Zeit und Raum.

Der Vortag will anhand konkreter Beispiele die Vorzüge einer offenen Produktphilosopie aufzeigen; denn in der Interoperabilität mit diversen anderen Geo-Services – von Apple Maps bis hin zu Wikipedia-Artikeln mit Geo-Tags – sowie mit der Einbidung in andere Web-Kontexte – zum Beispiel ChronoAlex mit der Veranschaulichung der Reiseroute von Alexander von Humboldt – wird die Flexibilität der Chronoscope-Infrastruktur deutlich. Eine performante und klar gegliederte Schnittstelle macht das Chronoscope zu einem zuverlässigen Zeitreise-Werkzeug mit guter Usability und einer besonderen User Experience.

https://mprove.de/script/20/niam/index.html

Transcript

1. News-Infographics-Analytics-Maps Tagung, Hamburg 30.1.2020
   Geo Interaction Design
   
   Expeditionen durch Raum und Zeit
   
   Matthias Müller-Prove – @mprove
   Gerard Dou 1665: https://commons.wikimedia.org/wiki/File:Dou,_Gerard_-_Astronomer_by_Candlelight_-_c._1665.jpg
   

   View Slide

2. #NIAM2020 /// CCBYNC @mprove 2020
   2
   https://mprove.de/chronolab
   

   View Slide

3. #NIAM2020 /// CCBYNC @mprove 2020
   »
   Chinesisches Sprichwort
   Sag es mir und ich werde es vergessen.
   Zeig es mir und ich werde mich erinnern.
   Binde mich ein und ich werde verstehen.
   3
   credits
   »
   

   View Slide

4. #NIAM2020 /// CCBYNC @mprove 2020
   »
   – Alan Kay
   Doing
   with images
   makes symbols.
   4
   https://www.flickr.com/photos/ayman/14790590200/in/faves-48342719@N00/ (cc) David Schamma
   

   View Slide

5. #NIAM2020 /// CCBYNC @mprove 2020
   Graphische Benutzungsschnittstellen (GUIs)
   Alan Kay et al. am Xerox PARC in den 1970er Jahren
   What You See is What You Get und Desktop Metapher
   • Für Layout und Typographie >> Desktop Publishing Revolution
   • Für abstrakte Gedanken >> Tools for Thought
   Verstehen durch Interaktion
   • Begreifen durch interaktives direktes Manipulieren der
   Bilder&Icons auf der graphischen Benutzungsschnittstelle
   5
   

   View Slide

6. dynamische Interaktion im User Interface
   Ideen

   Gedanken

   

   Emotionen

   

   Reflektionen

   

   Verstehen
   digital vermittelter Zugriff auf die Welt
   

   View Slide

7. #NIAM2020 /// CCBYNC @mprove 2020
   7
   @mprove im Kartenraum der Staatsbibliothek Hamburg – Photo von @cartocalypse
   Photo @ cartocalypse
   

   View Slide

8. http://photo.mprove.net/gallery/17/stabihh.html?i=14
   

   View Slide

9. $ISPOPTDPQF)BNCVSH

   IUUQTNQSPWFEFDISPOPTDPQF
   

   View Slide

10. View Slide

11. #NIAM2020 /// CCBYNC @mprove 2020
    Interaktionsdesign
    _hat die Aufgabe die Domäne für die Anwender – meist durch die
    Gestaltung von Software – zugänglich und benutzbar zu machen.
    Es geht um die Gestaltung der Handlungsoptionen, 

    der graphischen und textlichen Anzeige, der Metaphern, …

    um den Nutzern für einen Anwendungskontext eine effektive, effiziente
    und zufriedenstellende Lösung anzubieten.
    Sinnhaftigkeit und gute Usability führten zu einer hohen
    Nutzerakzeptanz und User Experience.
    11
    

    View Slide

12. #NIAM2020 /// CCBYNC @mprove 2020
    Swipe is the new Drag’n’Drop
    Heute App-Design und Web-Design für mobilen Geräte
    • Mobile-first (responsive design) oder nur mobile-only
    • A-Social Media liefern kontextfreie granulare News(?) in der Timeline

    mit denen man kaum interagieren kann.
    • Likes und Aufmerksamkeit ist die Währung.
    Aber auch
    • Pinch und Spread zum Zoomen > Zooming User Interfaces (ZUIs)
    • ortsbezogene Dienste und Geo-Services
    • Navigation und 3D-Street-View
    • Augmented Reality hat gerade erst begonnen.
    12
    

    View Slide

13. 13
    Chronoscope World – https://mprove.de/chronoscope/world.html
    

    View Slide

14. 14
    10 Karten CCBY der Staats- und Universitätsbibliothek Hamburg Carl von Ossietzky
    >1.100 Karten CC0 vom Leibniz Institut für Länderkunde Leipzig
    

    View Slide

15. 15
    Kartentisch zum Auffinden der Karten im aktuellen Ausschnitt
    

    View Slide

16. 16
    Ost-Polynesien 1859:

    »Oberhalb von dieser Linie sind die Einwohner Cannibalen«
    

    View Slide

17. 17
    Meteorologische Notizen für Südasien 1836
    https://mprove.de/chronohh?q=10.85649,80.29924&z=7.03&m=HK0485&t=6&d=1
    

    View Slide

18. #NIAM2020 /// CCBYNC @mprove 2020
    Das Chronoscope World

    als Portal für Raum- und Zeitreisen
    Interoperabilität mit Geo-Services
    • Apple Maps
    • Google Maps / StreetView / Earth Engine
    • Microsoft Bing Maps
    • Open Street Maps und Open Sea Maps
    • GeoPortal Hamburg (Historische Karten
    und Denkmalkarte)
    • Sonnenstand
    • TomTom
    • Wikipedia + GeoHack
    18
    

    View Slide

19. 19
    Satellitenansicht von Imola in Italien
    

    View Slide

20. 20
    Imola-Karte von Leonardo Da Vinci 1502
    https://mprove.de/chronohh?q=44.35359,11.71407&z=14.40&m=MxDaVinci1502&s=1&r=12&d=1
    

    View Slide

21. 21
    Victoria-Kontext-Menü mit Geo-Hyperlinks zu anderen Map-Services
    CC-BY-NC 4.0 mprove photography
    

    View Slide

22. #NIAM2020 /// CCBYNC @mprove 2020
    » Das Denkmalschutzamt [Hamburg] sieht
    die Veröffentlichung solcher Daten als
    genuine Aufgabe der öffentlichen Hand
    im Sinne der Open-Data-Strategie. Die
    kreative Verarbeitung dieser Daten auf
    Ihrer sehr interessanten Website ist
    ein guter Beleg für die Sinnhaftigkeit
    dieser Strategie.

    Für Ihr Engagement in dieser Hinsicht
    danke ich Ihnen sehr.
    – Dr. Stefan Kleinschulte, 3.1.2020
    22
    credits
    

    View Slide

23. #NIAM2020 /// CCBYNC @mprove 2020
    23
    https://mprove.de/chronolab
    

    View Slide

24. 24
    ChronoAlex – Ein ChronoScroll zu A.v.Humboldts Reisen
    https://mprove.de/chronolab/world/humboldt/index.html
    

    View Slide

25. 25
    Alexander von Humboldt: Querschnitt durch die Anden mit Vegetationsangaben, 1807
    https://mprove.de/chronolab/world/humboldt/index.html
    

    View Slide

26. #NIAM2020 /// CCBYNC @mprove 2020
    »
    –mprove
    Interaktionsdesigner gestalten die Werkzeuge

    zum Begreifen und Verändern der Welt.
    26
    credits
    

    View Slide

27. #NIAM2020 /// CCBYNC @mprove 2020
    »
    Chinesisches Sprichwort
    Sag es mir und ich werde es vergessen.
    Zeig es mir und ich werde mich erinnern.
    Binde mich ein und ich werde verstehen.
    27
    credits
    »
    Tritt zurück und ich werde handeln.
    

    View Slide

28. News-Infographics-Analytics-Maps Tagung, Hamburg 30.1.2020
    @mprove | @chronohh
    
    https://mprove.de/script/20/niam/index.html
    Tritt zurück und ich werde handeln.
    

    View Slide