Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
20 Unrequested Map Tips
Search
Nathaniel V. KELSO
October 08, 2014
Design
0
300
20 Unrequested Map Tips
John Nelson | IDV Solutions
uxblog.idvsolutions.com
@JohnNelsonIDV
[email protected]
Nathaniel V. KELSO
October 08, 2014
Tweet
Share
More Decks by Nathaniel V. KELSO
See All by Nathaniel V. KELSO
Back to the Desktop
nvkelso
2
540
Who's On First Overview
nvkelso
1
170
Who's on First: Administrative Boundaries & Localities
nvkelso
1
170
Who ARE the People in your Neighborhood? Developing Mapzen’s Neighborhood Database
nvkelso
2
190
Introducing Web Mapping to Writing Studies and Journalism Classes at the University of Minnesota Duluth
nvkelso
0
86
A Jobs Panel: How to Hire or Be Hired
nvkelso
0
220
Big History, Little History: Cartography in the Twentieth Century
nvkelso
0
110
Displaying Change Data on a US Topo Map
nvkelso
0
64
UAEU Employees' Social Impact Assessment in Urban Development in Al Ain City
nvkelso
0
110
Other Decks in Design
See All in Design
他人事じゃないWebアクセシビリティ入門
arihiro17
0
170
Designing UIs without a UI designer
strongeron
0
110
事業戦略と組織のビジョンデザイン〜デザイン的アプローチで事業・組織づくりにどう取り組んでいるかのリアル〜
jdesign_tokyo
1
380
Crafting Blog covers: AI tools vs Human Illustrators. Who is the winner?
strongeron
0
130
Installing and Running decksh/pdfdeck
ajstarks
1
480
B/43プラスカードができるまで
putchomsmartbank
0
460
素晴らしき余白の世界
kasumidyaya
0
100
プロダクトデザイン部 組織紹介(デザイナー向け)
chatwork_hr
1
210
良いアプリケーションをデザインするための感覚の持ち方 / Cultivating a Sense for Designing Great Applications
usagimaru
22
7.6k
成果が出ないユーザーインタビューは何がダメだったのか? ~「誰に聞くか」の探り方 ~
jouykw
10
13k
Webアプリケーションアクセシビリティ解説ウェビナー「8章 アクセシブルなUI設計の原理を導く」
magi1125
1
160
社内のコミュニケーション課題に対して個人的に行っているデザイン以外の草の根活動
sugiyama_sukedachi
0
140
Featured
See All Featured
GraphQLとの向き合い方2022年版
quramy
30
12k
A Modern Web Designer's Workflow
chriscoyier
689
190k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
39
4.4k
A Tale of Four Properties
chriscoyier
150
22k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
103
6.6k
We Have a Design System, Now What?
morganepeng
42
6.7k
Scaling GitHub
holman
457
140k
A better future with KSS
kneath
230
16k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
20
1.6k
BBQ
matthewcrist
79
8.7k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
658
120k
Building Adaptive Systems
keathley
29
1.8k
Transcript
John Nelson | IDV Solutions uxblog.idvsolutions.com @JohnNelsonIDV
[email protected]
Unrequested Map
Tips 2 0
None
Makers need to make. Give them the chance or they'll
move on. Close Encounters of the Third Kind, Columbia Pictures. 1
Stay away from the defaults! 2
Show that same mapped data in companion charts. More visual
dimensions for discovery. 3
Can your legend double as a supporting chart? 4
“Give the reader 2+2 and let them figure out 4. They’ll thank you for it.”
Can you get away with encoding color right in your
map's title and avoid weird math equations? Go for it. 5
Charts and legends should be integrated, not quarantined. 6
Aggregate reluctantly. 7
Does your phenomenon care about political boundaries? Maybe not. 8
9 To animate or to small-multiple… Just make both
(you already did).
Thinking choropleth for count data? Maybe try dot density. It
self-normalizes for area, is emotionally resonant, and looks cool. • It self-normalizes for area, • is emotionally resonant, • and catches the eye. 10
10
• Brandon Martin-Anderson • Andy Woodruff • Bill Rankin •
Kirk Goldsberry 10
Be intentional about aesthetics. Good design buys a second, closer,
look. 11
Be intentional about aesthetics. Good design buys a second, closer,
look. 11
Be intentional about aesthetics. Good design buys a second, closer,
look. 11
Be intentional about aesthetics. Good design buys a second, closer,
look. 11
Put abstract units into meaningful context, or tangible comparisons. Nobody
really understands what a Megawatt is. 12
Sometimes maps are a terrible way to present a geographic
phenomenon. Don’t carto so quickly. 13
13
Using Mercator if you don’t have to, or Equirectangular for...anything?
Use something else, anything else! 14
Do you need that basemap? Can it be simplified? Sometimes
enough data can provide its own geographic context. 15
15 Do you need that basemap? Can it be
simplified? Sometimes enough data can provide its own geographic context.
Stuck with stoplight colors? Pick similar hues that are still
cool for the color-deficient (I blow this all the time). 16
16 Stuck with stoplight colors? Pick similar hues that
are still cool for the color-deficient (I blow this all the time).
Silke Baron, Wikipedia 17
17
17
Practical Fore/ground prioritization (data maps) Emotional Brain hack! (scale and
af·fect –I love this crap!) Try de-saturating that satellite background. Like, a lot. 18
Try de-saturating that satellite background. Like, a lot. Try de-saturating
that satellite background. Like, a lot. 18
Try de-saturating that satellite background. Like, a lot. 18
18
18
18
Did you make it? Put your name on it! Were
you influenced by others? Hat tips all around! 19
Share it! 20
John Nelson | IDV Solutions uxblog.idvsolutions.com @JohnNelsonIDV
[email protected]
Beam these
20 tips to your phone. Thanks!