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

Web Mapping Aesthetics for Effective Geocommunication

Bbaf1d0def6e102c6defedbb84537a2f?s=47 Nathaniel V. KELSO
October 17, 2013
110

Web Mapping Aesthetics for Effective Geocommunication

Ian Muehlenhaus
University of Wisconsin – La Crosse

Bbaf1d0def6e102c6defedbb84537a2f?s=128

Nathaniel V. KELSO

October 17, 2013
Tweet

Transcript

  1. Web  Mapping  Aesthe/cs  for  Effec/ve   Geocommunica/on     Ian

     Muehlenhaus   University  of  Wisconsin  –  La  Crosse  
  2. Web  Map  Design  for  Communica=on   Back  to  the  Basics:

      1.  Map  Purpose   2.  Visual  hierarchy   3.  Map  element  design   4.  Map  layout  and   interface  design   5.  Thema=c   Representa=on   6.  Symboliza=on  
  3. 1.  Map  Purpose   One  Size  Fits  All  Web  Maps?

      gis-­‐techniques.blogspot.com  
  4. Loca=on-­‐based  Service  Maps  

  5. Public  Par=cipa=on  /  Wiki-­‐Maps  

  6. Narra=ve  Maps   Amy  Lippus,  Chico  State  

  7. Persuasive  Maps  

  8. Thema=c  Maps  

  9. Dent’s Visual Levels for Thematic Maps Adapted from Cartography, Borden

    Dent, 1999: p. 252 Thematic Symbols Title Legend(s) Map Symbols Labels Base Map: Land Areas Political Boundaries Signi cant Physical Features Explanatory Materials: Map Sources Credits Base Map: Water Features Other Base Map Elements: Labels Grids Scales Level 1a Level 1b Level 2 Level 2-3 Level 3 Level 4 2.  Visual  Hierarchy  
  10. Title / Splash Screen Map Symbology Key Reference Data Info

    Windows (opened) Base Map Base Map Labels Navigation/Directions Tools Map Interactivity Pan / Zoom / Rotation Tools Print / Share Map Features Locator Maps Chart Graphics Multimedia Supplements Supplemental Information Attribution and Copyright Neatlines / Grids / Graticules Tool Tips Level 1 Level 2 Level 3 Level 4 Level 5 Title / Splash Screen Animation Symbology Map Symbology Temporal Legend / Interface Base Map Legend Info Windows (opened) Locator Map Base Map Labels Map Interactivity Pan / Zoom / Rotation Tools Menus with Additional Tools Multimedia Supplements Chart Graphics Supplemental Information Attribution and Copyright Neatlines / Grids / Graticules Tool Tips Level 1 Level 2 Level 3 Level 4 Level 5 Title / Splash Screen Thematic Visualization Legend Base Map (generalized) Info Windows (opened) Chart Graphics Base Map Labels Map Interactivity Pan / Zoom / Rotation Tools Menus with Additional Tools Locator Maps Multimedia Supplements Supplemental Information Attribution and Copyright Neatlines / Grids / Graticules Tool Tips Level 1 Level 2 Level 3 Level 4 Level 5 VISUAL HIERARCHY LEVELS FOR WEB MAP DESIGN General Interest Web Maps Thematic Web Maps Animated Web Maps
  11. 3.  Map  Element  Design  

  12. 3.  Map  Element  Design  

  13. None
  14. 4.  Map  Layout   Widget Sales in the US, 2019

    Acme, LLC Sale Totals Lots and lots Quite a few Below Average Zero (Sack the Sta ) What are widgets? Widgets are the bread and butter of Acme, LLC. We sell more widgets in the United States than anyone except Wonka Widgets. We must begin to outsell Wonka Widgets to stay in business. This means that sta in states with low sales willbe sacked immediately. Sorry. Scale Bar Supplemental Map Info, Data Sources..., Projection and Datum..., Cartographer: Ian Oas N Widget Sales in the US, 2019 Sale Totals What are widgets? Acme, LLC Lots and lots Quite a few Below Average Zero (Sack the Sta ) Widgets are the bread and butter of Acme, LLC. We sell more widgets in the United States than anyone except Wonka Widgets. We must begin to outsell Wonka Widgets to stay in business. This means that sta in states with low sales willbe sacked immediately. Sorry. N Scale Bar Supplemental Map Info Data Sources... Projection and Datum... Cartographer: Ian Oas Compartmentalized  Layout   Fluid  Layout  
  15. 4.  Map  Layout:  Compartmentalized  

  16. 4.  Map  Layout:  Fluid  

  17. New  Google  Maps  

  18. 5.  Thema=c  Visualiza=on  

  19. 5.  Thema=c  Visualiza=on   Caglar  Kolyu,  University  of  South  Carolina

     
  20. 6.  Symbology  Conundrum  

  21. 6.  Symbology  Issues  

  22. 6.  Symbols  Should  Tell  Us  Something   Baghdad IR AN

    I R A Q
  23. Conclusion   •  The  medium  has  changed,   not  principles

     of  effec=ve   map  communica=on   •  Technology  and  Web   mapping  tools  do  not   subs=tute  for  100s  of   years  of  knowledge   •  Need  to  revisit  and  adapt   =me-­‐tested  map  design   concepts  to  achieve  beZer   Web  mapping  aesthe=cs  
  24. Thank  you.   Dr.  Ian  Muehlenhaus   University  of  Wisconsin

     –  La  Crosse     www.ian.muehlenhaus.com   @iMuehlenhaus   CRC  Press,   December  2013