333

Task-orientierte Web-Maps zur kompakten Visualisierung kartographischer Inhalte

Manfred MITTLBCK, Lucia MORPER-BUSCH, Caroline ATZL und Hermann KLUG

Zusammenfassung
Web-Mapping ist einer von mehreren Wegen, spezifische Nutzerinhalte kartographisch in einer Internet basierten Plattform bereitzustellen, mit der besonderen Herausforderung, diese in einer klaren, einfachen, schnell zu erfassenden und visuell ansprechenden Art zu prsentieren. Im Gegensatz zu klassischen analogen Karten erffnen sich mit den dynamischen Mglichkeiten der Web-Interaktion neue Funktionalitten, die es erleichtern, neben den rumlichen Aspekten auch die Dimension Zeit, mit sich dynamisch verndernden Kartengrundlagen fr die ad-hoc Visualisierung heranzuziehen, also Web-Mapping Karten als Multimedia-Konzept zu erleben. Gerade diese, nicht hoch genug einzuschtzende Funktionsvielfalt stellt aber auch neue Herausforderungen an die Prsentation der vermittelnden Inhalte an den Kartennutzer. Der folgende Artikel widmet sich dem Ansatz, kartographische Inhalte derart aufzubereiten, dass das transportierte Thema einfach erfasst und auch in seiner zeitlichen Dimension dem Nutzer in kontext-spezifischer Form zur Verfgung gestellt werden kann.

Rahmenbedingungen

Seit den Anfngen der Web-Kartografie zu Beginn der 1990er Jahre hat sich die Bereitstellung von Online-Kartographie Inhalten essenziell weiterentwickelt. Standen am Anfang vor allem kartografisch professionell gestaltete Web-Mapping Applikationen im Vordergrund, prgen seit 2005 (dem Beginn von Web 2.0) vor allem Begriffe wie Karten-Mash-Ups, Mapping APIs wie Google Maps, Microsoft Bing, OpenLayers, Open Streetmap etc. die kartografische Bereitstellung von Inhalten auf Websites (HAKLEY et. al. 2011). Die Terminologie dieser Wrter weist bereits darauf hin, dass es zunehmend zu einer semantischen Vermengung von Inhalt und Prsentationsform rumlicher Information im Web kommt.

1.1

Prsentation von (Karten-)Inhalten im Web

Fr die Gestaltung der Prsentation von Inhalten im Web verwendet REYNOLDS (2011) einen Vergleich aus der japanischen Kochkunst, der beschreibt, dass Proportionen mit Bedacht, in Balance zueinander und dem Harmonieverstndnis des Gastes fr ein Gericht entscheidend sind. Umgelegt auf interaktive Web-Kartografie bedeutet dies, die Prinzipien der Balance, der Harmonie, des Bedachtes, die Einfachheit und den Anwendungskontext des Kartennutzers fr den Kartennutzer in den Mittelpunkt von Design-Guidelines zu rcken und damit die bestmgliche Usability zu ermglichen.

Strobl, J., Blaschke, T. & Griesebner, G. (Hrsg.) (2012): Angewandte Geoinformatik 2012. Herbert Wichmann Verlag, VDE VERLAG GMBH, Berlin/Offenbach. ISBN 978-3-87907-520-1.

334

M. Mittlbck, L. Morper-Busch, C. Atzl und H. Klug

Bereits 2005 verwiesen SCHUYLER et. Al. (2005) dass die Bereitstellung von digitalen Karteninformationen ubiquitr und pervasive wird. Rumliche Information spiegelt sich in verschiedensten Lebenslagen wider: in real-time, an echten Pltzen an Computern, auf Smartphones. Digitale Medieninformation und damit auch Karten begleiten uns stndig. Vor dem Hintergrund der vielen Eindrcke ist es wichtiger denn je, konsequent zu planen, wie Karteninformation bereitgestellt wird.

1.2

Begriffseinordnung Usability

