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

San Diego, California - Esri · 2012-08-17 · Technical Workshops | Esri International User Conference San Diego, California Evaluating the Visual Impact of Maps . Kenneth Field

  • Upload
    others

  • View
    2

  • Download
    0

Embed Size (px)

Citation preview

Page 1: San Diego, California - Esri · 2012-08-17 · Technical Workshops | Esri International User Conference San Diego, California Evaluating the Visual Impact of Maps . Kenneth Field

Technical Workshops |

Esri International User Conference San Diego, California

Evaluating the Visual Impact of Maps

Kenneth Field and Damien Demaj

July 25, 2012

Page 2: San Diego, California - Esri · 2012-08-17 · Technical Workshops | Esri International User Conference San Diego, California Evaluating the Visual Impact of Maps . Kenneth Field

Kenneth Field

Page 3: San Diego, California - Esri · 2012-08-17 · Technical Workshops | Esri International User Conference San Diego, California Evaluating the Visual Impact of Maps . Kenneth Field

Damien Demaj

Page 4: San Diego, California - Esri · 2012-08-17 · Technical Workshops | Esri International User Conference San Diego, California Evaluating the Visual Impact of Maps . Kenneth Field

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

Page 5: San Diego, California - Esri · 2012-08-17 · Technical Workshops | Esri International User Conference San Diego, California Evaluating the Visual Impact of Maps . Kenneth Field

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

C A R T O G R A P H Y

Page 6: San Diego, California - Esri · 2012-08-17 · Technical Workshops | Esri International User Conference San Diego, California Evaluating the Visual Impact of Maps . Kenneth Field

Why a checklist approach to evaluation?

Map User

GIS User

Map-maker

Cartographer

Knowledge Transfer

Page 7: San Diego, California - Esri · 2012-08-17 · Technical Workshops | Esri International User Conference San Diego, California Evaluating the Visual Impact of Maps . Kenneth Field

Design is crucial to communication in GIS

Large database

Equal

Treatment

No inherent

design

Data Processing Function Meaning

Design

Page 8: San Diego, California - Esri · 2012-08-17 · Technical Workshops | Esri International User Conference San Diego, California Evaluating the Visual Impact of Maps . Kenneth Field

Evaluation as part of the design process

Page 9: San Diego, California - Esri · 2012-08-17 · Technical Workshops | Esri International User Conference San Diego, California Evaluating the Visual Impact of Maps . Kenneth Field

Cartographic Requirement

Page 11: San Diego, California - Esri · 2012-08-17 · Technical Workshops | Esri International User Conference San Diego, California Evaluating the Visual Impact of Maps . Kenneth Field

Maps are complex graphics

Written/spoken word: SERIAL

Graphics: PARALLEL

Page 12: San Diego, California - Esri · 2012-08-17 · Technical Workshops | Esri International User Conference San Diego, California Evaluating the Visual Impact of Maps . Kenneth Field

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

Page 13: San Diego, California - Esri · 2012-08-17 · Technical Workshops | Esri International User Conference San Diego, California Evaluating the Visual Impact of Maps . Kenneth Field

Demo: requirement

Page 14: San Diego, California - Esri · 2012-08-17 · Technical Workshops | Esri International User Conference San Diego, California Evaluating the Visual Impact of Maps . Kenneth Field
Page 15: San Diego, California - Esri · 2012-08-17 · Technical Workshops | Esri International User Conference San Diego, California Evaluating the Visual Impact of Maps . Kenneth Field

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

Page 16: San Diego, California - Esri · 2012-08-17 · Technical Workshops | Esri International User Conference San Diego, California Evaluating the Visual Impact of Maps . Kenneth Field

Cartographic design principles

Page 17: San Diego, California - Esri · 2012-08-17 · Technical Workshops | Esri International User Conference San Diego, California Evaluating the Visual Impact of Maps . Kenneth Field

Visual hierarchy

Page 18: San Diego, California - Esri · 2012-08-17 · Technical Workshops | Esri International User Conference San Diego, California Evaluating the Visual Impact of Maps . Kenneth Field

Visual hierarchy

Page 19: San Diego, California - Esri · 2012-08-17 · Technical Workshops | Esri International User Conference San Diego, California Evaluating the Visual Impact of Maps . Kenneth Field

Demo: visual hierarchy

Page 20: San Diego, California - Esri · 2012-08-17 · Technical Workshops | Esri International User Conference San Diego, California Evaluating the Visual Impact of Maps . Kenneth Field

Visual contrast

Page 21: San Diego, California - Esri · 2012-08-17 · Technical Workshops | Esri International User Conference San Diego, California Evaluating the Visual Impact of Maps . Kenneth Field

Figure-ground

Page 22: San Diego, California - Esri · 2012-08-17 · Technical Workshops | Esri International User Conference San Diego, California Evaluating the Visual Impact of Maps . Kenneth Field

Demo: figure-ground

Page 23: San Diego, California - Esri · 2012-08-17 · Technical Workshops | Esri International User Conference San Diego, California Evaluating the Visual Impact of Maps . Kenneth Field

