Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Geo Interaction Design

mprove
January 30, 2020

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

mprove

January 30, 2020
Tweet

More Decks by mprove

Other Decks in Science

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 full-size slide

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

    View full-size 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 full-size 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 full-size 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 full-size slide

  6. dynamische Interaktion im User Interface
    Ideen

    Gedanken


    Emotionen


    Reflektionen


    Verstehen
    digital vermittelter Zugriff auf die Welt

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  9. $ISPOPTDPQF)BNCVSH

    IUUQTNQSPWFEFDISPOPTDPQF

    View full-size slide

  10. #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 full-size slide

  11. #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 full-size slide

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

    View full-size slide

  13. 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 full-size slide

  14. 15
    Kartentisch zum Auffinden der Karten im aktuellen Ausschnitt

    View full-size slide

  15. 16
    Ost-Polynesien 1859:

    »Oberhalb von dieser Linie sind die Einwohner Cannibalen«

    View full-size slide

  16. 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 full-size slide

  17. #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 full-size slide

  18. 19
    Satellitenansicht von Imola in Italien

    View full-size slide

  19. 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 full-size slide

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

    View full-size slide

  21. #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 full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    zum Begreifen und Verändern der Welt.
    26
    credits

    View full-size slide

  26. #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 full-size slide

  27. 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 full-size slide