Eine wesentliche Herausforderung in der Gestaltung von Web-Mapping Applikationen ist nach SCHUETZE (2007) die Bedienbarkeit, Bedienerfreundlichkeit, Ergonomie, Nutzungsqualitt etc. Im Mittelpunkt steht der Gebrauch der Anwendung fr den jeweiligen Nutzungskontext nicht nur fr den Benutzer selbst, sondern auch fr die Durchfhrung der gestellten Arbeitsaufgabe. Ins Deutsche wird der Term Usability nach OENORM EN ISO 9241-11:1999 als Gebrauchstauglichkeit bersetzt und bezeichnet damit Das Ausma in dem ein Produkt durch bestimmte Benutzer in einem bestimmten Nutzungskontext genutzt werden kann, um bestimmte Ziele effektiv, effizient und zufriedenstellend zu erreichen. TOMLIN (2012) beschreibt auf seinem Block das Zurckweichen des Terms Usability auf Kosten des neuen Terms UX (User Experience), einem sehr schwer messbaren Begriff und fhrt als Beweis dafr die Zugriffsstatisitik fr beide Begriffe in der Google Suche an.

Abb. 1:

Vergleich Terminologie Usability vs. UX [2004-2011] (TOMLIN 2012)

Basierend auf dieser Begriffseinordnung kann man Gebrauchstauglichkeit, damit definieren, wie leicht oder schwer es ist, etwas zu benutzen. Fr nutzerfreundliches Web-Mapping fokussiert der vorgestellte Ansatz darauf, einen neuen Lsungsansatz aufzuzeigen, komplexe Sachverhalte in einer Online-Karte einfach nutzbar zu gestalten und orientiert sich dabei an dem App-Prinzip moderner Smartphones. Der Siegeszug mobiler Endgerte mit Betriebssystemen wie Apple iOS, Google Android, Microsoft Windows Phone oder neuartigen Browser-basierten Betriebssystemen (HTML5) ist nicht zuletzt damit zu erklren, dass im Gegensatz zu klassischer Mensch-Computer Interaktion auf Desktop-orientierten Betriebssystemen, nicht eine auf z. B. einen spezifischen Arbeitsprozess verallgemeinerte Applikation in den Mittelpunkt gestellt wird, sondern fr die Bewltigung der einzelnen Teilaufgaben mageschneiderte MiniApplikationen herangezogen werden, die bei sich ndernden Prozessabfolgen (Tasks) einfacher neu angeordnet und adaptiert werden knnen.

Task-orientierte Web-Maps zur kompakten Visualisierung kartographischer Inhalte

335

Task-orientiertes Web-Mapping

Eine immer wichtiger werdende Rolle spielt die Konzeption eines Storyboards von thematischen Inhalten auf Websites mit integrierten Kartendarstellungen, also die Entwicklung eines Drehbuches fr die Vermittlung kartographischer Inhalte, vor allem dann, wenn auch raum-zeitliche Inhalte in die Prsentation integriert werden. Die Aufgliederung der einzelnen Karteninhalte mithilfe einer vorgelagerten thematischen Sortierung in verschiedene Mini-Karten-Applikationen (Application-Hub) kann als Ordnungsmittel eingesetzt werden, um ausreichend fokussierte Aufmerksamkeit der Nutzer auf die einzelnen bereitgestellten kartographischen Inhalte zu erzielen. Vergleichbar mit Online-Zeitungsbeitrgen werden die Konzepte der Schlagzeile fr die einzelnen Applikationen in die Aufgliederungsseite integriert. Die Schlagzeile dient dem Nutzer als erstes Hilfselement zur Orientierung, welche Karten-App die fr ihn/sie interessanten Inhalte besitzt und ist in dieser Form vergleichbar zu bestehenden App-Interfaces mobiler Betriebssysteme und dem MetroDesignkonzept von Windows 8. Auf eine weitere Beschreibung der Karteninhalte wird zur Sicherung der bersichtlichkeit bewusst verzichtet.

Abb. 2:

Taskaufteilung fr mageschneiderte Web-Mapping-Applikationen

Diese thematische Vorsortierung die Definition von einfachen Web-Mapping-Tasks kann dabei als wesentliches Hilfsmittel betrachtet werden, um mit in punkto Design und Stil kompakt und einfach gehaltenen Web-Mapping-Applikationen komplexe inhaltliche Fragestellungen aufgegliedert und damit schneller und einfacher fassbar zu prsentieren.

Evaluierung

Unter Bercksichtigung dieser Rahmenbedingungen wird als gemeinsame Initiative des GIS-Research Clusters in Salzburg (giscience-research.org) ein taskorientierter Design-

