Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
20 Unrequested Map Tips
Search
Nathaniel V. KELSO
October 08, 2014
Design
360
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
20 Unrequested Map Tips
John Nelson | IDV Solutions
uxblog.idvsolutions.com
@JohnNelsonIDV
[email protected]
Nathaniel V. KELSO
October 08, 2014
More Decks by Nathaniel V. KELSO
See All by Nathaniel V. KELSO
Back to the Desktop
nvkelso
2
660
Who's On First Overview
nvkelso
1
280
Who's on First: Administrative Boundaries & Localities
nvkelso
1
250
Who ARE the People in your Neighborhood? Developing Mapzen’s Neighborhood Database
nvkelso
2
390
Introducing Web Mapping to Writing Studies and Journalism Classes at the University of Minnesota Duluth
nvkelso
0
170
A Jobs Panel: How to Hire or Be Hired
nvkelso
0
320
Big History, Little History: Cartography in the Twentieth Century
nvkelso
0
210
Displaying Change Data on a US Topo Map
nvkelso
0
150
UAEU Employees' Social Impact Assessment in Urban Development in Al Ain City
nvkelso
0
250
Other Decks in Design
See All in Design
デザイナーがいない部署にハーネスを設計する
kenichiota0711
5
5.4k
みんながデザインを担う組織へ。急加速する開発組織でのデザイナーの戦略
mukai_takeru
0
340
Kouseki | CREATIVE CLASS成果物
yuri9911
0
250
明日から真似できる、AIでデザインシステムを活用する方法
vivion
0
880
Basket_of_love.pdf
terencebasart
0
360
開閉UIのアニメーション設計
hiro0218
2
1.1k
プレゼンスライド作成で意識していること
kimichan
0
140
人工知能のための哲学塾 ニューロフィロソフィ篇 第参夜「河合隼雄と中空構造」
miyayou
0
110
MUUUUU.ORG 協賛バナーのご案内
quoitworks999
0
420
1000人規模の組織でデザインハーネスを導入するための第一歩
pkshadeck
PRO
5
4.4k
組織で働く大人が「知らないままにやってみる」を取り戻す方法とその意味〜企業で働く実務家による実践知の言語化を事例とした考察〜
chiemitaki
1
490
技術に明るくない人が技術を選ぶために
moco1013
0
150
Featured
See All Featured
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
2
530
Joys of Absence: A Defence of Solitary Play
codingconduct
1
550
The Pragmatic Product Professional
lauravandoore
37
7.5k
The SEO Collaboration Effect
kristinabergwall1
1
590
Measuring & Analyzing Core Web Vitals
bluesmoon
9
1k
Balancing Empowerment & Direction
lara
6
1.3k
A designer walks into a library…
pauljervisheath
211
25k
Bash Introduction
62gerente
615
220k
GraphQLとの向き合い方2022年版
quramy
50
15k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
490
Heart Work Chapter 1 - Part 1
lfama
PRO
10
37k
Thoughts on Productivity
jonyablonski
76
5.4k
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!