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
310
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
600
Who's On First Overview
nvkelso
1
190
Who's on First: Administrative Boundaries & Localities
nvkelso
1
200
Who ARE the People in your Neighborhood? Developing Mapzen’s Neighborhood Database
nvkelso
2
320
Introducing Web Mapping to Writing Studies and Journalism Classes at the University of Minnesota Duluth
nvkelso
0
120
A Jobs Panel: How to Hire or Be Hired
nvkelso
0
280
Big History, Little History: Cartography in the Twentieth Century
nvkelso
0
150
Displaying Change Data on a US Topo Map
nvkelso
0
95
UAEU Employees' Social Impact Assessment in Urban Development in Al Ain City
nvkelso
0
210
Other Decks in Design
See All in Design
AI時代に、僕たちデザイナーはどう歩むか
kazuhirokimura
0
370
#Dubois Challenge 2025: Economics
ajstarks
1
170
Portfolio 齋藤明敏 Hiroyuki Saito_守秘義務あり
crearedesign
0
280
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
460
CMS管理画面のアクセシビリティ
magi1125
8
2.5k
デザイナーのAI活用とチームへの浸透戦略
ukaoli
0
110
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
lycorptech_jp
PRO
0
440
Yahoo!フリマ:生成AI利用機能ならではのインターフェース設計について / Yahoo! JAPAN Flea Market: Interface Design Specific to Generative AI Utilization Features
lycorptech_jp
PRO
0
460
Installing and Running decksh/pdfdeck
ajstarks
1
840
1920*1080pxに設定したケース / Google Slide Size Test
arthur1
0
3.3k
8_8_リサーチカンファレンスプレイベント.pdf
muture
PRO
2
330
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
kitami
1
330
Featured
See All Featured
Testing 201, or: Great Expectations
jmmastey
45
7.7k
Statistics for Hackers
jakevdp
799
220k
Being A Developer After 40
akosma
90
590k
Faster Mobile Websites
deanohume
309
31k
Navigating Team Friction
lara
189
15k
Making the Leap to Tech Lead
cromwellryan
135
9.5k
Java REST API Framework Comparison - PWX 2021
mraible
33
8.8k
Six Lessons from altMBA
skipperchong
28
4k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Rails Girls Zürich Keynote
gr2m
95
14k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
13k
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!