1. Technical Workshops | Esri International User Conference San Diego, California Evaluating the Visual Impact of Maps Kenneth Field and Damien Demaj July 25, 2012

2. Kenneth Field

3. Damien Demaj

4. http://resources.arcgis.com/en/communities/mapping/home / ArcGIS Resources - Mapping

5. Outline of session Why a checklist approach to evaluation? Cartographic Requirement Cartographic design principles - devil is in the detail Putting the pieces together and publishing online Synopsis, final checking compromise C ART opportunity O GRAPH why Y

6. Why a checklist approach to evaluation? Map User GIS User Map-maker Cartographer Knowledge Transfer

7. Design is crucial to communication in GIS Large database Equal Treatment No inherent design Data Processing Function Meaning Design

8. Evaluation as part of the design process

9. Cartographic Requirement

10. What’s the story?

11. Maps are complex graphics Written/spoken word: SERIAL Graphics: PARALLEL

12. Cartographic requirement Audience Media resolution Viewing distance Output medium Anticipated level of understanding Conditions of use One map or multiple maps What areal extent to show Insets

13. Demo: requirement

15. Web maps and basemaps What is a web map? Interactive Multi scale Shared via the web Operational layers and basemap layer What is a basemap? Contextualizes Support Changes infrequently

16. Cartographic design principles

17. Visual hierarchy

19. Demo: visual hierarchy

20. Visual contrast

21. Figure-ground

22. Demo: figure-ground

23. Projections Online map services WGS 1984 Web Mercator (Auxiliary Sphere) ArcGIS Online Bing OSM Google

24. Demo: projection

25. Symbol palette spacing size shape orientation hue lightness

26. Symbol meaning

27. Demo: symbols

28. Classifying data

29. Feature generalization Large scale Small scale

30. Feature generalization Simplify Smooth Aggregate Amalgamate Collapse

31. Feature generalization Merge Refine Exaggerate Enhance Displace

32. Demo: feature generalization

33. Colour – sequential Sequential (Example of “Sequential”)

34. Colour – diverging (Example of “Diverging Critical Class”) Diverging Critical Class Diverging Critical Break

35. Colour – qualitative Qualitative (Example of “Qualitative”)

36. Demo: colour

37. Typography Position Style sans serif serif Conflict CITIES Towns villages 5 point 7 point 10 point 12 point 18 point 24 point Size Purpose

38. Demo: typography

39. Putting the pieces together

40. Marginalia in web map apps Map/app title Main map Pop-ups Dynamic legends Sliders, clickable icons Multi-media content Credit and source

41. Demo: layout

42. Synopsis

43. Please complete an online session evaluation 1. My UC Homepage > “Evaluate Sessions” 2. Choose session from planner or search for session ID for this session: Offering #1 ID: 670 events.esri.com/uc/2012/sessionEvals

44. kfield@esri.com @kennethfield @damiendemaj ddemaj@esri.com