Anhand der wichtigsten Karten-Use-Cases im Web gibt Benedikt Heil von Zeix einen Überblick über die aktuelle Online-Kartografie und zeigt Ergebnisse aus der User-Forschung sowie Projektbeispiele.

1. © by Zeix 2013 1
Orientierung im Kartendschungel
Zeix-Event: Total lokal – geografischen Content richtig verpacken
Ein Überblick über Karten und ihre User

2. © by Zeix 2013 2
Fehlervermeidung
1. Am User / Use Case vorbei entwickelt
2. Falscher Kartentyp
3. Zu viel Information auf einmal
Die 3 top Fehler bei Onlinekarten
immo.search.ch
swisstrains.ch

3. © by Zeix 2013 3
Fehlervermeidung
1. In welchem Kontext steht die Karte?
2. Welche räumliche Information liegt vor?
3. Wie gestalte ich die Basiskarte?
4. Wie kann die Karte bedient werden?
5. Wie mach ich das bloss?
Think first
 User / Use Case
 Kartentyp
 Orientierung
 Interaktion
 Umsetzung

4. © by Zeix 2013 4
Use Cases

5. © by Zeix 2013 5
Use Cases
Navigation
maps.google.ch

6. © by Zeix 2013 6
Use Cases
Geografischen Content erschliessen
www.homegate.ch

7. © by Zeix 2013 7
Use Cases
Datenanalyse
http://www.atlas.bfs.admin.ch

8. © by Zeix 2013 8
Use Cases
Geballte Datenanalyse (GIS)
http://maps.zh.ch

9. © by Zeix 2013 9
Use Cases
Freizeitkarten
map.geo.admin.ch

10. © by Zeix 2013 10
Use Cases
Lageplan & Wegleitung

11. © by Zeix 2013 11
Use Cases
Touristische Länder & Regionen
http://kartograph.org/showcase/italia/

12. © by Zeix 2013 12
Kartentyp

13. © by Zeix 2013 13© by Zeix 202
http://www.geog.fu-berlin.de/de/Karto/umn_karten/zuordnung.shtml

14. © by Zeix 2013 14
Datenanalyse
Topografische Karte
Kartentypen
Thematische Karte
Ärztedichte 2011
Stadtplan
map.geo.admin.ch
http://www.atlas.bfs.admin.ch
maps..google.ch

15. © by Zeix 2013 15
Beispiele

16. © by Zeix 2013 16
Use Cases
> Navigation
> Geografischen Content erschliessen
> Datenanalyse
> Geballte Datenanalyse (GIS)
> Freizeitkarten
> Lageplan & Wegleitung
> Touristische Länder & Regionen
Use Cases

17. © by Zeix 2013 17
Geografischen Content erschliessen
Beispiele
www.homegate.ch

18. © by Zeix 2013 18
Geografischen Content erschliessen
Wohnung in der Nähe von Zeix mieten
> Mindestens zwei Zimmer
> Miete zwischen 1500.– und 2500.–
> Möglichst nah an einer Tramhaltestelle
> Mit Seeblick
> Haustiere erlaubt
User / Use Case

19. © by Zeix 2013 19
Geografischen Content erschliessen
Kartentyp & Interaktion
> «Thematische» Karte
> Region schrittweise
einschränken
www.homegate.ch

20. © by Zeix 2013 20
Geografischen Content erschliessen
> Möglichst nah an Tramhaltestelle
> Mit Seeblick
Räumliche Metainformationen

21. © by Zeix 2013 21
Geografischen Content erschliessen
Image maps
> Grafikprogramm
> MouseOver-Zustände
> Dreamweaver: Image Maps
> HTML-/CSS-Kodierung
Umsetzung
www.homegate.ch

22. © by Zeix 2013 22
Use Cases
> Navigation
> Geografischen Content erschliessen
> Datenanalyse
> Geballte Datenanalyse (GIS)
> Freizeitkarten
> Lageplan & Wegleitung
> Touristische Länder & Regionen
Use Cases

23. © by Zeix 2013 23
Lageplan & Wegleitung
Beispiele

24. © by Zeix 2013 24
Lageplan & Wegleitung
Wo liegt Zeix?
> Wie komme ich vom Bahnhof dort hin?
User / Use Case

25. © by Zeix 2013 25
Lageplan & Wegleitung
> Stadtplan
> Quasi-Standard Google Maps
Kartentyp & Interaktion
maps.google.ch

26. © by Zeix 2013 26
Lageplan & Wegleitung
Räumlichen Kontext geben
1. Grober Übersichtsplan
«Krocki»
2. Stadtplan
3. Foto des Gebäudes
Orientierung
http://www.mkj.ch/standort.html

27. © by Zeix 2013 27
Lageplan & Wegleitung
Google Maps API Version 3
https://developers.google.com/maps
> Schritt-für-Schritt-Anleitungen
> Benutzerdefinierte Stile
> Pins anpassen
Open Street Map Frameworks als Alternative
> CloudMade
> Mapnik
> Osmarender
Umsetzung

28. © by Zeix 2013 28
Buy or make?

29. © by Zeix 2013 29
Buy or make
Methodenvergleich
Buy (am Beispiel Google Maps API) Make
Kartentyp bestimmen
Grafisches Design der Karte
API konfigurieren Tiles rechnen
Kartenapplikation in JavaScript erstellen
Grafisches Design der Wettericons Grafisches Design der Wettericons
Schnittstelle zu internen Systemen
bauen:
Fusion Tables anlegen
Schnittstelle zu internen Systemen
bauen:
GeoJSON generieren
Karte einbinden Karte einbinden

30. © by Zeix 2013 30
Buy or make
Buy
Resultat
Make
maps..google.ch

31. © by Zeix 2013 31
Buy or make
Buy
+ Schnell umgesetzt
+ Einfach
+ Hoher Bekanntheitsgrad
- Abhängigkeit von
Kartenlieferant
- Hohe Kosten bei vielen
Zugriffen
- Ändernde Payment-Pläne
- Langweilig
Entscheid
Make
+ Optimale Use-Case
Unterstützung
+ Optimale Usability
+ Alleinstellungsmerkmal
+ Kosten kontrollierbar
+ Karteninhalt kontrollierbar
- Höherer Initialaufwand
- Komplex in Umsetzung

32. © by Zeix 2013 32
Buy or make
Buy
Interaktionsmöglichkeiten
Make
maps..google.ch

33. © by Zeix 2013 33
Fehlervermeidung
> Think first
> Häppchenweise informieren
> Google Maps ist nicht immer Trumpf
> Der Use Case bestimmt den Kartentyp
> Quasistandards einhalten
> Handgemachte Karten bieten grössere Flexibilität
Fazit

34. © by Zeix 2013 34
Benedikt Heil
benedikt.heil@zeix.com