Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling...
Transcript of Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling...
![Page 1: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/1.jpg)
![Page 2: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/2.jpg)
Designing Great Maps for Web and Mobile
Allen Carroll and Larry Orman
![Page 3: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/3.jpg)
About Allen and Larry
Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic, 12 of them as Chief
Cartographer • Believer in the power of maps to inform and inspire
Larry Orman, Exec. Dir. GreenInfo Network: • Magic marker map maker for years pre-GIS • 19 years NGO advocacy and 19 geotech world • Maps are a powerful lens for seeing the world
![Page 4: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/4.jpg)
Why we’re here
![Page 5: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/5.jpg)
About this workshop series
#1: General Overview
#2: Print/image
#3: Web/mobile
![Page 6: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/6.jpg)
What we’ll cover in this session
What’s different about maps in the digital age? Elements of digital maps The process: it’s linear…sort of CLUES to making great maps Some tips on designing digital maps What to remember
1 2 3 4 5 6
![Page 7: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/7.jpg)
But first, a quiz for you
![Page 8: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/8.jpg)
We’ll ask . . .
• What is this map/site about?
• Is it appealing to you?
• Would you stick around …or move on?
![Page 9: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/9.jpg)
![Page 10: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/10.jpg)
1?
![Page 11: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/11.jpg)
![Page 12: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/12.jpg)
or 2?
![Page 13: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/13.jpg)
![Page 14: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/14.jpg)
1?
![Page 15: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/15.jpg)
![Page 16: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/16.jpg)
or 2?
![Page 17: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/17.jpg)
![Page 18: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/18.jpg)
1?
![Page 19: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/19.jpg)
![Page 20: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/20.jpg)
or 2?
![Page 21: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/21.jpg)
![Page 22: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/22.jpg)
Lessons?
• First impressions matter!
• Attractive designs, accessible interfaces are key
• Simplicity is vital
![Page 23: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/23.jpg)
How your brain perceives
<1 second
PRE-ATTENTION 1-3 seconds
RECOGNITION 3-20 seconds +
COGNITION
![Page 24: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/24.jpg)
1
What’s different about maps in the digital age?
![Page 25: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/25.jpg)
Cartography in the Digital Age
How have digital media changed cartography? The good news…
…and the bad news
![Page 26: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/26.jpg)
Cartography in the Digital Age
How have digital media changed cartography? Small screens = small maps
Maps must compete in a blizzard of information…hold their own in an ADD world
![Page 27: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/27.jpg)
Cartography in the Digital Age
How have digital media changed cartography? Maps on the web are ephemeral (how long will our work last?)
![Page 28: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/28.jpg)
Cartography in the Digital Age
How have digital media changed cartography? Cartography now includes a whole range of user experiences …maps can zoom, change, and move
![Page 29: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/29.jpg)
Cartography in the Digital Age
How have digital media changed cartography? Maps are deep
![Page 30: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/30.jpg)
Cartography in the Digital Age
They’re a window into
worlds of information
Photo
Buy this!
Rating
I’m here!
Photo
LBS
Video
Blog
Schedule
This far outweighs any shortcoming
![Page 31: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/31.jpg)
Sistine Chapel ceiling’s awkward shapes…
Lesson: Turn challenges into assets
…are the framework for Michelangelo’s masterpiece
![Page 32: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/32.jpg)
2
Elements of web and mobile maps
![Page 33: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/33.jpg)
App or framework (user experience)
Elements of Web and Mobile Maps
![Page 34: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/34.jpg)
Elements of Web and Mobile Maps
App or framework (user experience) The map
![Page 35: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/35.jpg)
Elements of Web and Mobile Maps
App or framework (user experience) The map Popups and map actions
![Page 36: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/36.jpg)
Elements of Web and Mobile Maps
App or framework (user experience) The map Popups and map actions Legends and other ancillary items
Cartography: Map details?
![Page 37: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/37.jpg)
Elements of Web and Mobile Maps
App or framework (user experience) The map Popups and map actions Legends and other ancillary items
Cartography: All elements of design and communication
![Page 38: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/38.jpg)
Elements of Web and Mobile Maps
User Experience Cartography Vs.
![Page 39: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/39.jpg)
Elements of Web and Mobile Maps
User Experience Cartography =
They’re inseparable
![Page 40: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/40.jpg)
3
The process It’s linear…sort of
![Page 41: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/41.jpg)
Create initial wireframes
Publish Design and build app/UE
Refine concepts
The process it’s linear…sort of
Create maps
Refine design, UE
Test Test
Iteration, experimentation, trial and error is part of the process Testing is vital!
![Page 42: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/42.jpg)
Case Study: Tornado Dashboard
Idea: Show tornadoes through space and time
![Page 43: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/43.jpg)
Case Study: Tornado Dashboard
Initial sketch Concept: • Summarize
tornado totals by state
• Facts and figures for each twister
![Page 44: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/44.jpg)
Case Study: Tornado Dashboard
Mockups: First round
• First tab: State
totals
• Second tab: Stats for individual tornadoes
![Page 45: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/45.jpg)
Case Study: Tornado Dashboard
Second round
• Numbers instead of tabs
• Slide-out stat panels after click
![Page 46: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/46.jpg)
Case Study: Tornado Dashboard
Third round • Dynamic graph
shows total twisters by map extent
• Click on tornado for individual twister stats
![Page 47: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/47.jpg)
Case Study: Tornado Dashboard
Fourth round • Eliminate state
summaries
• Remove top banner
• Refine cartography
![Page 48: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/48.jpg)
Case Study: Tornado Dashboard
Published app • Removed Fujita
numbers from map
Moral: iteration, modification, experimentation improved the map
![Page 49: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/49.jpg)
4
Some CLUES to making great digital maps
![Page 50: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/50.jpg)
Some CLUES to making great maps in the digital age
1. Connects with its audience
2. Limits user options
3. User experience supports the story
4. Easy-to-read maps
5. Strives for simplicity
![Page 51: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/51.jpg)
C L U E S Connect with your audience
Think of your mom Step back and explain things Avoid being technical Be informal but respectful
![Page 52: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/52.jpg)
C L U E S Connect with your audience
Think about your primary audience
Lots of people may see your map, but who do you really want to convince?
![Page 53: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/53.jpg)
C L U E S Limit user options
The best maps and apps do one thing really well
An all-purpose
map viewer may make
sense once in a while…
But a focused, single-purpose app will better serve a specific audience
![Page 54: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/54.jpg)
C L U E S User experience supports the story
Think about the job your map is doing, and choose the means by which users will experience your story
Locate Navigate Compare Narrate Show change
There are lots of ways to interact with maps
![Page 55: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/55.jpg)
C L U E S Easy-to-read maps
Base map as context—not competition A map for storytelling is very different from a map for analysis
![Page 56: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/56.jpg)
C L U E S Easy-to-read maps
Strip off non-essential information
Use limited color palettes
Simple, accessible thematic maps
![Page 57: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/57.jpg)
C L U E S Easy-to-read maps
Simple shapes are usually better than pictographs
Avoid visually complex symbols and icons
![Page 58: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/58.jpg)
C L U E S Easy-to-read maps
Avoid visually complex symbols and icons
![Page 59: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/59.jpg)
C L U E S Easy-to-read maps
Avoid visually complex symbols and icons
![Page 60: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/60.jpg)
C L U E S Easy-to-read maps
Several simple maps are much better than one complex one
Crop yields
Yield gaps
Water use
Crop use
User experience can parse a complex story into simpler components
![Page 61: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/61.jpg)
USER EXPERIENCE
C L U E S Strive for Simplicity
Avoid “GIS-y” functions: No arrays of little icons
Eliminate unnecessary options
![Page 62: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/62.jpg)
C L U E S Strive for Simplicity
Eliminate unnecessary options
Avoid unnecessary lines, rules, drop shadows, etc.
VISUAL
No rows of obscure icons, no long lists of options
USER EXPERIENCE
Keep text, labels, and titles clear, simple, and descriptive
EDITORIAL
![Page 63: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/63.jpg)
C L U E S Strive for Simplicity
Eliminate unnecessary options
awesome.good.is/features/011/Wanderlust/index.html
![Page 64: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/64.jpg)
C L U E S Strive for Simplicity
Eliminate Edit! Shorten! Reduce! Distill! Simplify! Digital media = ADHD media “Not that the story need be long, but it will
take a long while to make it short.” ― Henry David Thoreau, Letters to Various Persons
![Page 65: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/65.jpg)
C L U E S
Connect with your audience Limit user options User experience supports your story Easy-to-read maps Strive for simplicity
1. 2. 3. 4. 5.
![Page 66: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/66.jpg)
5
Some tips on designing digital maps
![Page 67: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/67.jpg)
PC, tablets, and mobile: the challenge of screen sizes Not just size, but context and user interaction
Your maps have to work within this variety of sizes
![Page 68: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/68.jpg)
PC, tablets, and mobile: the challenge of screen sizes
Responsive design
PC: Click, scroll
Tablet: Tap, swipe
Mobile: Tap,
swipe
…and separate functions
![Page 69: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/69.jpg)
PC, tablets, and mobile: the challenge of screen sizes
Responsive design: separating functions
Thumbnails
Tabs
Popups
![Page 70: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/70.jpg)
PC, tablets, and mobile: the challenge of screen sizes
Responsive design: separating functions
Thumbnails Tabs Popups
Tap Swipe Tap
![Page 71: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/71.jpg)
Design tips: Minimalism
Clean, open, modern design
Is it here to stay? Yes.
![Page 72: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/72.jpg)
Design tips: Minimalism
Flat, 2-D design (no simulated third dimension, no drop shadows) Is it here to stay? Probably not.
Old iPhone New iPhone
![Page 73: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/73.jpg)
Design tips: Minimalism
Super, super skinny type everywhere
Is it here to stay? Hope not.
![Page 74: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/74.jpg)
Design tips:
Thin
k ve
rtic
al
How do you make room for all that open, clean design? Scrolling is cool.
(but are we overdoing it?)
![Page 75: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/75.jpg)
Design tips: Simple user experience
Limited choices, intuitive design
Don’t be afraid to use overt clues
Map controls
Search Legend dropdown
Numbers
Side panel tabs
Popup
![Page 76: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/76.jpg)
Design tips: Simple user experience
Limited choices, intuitive design
Don’t be afraid to use overt clues
…and to parse UE into steps
![Page 77: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/77.jpg)
Design tips: Map and context
Map and website/app should be seamlessly integrated (2-3 examples) Example: City of St. Albert, Alberta
![Page 78: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/78.jpg)
Design tips: don’t be satisfied
Current Map Tour
…is starting to feel boxy and dated
![Page 79: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/79.jpg)
Design tips: don’t be satisfied
Future Map Tour?
More immersive
![Page 80: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/80.jpg)
Design tips: don’t be satisfied
Future Map Tour?
Give user choices
![Page 81: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/81.jpg)
Design tips: Publishing isn’t a one-time thing
You can (and should) tweak, improve, enhance You’ve created a monster—you’ll need to feed it
![Page 82: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/82.jpg)
Design tips: Look around!
Be inspired by what others are doing
![Page 83: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/83.jpg)
The process: Start fresh
Don’t stick with what you have (GIS analysis, older website)
Think anew about • Who is your audience • What is your goal • How you’ll interpret and
represent for your audience
![Page 84: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/84.jpg)
The process: Brainstorm and sketch Great digital tools: Markers and whiteboard
Outline key elements
Develop rough wireframes
Tools? Balsamiq, Photoshop, PowerPoint, Pencil!
![Page 85: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/85.jpg)
The process: Iterate and test
Be willing to abandon “great” ideas Digital media are flexible, malleable; try things, explore options User testing is key (with whom?--fresh eyes, non-tech people) • Early in process with static screens, rough
implementations • Later: Refining user experience, terminology, etc.
![Page 86: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/86.jpg)
What to Remember
6
![Page 87: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/87.jpg)
➔ Keep it simple; eliminate non-essentials
➔ Single-purpose to fit priority audience
➔ Map and context work together
➔ Cartography includes user experience
➔ Digital - screens small, but maps deep (it’s a new medium…take advantage of it!)
![Page 88: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/88.jpg)
Thank you…
Please fill out the session survey:
ID: 1382 Online – www.esri.com/ucsessionsurveys Paper – pick up and put in drop box
![Page 89: Designing Great Maps for - Esri · About Allen and Larry . Allen Carroll, Program Mgr, Storytelling • Family cartographer and navigator since age 5 • 27 years at National Geographic,](https://reader034.fdocuments.net/reader034/viewer/2022042622/5f955f8618f8c143cf47bc84/html5/thumbnails/89.jpg)
Larry Orman [email protected] www.greeninfo.org
Allen Carroll
[email protected] www.esri.com/storymaps
Open Discussion