Projections

Online map services • WGS 1984 Web Mercator (Auxiliary Sphere)

ArcGIS Online Bing OSM Google

Page 24: San Diego, California - Esri · 2012-08-17 · Technical Workshops | Esri International User Conference San Diego, California Evaluating the Visual Impact of Maps . Kenneth Field

Demo: projection

Page 25: San Diego, California - Esri · 2012-08-17 · Technical Workshops | Esri International User Conference San Diego, California Evaluating the Visual Impact of Maps . Kenneth Field

Symbol palette

spacing

size

shape

orientation

hue

lightness

Page 26: San Diego, California - Esri · 2012-08-17 · Technical Workshops | Esri International User Conference San Diego, California Evaluating the Visual Impact of Maps . Kenneth Field

Symbol meaning

Page 27: San Diego, California - Esri · 2012-08-17 · Technical Workshops | Esri International User Conference San Diego, California Evaluating the Visual Impact of Maps . Kenneth Field

Demo: symbols

Page 28: San Diego, California - Esri · 2012-08-17 · Technical Workshops | Esri International User Conference San Diego, California Evaluating the Visual Impact of Maps . Kenneth Field

Classifying data

Page 29: San Diego, California - Esri · 2012-08-17 · Technical Workshops | Esri International User Conference San Diego, California Evaluating the Visual Impact of Maps . Kenneth Field

Feature generalization

Large scale

Small scale

Page 30: San Diego, California - Esri · 2012-08-17 · Technical Workshops | Esri International User Conference San Diego, California Evaluating the Visual Impact of Maps . Kenneth Field

Feature generalization

Simplify

Smooth

Aggregate

Amalgamate

Collapse

Page 31: San Diego, California - Esri · 2012-08-17 · Technical Workshops | Esri International User Conference San Diego, California Evaluating the Visual Impact of Maps . Kenneth Field

Feature generalization

Merge

Refine

Exaggerate

Enhance

Displace

Page 32: San Diego, California - Esri · 2012-08-17 · Technical Workshops | Esri International User Conference San Diego, California Evaluating the Visual Impact of Maps . Kenneth Field

Demo: feature generalization

Page 33: San Diego, California - Esri · 2012-08-17 · Technical Workshops | Esri International User Conference San Diego, California Evaluating the Visual Impact of Maps . Kenneth Field

Colour – sequential

Sequential

(Example of “Sequential”)

Page 34: San Diego, California - Esri · 2012-08-17 · Technical Workshops | Esri International User Conference San Diego, California Evaluating the Visual Impact of Maps . Kenneth Field

Colour – diverging

(Example of “Diverging Critical Class”)

Diverging Critical Class

Diverging Critical Break

Page 35: San Diego, California - Esri · 2012-08-17 · Technical Workshops | Esri International User Conference San Diego, California Evaluating the Visual Impact of Maps . Kenneth Field

Colour – qualitative

Qualitative

(Example of “Qualitative”)

Page 36: San Diego, California - Esri · 2012-08-17 · Technical Workshops | Esri International User Conference San Diego, California Evaluating the Visual Impact of Maps . Kenneth Field

Demo: colour

Page 37: San Diego, California - Esri · 2012-08-17 · Technical Workshops | Esri International User Conference San Diego, California Evaluating the Visual Impact of Maps . Kenneth Field

Typography

Position

Style sans serif

serif

Conflict

CITIES Towns villages

5 point 7 point

10 point 12 point

18 point 24 point

Size Purpose

Page 38: San Diego, California - Esri · 2012-08-17 · Technical Workshops | Esri International User Conference San Diego, California Evaluating the Visual Impact of Maps . Kenneth Field

Demo: typography

Page 39: San Diego, California - Esri · 2012-08-17 · Technical Workshops | Esri International User Conference San Diego, California Evaluating the Visual Impact of Maps . Kenneth Field

Putting the pieces together

Page 40: San Diego, California - Esri · 2012-08-17 · Technical Workshops | Esri International User Conference San Diego, California Evaluating the Visual Impact of Maps . Kenneth Field

Marginalia in web map apps

• Map/app title • Main map • Pop-ups • Dynamic legends • Sliders, clickable icons • Multi-media content • Credit and source

Page 41: San Diego, California - Esri · 2012-08-17 · Technical Workshops | Esri International User Conference San Diego, California Evaluating the Visual Impact of Maps . Kenneth Field

Demo: layout

Page 42: San Diego, California - Esri · 2012-08-17 · Technical Workshops | Esri International User Conference San Diego, California Evaluating the Visual Impact of Maps . Kenneth Field

Synopsis

Page 43: San Diego, California - Esri · 2012-08-17 · Technical Workshops | Esri International User Conference San Diego, California Evaluating the Visual Impact of Maps . Kenneth Field

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

Page 44: San Diego, California - Esri · 2012-08-17 · Technical Workshops | Esri International User Conference San Diego, California Evaluating the Visual Impact of Maps . Kenneth Field

[email protected] @kennethfield

@damiendemaj [email protected]