336

M. Mittlbck, L. Morper-Busch, C. Atzl und H. Klug

Guideline fr Websites mit kartenorientierten mageschneiderten Web-Mapping-Applikationen erarbeitet und mit proof of concept Implementierungen mit Testnutzern (Schlergruppen) hinsichtlich Bedienkomfort, Strukturierung und kartografischen Wissenstransfer mit Javascript/HTML5 und Silverlight Templates evaluiert und validiert. Wesentliche Grundmodule fr das einfach gestaltete Multi-Touch-Kartenlayout sind die abgesetzte Taskleiste (erhht die wahrgenommene Kartengre um ca. 12 %) mit Titel und einem Start Button fr den spezifischen Task einer Applikation (links) und einem Button fr das Legendenfenster, einer geographischen Adresssuche und einem Hilfebutton.

Abb. 3:

Web-Mapping Template Frontend

Die Kartenapplikation folgt, basierend auf der Task-orientierten Vorauswahl, dem Prinzip, mit einer Web-Mapping-Applikation gezielt eine Antwort auf eine vorab fr einen Task definierte Fragestellung zu liefern. Dies hilft dabei, dem oft nicht gebten OnlineKartenbetrachter eine visuell ansprechende und leicht fassbare Antwort auf die im Task gestellte Frage zu liefern. Bewusst wird dabei auf erweiterte Funktionalitten von GI Software bzw. Web-GIS Implementierungen verzichtet, um einfache Fassbarkeit der kartografisch vermittelten Wissensinhalte unter Bercksichtigung der im Web sehr kurzen Verweildauer auf einer Webseite nicht zu gefhrden.

3.1

Validierungsbeispiel Web-Map-Template: giscience-research.org

Der Funktionsumfang des Web-Mapping-Clients richtet sich in erster Linie an Anforderungen, bei denen die Visualisierung von Geodaten und daraus abgeleiteten Analyseergebnissen in Raum-und Zeit im Vordergrund steht. Das Mapping-Template fokussiert auf die prgnante Vermittlung von kartografischen Antworten auf vorab in der thematischen Vorsortierung (Application-Hub) zusammengestellten Fragen. Die Web-Template-Kartenapplikation besteht dabei aus folgenden Kernelementen:

Task-orientierte Web-Maps zur kompakten Visualisierung kartographischer Inhalte

337

Die Taskleiste Die leichte Transparenz und die Absetzung vom oberen Web-Browser-Rand (ca. 10 %) lassen das gesamte Karten-Erscheinungsbild grer wirken. Das prgnante Element in der Task-Leiste ist der Start-Button der, farblich abgesetzt fr die Ausfhrung des fr die jeweilige Applikation zugeordneten Tasks auszufhren ist. Neben dem Start-Button befinden sich auf der linken Hlfte der Taskleiste die thematischen Elemente wie z. B. ein Projektlogo und Projekttitel. Der Titel ist als Aktionsschaltflche verknpft um die Detailinformationen zur Kartenapplikation aus/ein zu blenden. Optional wird neben dem Start Button auch noch eine dem thematischen Kontext zugeordnete Printfunktion bereitgestellt. Die rechte Seite fokussiert auf die eigentlichen Kartenelemente und beginnt (rechtsbndig) mit einem Hilfe Button. Diese Funktion wurde integriert, um bei komplexeren Tasks zustzliche Hilfe z. B. in Form eines PDF-Dokumentes beizusteuern. Grundstzlich sollte aber angestrebt werden, die Web-Map so einfach zu gestalten, dass diese Hilfe nicht bentigt wird. Als weiteres Element findet sich eine allgemeine Adress- bzw. Ortssuche, die es sehr einfach erlaubt, den Kartenausschnitt auf eine bestimmte Lokation zu vergrern Optional findet sich ein Time-Slider Fenster (Abb. 3). Der Slider ist zustndig fr die raumzeitliche Darstellung der geographischen Informationsebenen. Als letztes aktives Element in der Taskleiste ist der Legenden-Button, der das Legendenfenster ffnet. Dies beinhaltet auch den Inhaltsbaum, in dem die einzelnen Kartenebenen aus/eingeschaltet, bzw. deren Transparenz manipuliert werden kann.

