Best Practices for Map Design - Esri · Best Practices for Map Design Author: Esri Subject: 2015...
Transcript of Best Practices for Map Design - Esri · Best Practices for Map Design Author: Esri Subject: 2015...
![Page 1: Best Practices for Map Design - Esri · Best Practices for Map Design Author: Esri Subject: 2015 Esri Federal GIS Conference--Presentation Keywords: 2015 Esri Federal GIS Conference--Presentation,](https://reader030.fdocuments.net/reader030/viewer/2022011913/5faaa32d0c30b81c3274ed6d/html5/thumbnails/1.jpg)
Best Practices for Map DesignBillie Leff, Esri Cartography Technical Lead
Owen Evans, Esri Solution Engineer
February 9–10, 2015 | Washington, DC
Federal GIS Conference
![Page 2: Best Practices for Map Design - Esri · Best Practices for Map Design Author: Esri Subject: 2015 Esri Federal GIS Conference--Presentation Keywords: 2015 Esri Federal GIS Conference--Presentation,](https://reader030.fdocuments.net/reader030/viewer/2022011913/5faaa32d0c30b81c3274ed6d/html5/thumbnails/2.jpg)
What is a map?
A map to Grandma’s house
Zander Leff, age 4
![Page 3: Best Practices for Map Design - Esri · Best Practices for Map Design Author: Esri Subject: 2015 Esri Federal GIS Conference--Presentation Keywords: 2015 Esri Federal GIS Conference--Presentation,](https://reader030.fdocuments.net/reader030/viewer/2022011913/5faaa32d0c30b81c3274ed6d/html5/thumbnails/3.jpg)
Traditional vs. Web Maps
• Traditional
– Printed/pdf, map/poster/atlas
– Static perspective
– Limited audience
• Web
– Digital and interactive!
– Dynamic perspective
– Multiple published forms e.g. apps
– Limited, wide or unknown audience
Traditional Map
Legend
![Page 4: Best Practices for Map Design - Esri · Best Practices for Map Design Author: Esri Subject: 2015 Esri Federal GIS Conference--Presentation Keywords: 2015 Esri Federal GIS Conference--Presentation,](https://reader030.fdocuments.net/reader030/viewer/2022011913/5faaa32d0c30b81c3274ed6d/html5/thumbnails/4.jpg)
What’s the big deal?
• Maps generate reactions
• Esthetics or something else?
• The importance of expertise
- Cartographic
- Subject matter
- Institutional and audience
- Other?
![Page 5: Best Practices for Map Design - Esri · Best Practices for Map Design Author: Esri Subject: 2015 Esri Federal GIS Conference--Presentation Keywords: 2015 Esri Federal GIS Conference--Presentation,](https://reader030.fdocuments.net/reader030/viewer/2022011913/5faaa32d0c30b81c3274ed6d/html5/thumbnails/5.jpg)
Best Practices for Map Design: Topics
1. Making an effective map
2. Working with complex data
3. Balancing performance and esthetics
4. Improving your maps
![Page 6: Best Practices for Map Design - Esri · Best Practices for Map Design Author: Esri Subject: 2015 Esri Federal GIS Conference--Presentation Keywords: 2015 Esri Federal GIS Conference--Presentation,](https://reader030.fdocuments.net/reader030/viewer/2022011913/5faaa32d0c30b81c3274ed6d/html5/thumbnails/6.jpg)
Owen Evans
Making an Effective Map
![Page 7: Best Practices for Map Design - Esri · Best Practices for Map Design Author: Esri Subject: 2015 Esri Federal GIS Conference--Presentation Keywords: 2015 Esri Federal GIS Conference--Presentation,](https://reader030.fdocuments.net/reader030/viewer/2022011913/5faaa32d0c30b81c3274ed6d/html5/thumbnails/7.jpg)
Map effectiveness depends on knowing…
What is the map’s
purpose and
message?
Who is the
target
audience?
Is there data to support the
established purpose and
message?
Is the necessary
contextual data
available?
What are the overarching
design considerations?
What
functionality/map
elements should
be available?
![Page 8: Best Practices for Map Design - Esri · Best Practices for Map Design Author: Esri Subject: 2015 Esri Federal GIS Conference--Presentation Keywords: 2015 Esri Federal GIS Conference--Presentation,](https://reader030.fdocuments.net/reader030/viewer/2022011913/5faaa32d0c30b81c3274ed6d/html5/thumbnails/8.jpg)
Web maps are INTERACTIVE
![Page 9: Best Practices for Map Design - Esri · Best Practices for Map Design Author: Esri Subject: 2015 Esri Federal GIS Conference--Presentation Keywords: 2015 Esri Federal GIS Conference--Presentation,](https://reader030.fdocuments.net/reader030/viewer/2022011913/5faaa32d0c30b81c3274ed6d/html5/thumbnails/9.jpg)
Before you start making a map, get your data in order!
![Page 10: Best Practices for Map Design - Esri · Best Practices for Map Design Author: Esri Subject: 2015 Esri Federal GIS Conference--Presentation Keywords: 2015 Esri Federal GIS Conference--Presentation,](https://reader030.fdocuments.net/reader030/viewer/2022011913/5faaa32d0c30b81c3274ed6d/html5/thumbnails/10.jpg)
Owen
Demonstration:
From one layer…
many maps!
![Page 11: Best Practices for Map Design - Esri · Best Practices for Map Design Author: Esri Subject: 2015 Esri Federal GIS Conference--Presentation Keywords: 2015 Esri Federal GIS Conference--Presentation,](https://reader030.fdocuments.net/reader030/viewer/2022011913/5faaa32d0c30b81c3274ed6d/html5/thumbnails/11.jpg)
• Ask yourself some basic questions
• Take time to work on the data first.
• You may not use every aspect of your data, and that’s ok!
Making an Effective Map
![Page 12: Best Practices for Map Design - Esri · Best Practices for Map Design Author: Esri Subject: 2015 Esri Federal GIS Conference--Presentation Keywords: 2015 Esri Federal GIS Conference--Presentation,](https://reader030.fdocuments.net/reader030/viewer/2022011913/5faaa32d0c30b81c3274ed6d/html5/thumbnails/12.jpg)
Billie Leff
Working with complex data
![Page 13: Best Practices for Map Design - Esri · Best Practices for Map Design Author: Esri Subject: 2015 Esri Federal GIS Conference--Presentation Keywords: 2015 Esri Federal GIS Conference--Presentation,](https://reader030.fdocuments.net/reader030/viewer/2022011913/5faaa32d0c30b81c3274ed6d/html5/thumbnails/13.jpg)
Mapping Complexity
• The world is complex, dynamic and multi-dimensional
• Cartography = (art + science) * (making + using)
• Strategies:
- Separation
- Layering
![Page 14: Best Practices for Map Design - Esri · Best Practices for Map Design Author: Esri Subject: 2015 Esri Federal GIS Conference--Presentation Keywords: 2015 Esri Federal GIS Conference--Presentation,](https://reader030.fdocuments.net/reader030/viewer/2022011913/5faaa32d0c30b81c3274ed6d/html5/thumbnails/14.jpg)
What an audience wants/asks for
I want to see the
healthcare facilities in
the country.
![Page 15: Best Practices for Map Design - Esri · Best Practices for Map Design Author: Esri Subject: 2015 Esri Federal GIS Conference--Presentation Keywords: 2015 Esri Federal GIS Conference--Presentation,](https://reader030.fdocuments.net/reader030/viewer/2022011913/5faaa32d0c30b81c3274ed6d/html5/thumbnails/15.jpg)
What an audience actually needs
How are healthcare facilities
distributed at the state level?
I want to see the
healthcare facilities in
the country.
![Page 16: Best Practices for Map Design - Esri · Best Practices for Map Design Author: Esri Subject: 2015 Esri Federal GIS Conference--Presentation Keywords: 2015 Esri Federal GIS Conference--Presentation,](https://reader030.fdocuments.net/reader030/viewer/2022011913/5faaa32d0c30b81c3274ed6d/html5/thumbnails/16.jpg)
![Page 17: Best Practices for Map Design - Esri · Best Practices for Map Design Author: Esri Subject: 2015 Esri Federal GIS Conference--Presentation Keywords: 2015 Esri Federal GIS Conference--Presentation,](https://reader030.fdocuments.net/reader030/viewer/2022011913/5faaa32d0c30b81c3274ed6d/html5/thumbnails/17.jpg)
![Page 18: Best Practices for Map Design - Esri · Best Practices for Map Design Author: Esri Subject: 2015 Esri Federal GIS Conference--Presentation Keywords: 2015 Esri Federal GIS Conference--Presentation,](https://reader030.fdocuments.net/reader030/viewer/2022011913/5faaa32d0c30b81c3274ed6d/html5/thumbnails/18.jpg)
Raw Scientific Data
![Page 19: Best Practices for Map Design - Esri · Best Practices for Map Design Author: Esri Subject: 2015 Esri Federal GIS Conference--Presentation Keywords: 2015 Esri Federal GIS Conference--Presentation,](https://reader030.fdocuments.net/reader030/viewer/2022011913/5faaa32d0c30b81c3274ed6d/html5/thumbnails/19.jpg)
Traditional Choropleth Map
![Page 20: Best Practices for Map Design - Esri · Best Practices for Map Design Author: Esri Subject: 2015 Esri Federal GIS Conference--Presentation Keywords: 2015 Esri Federal GIS Conference--Presentation,](https://reader030.fdocuments.net/reader030/viewer/2022011913/5faaa32d0c30b81c3274ed6d/html5/thumbnails/20.jpg)
Analyze Business Needs
How does nitrogen deposition change in time and in relationship to air quality
regulations?
What questions should
be answered?
What are the relevant
use cases or scenarios?
![Page 21: Best Practices for Map Design - Esri · Best Practices for Map Design Author: Esri Subject: 2015 Esri Federal GIS Conference--Presentation Keywords: 2015 Esri Federal GIS Conference--Presentation,](https://reader030.fdocuments.net/reader030/viewer/2022011913/5faaa32d0c30b81c3274ed6d/html5/thumbnails/21.jpg)
![Page 22: Best Practices for Map Design - Esri · Best Practices for Map Design Author: Esri Subject: 2015 Esri Federal GIS Conference--Presentation Keywords: 2015 Esri Federal GIS Conference--Presentation,](https://reader030.fdocuments.net/reader030/viewer/2022011913/5faaa32d0c30b81c3274ed6d/html5/thumbnails/22.jpg)
![Page 23: Best Practices for Map Design - Esri · Best Practices for Map Design Author: Esri Subject: 2015 Esri Federal GIS Conference--Presentation Keywords: 2015 Esri Federal GIS Conference--Presentation,](https://reader030.fdocuments.net/reader030/viewer/2022011913/5faaa32d0c30b81c3274ed6d/html5/thumbnails/23.jpg)
![Page 24: Best Practices for Map Design - Esri · Best Practices for Map Design Author: Esri Subject: 2015 Esri Federal GIS Conference--Presentation Keywords: 2015 Esri Federal GIS Conference--Presentation,](https://reader030.fdocuments.net/reader030/viewer/2022011913/5faaa32d0c30b81c3274ed6d/html5/thumbnails/24.jpg)
• Consider the map message, purpose, audience
• Separate ideas, variables, simplify symbology
• Layer information and symbology, compare and contrast
Working with complex data
![Page 25: Best Practices for Map Design - Esri · Best Practices for Map Design Author: Esri Subject: 2015 Esri Federal GIS Conference--Presentation Keywords: 2015 Esri Federal GIS Conference--Presentation,](https://reader030.fdocuments.net/reader030/viewer/2022011913/5faaa32d0c30b81c3274ed6d/html5/thumbnails/25.jpg)
Owen Evans
Balancing Performance
and Aesthetics
![Page 26: Best Practices for Map Design - Esri · Best Practices for Map Design Author: Esri Subject: 2015 Esri Federal GIS Conference--Presentation Keywords: 2015 Esri Federal GIS Conference--Presentation,](https://reader030.fdocuments.net/reader030/viewer/2022011913/5faaa32d0c30b81c3274ed6d/html5/thumbnails/26.jpg)
Factors that affect map performance
• Number of features in the view
• Projection on-the-fly
• Complex query definitions
• Complex label expressions
• Complex symbology
• Halos
• Maplex vs. standard label engine
![Page 27: Best Practices for Map Design - Esri · Best Practices for Map Design Author: Esri Subject: 2015 Esri Federal GIS Conference--Presentation Keywords: 2015 Esri Federal GIS Conference--Presentation,](https://reader030.fdocuments.net/reader030/viewer/2022011913/5faaa32d0c30b81c3274ed6d/html5/thumbnails/27.jpg)
Factors that affect map performance - Ranked
1. Number of features in the view
2. Projection on-the-fly
3. Complex query definitions
4. Complex label expressions
5. Complex symbology
6. Halos
7. Maplex vs. standard label engine
![Page 28: Best Practices for Map Design - Esri · Best Practices for Map Design Author: Esri Subject: 2015 Esri Federal GIS Conference--Presentation Keywords: 2015 Esri Federal GIS Conference--Presentation,](https://reader030.fdocuments.net/reader030/viewer/2022011913/5faaa32d0c30b81c3274ed6d/html5/thumbnails/28.jpg)
Problem: Too many features in the map…
Solutions…
• Use scale dependency to turn off non-critical layers
• Generalize one or more line/polygon layers
• Use simple definition queries (Desktop) and/or filters (Online)
• Aggregate to regions at smaller scales
• Use a heat map
- Coming to ArcGIS Online in Feb 2015!
![Page 29: Best Practices for Map Design - Esri · Best Practices for Map Design Author: Esri Subject: 2015 Esri Federal GIS Conference--Presentation Keywords: 2015 Esri Federal GIS Conference--Presentation,](https://reader030.fdocuments.net/reader030/viewer/2022011913/5faaa32d0c30b81c3274ed6d/html5/thumbnails/29.jpg)
Problem: Complex definition query or label expression…
Solutions…
• Create a new feature class and/or service of from the subset of features needed
• Add an attribute to make the query/expression simpler
• Omit most/all labels and rely on pop-ups when designing for the web
![Page 30: Best Practices for Map Design - Esri · Best Practices for Map Design Author: Esri Subject: 2015 Esri Federal GIS Conference--Presentation Keywords: 2015 Esri Federal GIS Conference--Presentation,](https://reader030.fdocuments.net/reader030/viewer/2022011913/5faaa32d0c30b81c3274ed6d/html5/thumbnails/30.jpg)
Designing for the Web: Cached and Dynamic Layers
• There is no one right answer all the time
- May publish layers more than once for different purposes
- Common to publish BOTH hosted tiles (fast display) and hosted features (pop-ups, symbol
changes) for a single layer
• Layers with detailed data and/or complex symbols cache
• Consider several cached services
• Separate labels or avoid their use (especially in cached service)
• Balance flexibility and reuse with specific map requirements
Use the best delivery mechanism for each layer in the map
What is the best way to create the finished product?
![Page 31: Best Practices for Map Design - Esri · Best Practices for Map Design Author: Esri Subject: 2015 Esri Federal GIS Conference--Presentation Keywords: 2015 Esri Federal GIS Conference--Presentation,](https://reader030.fdocuments.net/reader030/viewer/2022011913/5faaa32d0c30b81c3274ed6d/html5/thumbnails/31.jpg)
• Many techniques for improving performance
• Treat aspects individually, but consider effects on final product
• Design for the web
Balancing Performance
and Aesthetics
![Page 32: Best Practices for Map Design - Esri · Best Practices for Map Design Author: Esri Subject: 2015 Esri Federal GIS Conference--Presentation Keywords: 2015 Esri Federal GIS Conference--Presentation,](https://reader030.fdocuments.net/reader030/viewer/2022011913/5faaa32d0c30b81c3274ed6d/html5/thumbnails/32.jpg)
Billie Leff
Improving Your Maps
![Page 33: Best Practices for Map Design - Esri · Best Practices for Map Design Author: Esri Subject: 2015 Esri Federal GIS Conference--Presentation Keywords: 2015 Esri Federal GIS Conference--Presentation,](https://reader030.fdocuments.net/reader030/viewer/2022011913/5faaa32d0c30b81c3274ed6d/html5/thumbnails/33.jpg)
1. Map Concept
• Is the map purpose clear?
• Is the audience defined?
• Does the information make
sense and is it easily
understood?
![Page 34: Best Practices for Map Design - Esri · Best Practices for Map Design Author: Esri Subject: 2015 Esri Federal GIS Conference--Presentation Keywords: 2015 Esri Federal GIS Conference--Presentation,](https://reader030.fdocuments.net/reader030/viewer/2022011913/5faaa32d0c30b81c3274ed6d/html5/thumbnails/34.jpg)
2. Map Content
• Is the subject matter
relevant, current and
enriched?
• Is the appropriate context
provided?
![Page 35: Best Practices for Map Design - Esri · Best Practices for Map Design Author: Esri Subject: 2015 Esri Federal GIS Conference--Presentation Keywords: 2015 Esri Federal GIS Conference--Presentation,](https://reader030.fdocuments.net/reader030/viewer/2022011913/5faaa32d0c30b81c3274ed6d/html5/thumbnails/35.jpg)
3. Cartography
• Is the cartography simple,
appealing and appropriate?
• Is a visual hierarchy
present?
![Page 36: Best Practices for Map Design - Esri · Best Practices for Map Design Author: Esri Subject: 2015 Esri Federal GIS Conference--Presentation Keywords: 2015 Esri Federal GIS Conference--Presentation,](https://reader030.fdocuments.net/reader030/viewer/2022011913/5faaa32d0c30b81c3274ed6d/html5/thumbnails/36.jpg)
3. Cartography
• Limit rich, solid colors
• Gray/neutral instead of white
• Use 6 or fewer colors
• Avoid using red and green
• Use standards where those
apply and consider the
implied meaning of colors
![Page 37: Best Practices for Map Design - Esri · Best Practices for Map Design Author: Esri Subject: 2015 Esri Federal GIS Conference--Presentation Keywords: 2015 Esri Federal GIS Conference--Presentation,](https://reader030.fdocuments.net/reader030/viewer/2022011913/5faaa32d0c30b81c3274ed6d/html5/thumbnails/37.jpg)
3. Cartography
• Limit rich, solid colors
• Gray/neutral instead of white
• Use 6 or fewer colors
• Avoid using red and green
• Use standards where those
apply and consider the
implied meaning of colors
![Page 38: Best Practices for Map Design - Esri · Best Practices for Map Design Author: Esri Subject: 2015 Esri Federal GIS Conference--Presentation Keywords: 2015 Esri Federal GIS Conference--Presentation,](https://reader030.fdocuments.net/reader030/viewer/2022011913/5faaa32d0c30b81c3274ed6d/html5/thumbnails/38.jpg)
4. Map Service
• Title, description, tags, credits present and helpful
• Attributes are limited and aliased
• Web map performs as expected (scale dependencies and popups)
![Page 39: Best Practices for Map Design - Esri · Best Practices for Map Design Author: Esri Subject: 2015 Esri Federal GIS Conference--Presentation Keywords: 2015 Esri Federal GIS Conference--Presentation,](https://reader030.fdocuments.net/reader030/viewer/2022011913/5faaa32d0c30b81c3274ed6d/html5/thumbnails/39.jpg)
• Consider map effectiveness (concept and content)
• Cartography should be simple, appealing and appropriate
• Configure maps documents and service properties
Improving Your Maps
![Page 40: Best Practices for Map Design - Esri · Best Practices for Map Design Author: Esri Subject: 2015 Esri Federal GIS Conference--Presentation Keywords: 2015 Esri Federal GIS Conference--Presentation,](https://reader030.fdocuments.net/reader030/viewer/2022011913/5faaa32d0c30b81c3274ed6d/html5/thumbnails/40.jpg)
Summary
• Separate ideas, one dataset many maps
• There’s no cookie-cutter approach
• Balancing requirements with data, esthetics and performance, and the ability to
reuse maps vs. one-offs
![Page 41: Best Practices for Map Design - Esri · Best Practices for Map Design Author: Esri Subject: 2015 Esri Federal GIS Conference--Presentation Keywords: 2015 Esri Federal GIS Conference--Presentation,](https://reader030.fdocuments.net/reader030/viewer/2022011913/5faaa32d0c30b81c3274ed6d/html5/thumbnails/41.jpg)
Don’t forget to complete
a session evaluation form!
February 9–10, 2015 | Washington, DC
Federal GIS Conference
![Page 42: Best Practices for Map Design - Esri · Best Practices for Map Design Author: Esri Subject: 2015 Esri Federal GIS Conference--Presentation Keywords: 2015 Esri Federal GIS Conference--Presentation,](https://reader030.fdocuments.net/reader030/viewer/2022011913/5faaa32d0c30b81c3274ed6d/html5/thumbnails/42.jpg)
Print your customized
Certificate of Attendance!Printing stations located on L St. Bridge, next to registration
February 9–10, 2015 | Washington, DC
Federal GIS Conference
![Page 43: Best Practices for Map Design - Esri · Best Practices for Map Design Author: Esri Subject: 2015 Esri Federal GIS Conference--Presentation Keywords: 2015 Esri Federal GIS Conference--Presentation,](https://reader030.fdocuments.net/reader030/viewer/2022011913/5faaa32d0c30b81c3274ed6d/html5/thumbnails/43.jpg)
GIS Solutions EXPO, Hall DTuesday, 10:45 AM–4:00 PM
• Exhibitors
• Hands-On Learning Lab
• Technical & Extended Support
• Demo Theater
• Esri Showcase
February 9–10, 2015 | Washington, DC
Federal GIS Conference
![Page 44: Best Practices for Map Design - Esri · Best Practices for Map Design Author: Esri Subject: 2015 Esri Federal GIS Conference--Presentation Keywords: 2015 Esri Federal GIS Conference--Presentation,](https://reader030.fdocuments.net/reader030/viewer/2022011913/5faaa32d0c30b81c3274ed6d/html5/thumbnails/44.jpg)
Networking Reception:
National Museum of American History
Tuesday, 6:30 PM–9:30 PM
Bus Pickup located on L Street
February 9–10, 2015 | Washington, DC
Federal GIS Conference