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
610
Who's On First Overview
nvkelso
1
200
Who's on First: Administrative Boundaries & Localities
nvkelso
1
200
Who ARE the People in your Neighborhood? Developing Mapzen’s Neighborhood Database
nvkelso
2
330
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
290
Big History, Little History: Cartography in the Twentieth Century
nvkelso
0
150
Displaying Change Data on a US Topo Map
nvkelso
0
99
UAEU Employees' Social Impact Assessment in Urban Development in Al Ain City
nvkelso
0
210
Other Decks in Design
See All in Design
A Platform Connecting Brand Philosophy and Assets: "LY Corporation Design Hub"
lycorptech_jp
PRO
0
450
AI時代に問われる、リサーチの感受性──地域⇄大企業の現場から見えた「違和感」との向き合い方
muture
PRO
0
140
デザイナーがはばたく未来の入り口『hatch』が描く、新しいデザイナー育成のカタチ
goodpatch
2
2.3k
portfolio.pdf
onof003
0
210
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
6
3.1k
Figmaレクチャー会Part2 もっと使いこなす編@千株式会社 社内勉強会
designer_no_pon
0
110
decksh object reference
ajstarks
2
1.4k
「批評」を習慣にするための仕組みと場のデザイン/uxdesign202507
nikkei_engineer_recruiting
6
900
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
lycorptech_jp
PRO
0
540
企画を動かすデザイナーの思考!「広げて絞る」アプローチ。
hikidakan
0
200
デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development
lycorptech_jp
PRO
0
580
アプリ360onWeb使い方と裏ワザ?紹介!
ikejun360
0
330
Featured
See All Featured
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
231
22k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
34
2.3k
Side Projects
sachag
455
43k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
GraphQLとの向き合い方2022年版
quramy
49
14k
Building Adaptive Systems
keathley
44
2.8k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
54k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
The Cost Of JavaScript in 2023
addyosmani
55
9.1k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
359
30k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.1k
Typedesign – Prime Four
hannesfritz
42
2.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!