Das Informationsfenster Das Informationsfenster der Applikation richtet sich mit einem Teaser, einer Kombination aus kurzen Text und Bildelementen an den Nutzer. Der Teaser beinhaltet eine berschrift und richtet sich mit einem Lead-Text (Vorspann) an den Kartennutzer, der die wesentliche Aussage der Kartenapplikation in wenigen Zeilen zusammenfasst. Als weiterer Punkt findet sich im Informationsfenster ein Projekt/Organisationslogo und ein Link auf den Haftungsausschluss fr die Kartenapplikation (Disclaimer). Abgerundet wird das Informationsfenster mit einem dem Thema verwandten Bild oder einer Abbildung. Dieses Bild dient vor allem der optischen Aufhellung der Kartenapplikation Das Task-Fenster Das diversifizierende Kernelement jeder Applikation ist das Taskfenster, das mit der Auswahl des Start Buttons geffnet wird. In diesem Fenster wird der, fr die einzelnen Applikation definierte Task, in einer Schritt fr Schritt Anleitung dargelegt. Auf die klassischen Karten-Bedienelemente wie Zoom-Slider und Pan Hilfen wird aufgrund von Usability Tests mit mehreren Probandengruppen (Schulklassen) bewusst verzichtet. Bei diesen Tests hat sich herausgestellt, dass diese kaum verwendet werden. Im Kartenbild eingeordnet finden sich noch drei weitere Elemente: Ein Symbol zur Darstellung der bersichtskarte, die Auswahlmglichkeit von drei verschiedenen Hintergrundkarten

338

M. Mittlbck, L. Morper-Busch, C. Atzl und H. Klug

(Lufbild, Strae und Schummerung) und Zoom-Button zur Untersttzung von Browsern auf mobilen Endgerten, die die Pitch-Zoom Javascript Funktionalitten nicht ausreichend untersttzen (z. B. Windows Phone 7.5 Browser). Das geographische Identify ist implizit mit einem Klick in die Karte gelst und kann fr bestimmte Tasks spezifisch verndert werden.

Fazit

Mit der Integration der Dimension Zeit stellen sich neue Herausforderungen in der Prsentation von Karteninhalten im Web. Die damit einhergehende Komplexittssteigerung in der Visualisierung kartographischer Inhalte verstrkt den Bedarf der Aufteilung der dargestellten Inhalte, um die Usability und UX sicher zu stellen. Der Taskorientierte Ansatz mit einer Vorab-Gliederung angelehnt an das Konzept der Apps auf mobilen Endgerten zeigt einen vielversprechenden Ansatz auf, diese Komplexitt aufzulsen und ist darber hinaus auch sehr gut geeignet Karten-Applikationen auch fr eine breite Nutzerschicht in einfacher Form zugnglich zu machen. Erste Tests mit Schulklassen besttigen diesen Ansatz. Weiterfhrend gilt es zustzliche Nutzertests z. B. Mouse- und Klick Tracking (vgl. TAHIR, 2011) durchzufhren.

Literatur
MITCHELL, T. (2005), Web Mapping Illustrated. OReilly Media. REYNOLDS, G. (2008), ZEN oder die Kunst der Prsentation. Mnchen. OGC White Paper. REYNOLDS, G. (2011), Zen Design: Simple Design Principles and Techniques to Enhance Your Presentations. Berkeley. SCHUETZE, E. (2007), Stand der Technik und Potenziale von Smart Map Browsing im Webbrowser am Beispiel der Freien WebMapping-Anwendung OpenLayers. Diplomarbeit. Osnabrck. http://www.smartmapbrowsing.org/diplomarbeit_ EmanuelSchuetze.pdf (23.04.2012). SCHUYLER, E., GIBSON, R. & WALSH, J. (2005), Mapping Hacks. Tipps and Tools for Electronic Cartography. Sebastopol, USA. TAHIR A., MCARDLE, G. & BERTOLOTTO, M. (2011), Visualising User Interaction History to Identify Web Map Usage Patterns.: http://plone.itc.nl/agile_old/Conference/2011utrecht/contents/pdf/shortpapers/sp_109.pdf ( 23.04.2012). TOMLIN C. W. (2012), Useful Usability. Online Blog. http://www.usefulusability.com/. (24.04.2012).