Web Mapping Aesthetics for Effective Geocommunication

Ian Muehlenhaus
University of Wisconsin – La Crosse

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