Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

#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 »

Slide 4

Slide 4 text

#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

Slide 5

Slide 5 text

#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

Slide 6

Slide 6 text

dynamische Interaktion im User Interface Ideen
 Gedanken
 
 Emotionen
 
 Reflektionen
 
 Verstehen digital vermittelter Zugriff auf die Welt

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

$ISPOPTDPQF)BNCVSH
 IUUQTNQSPWFEFDISPOPTDPQF

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

#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

Slide 12

Slide 12 text

#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

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

15 Kartentisch zum Auffinden der Karten im aktuellen Ausschnitt

Slide 16

Slide 16 text

16 Ost-Polynesien 1859:
 »Oberhalb von dieser Linie sind die Einwohner Cannibalen«

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

#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

Slide 19

Slide 19 text

19 Satellitenansicht von Imola in Italien

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

#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

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

#NIAM2020 /// CCBYNC @mprove 2020 » –mprove Interaktionsdesigner gestalten die Werkzeuge
 zum Begreifen und Verändern der Welt. 26 credits

Slide 27

Slide 27 text

#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.

Slide 28

Slide 28 text

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.