The Social Livesof Maps:Interaction Design + MapsRay ChaThomas Turnbull
Maps: are tools
Maps: approximate time + spaceImage credit: Strange Maps
Maps: narrate storiesImage credit: Fathom
Maps: some philosophy"Through a cartographers choices of selection,omission, or simplification, a map can bemanipulated to...
Maps: whose stories?How do you represent a church?                 Claims to South China                 Seas (source: Voi...
Map Interaction Design Patterns:    Its not that different (from UX in general.)        Reduce        Prioritize        Or...
Design Pattern:Adaptive DesignImage credit: Trulia
Design Pattern:List, Gallery, Map
Design Pattern:List, Gallery, Map
Design Pattern:List, Gallery, Map
Design Pattern:Landing
Design Pattern:Clustering
Design Pattern:Zoom dependency
Design Pattern:Zoom dependency
Design Pattern:Zoom dependencyControl layers through zoom dependencye.g. Chicago Tribunee.g. TreeKit
Design Pattern:Zoom dependencyControl layers through zoom dependencye.g. Chicago Tribunee.g. TreeKit
Design Pattern:Zoom dependencyControl layers through zoom dependencye.g. Chicago Tribunee.g. TreeKit
Design Pattern:Zoom dependencyControl layers through zoom dependencye.g. Chicago Tribunee.g. TreeKit
Design Pattern:Reload
Design Pattern:Reload
Design Pattern:Reload
Design Pattern:Browser vs. App
Customization:Pins
Customization:TilesCustomization : tilese.g. Stamen water color
Customization:Pins + Tiles
Advanced Interfaces:Sliders
Advanced Interfaces:Bike Trip Planning
Advanced Interfaces:NYC Oasis
Making Maps:Crowdsourcing
Making Maps:Mapping large datasets
Making Maps:Hacking Map APIsImage credit: microtyp.org
Making Maps:Comparing ServicesService            Cost                    EffortGoogle             Free (avg. < 25k/day)   ...
Making Maps:Privacy and SecurityLet users know what is beingcollectedUse caution if you collectPersonally Identifiable Inf...
Things to look out for:iOS 6 MapsImage credit: 9to5Mac
Things to look out for:Vector-basedmapsreplacingraster-basedmaps(already onAndroid)
Things to look out for:                      http://www.google.com/mobile/maps/
Things to look out for:Open Data
Take aways:Maps present UX challengesStandard UX best practices still apply todesigning interactive maps.Maps are an oppor...
Learning more:The Story of Maps, Lloyd A. BrownHow to Lie With Maps, Mark MonmonierOn Exactitude in Science, Jorge Luis Bo...
Resources and Tools:TileMill                Open Street MapMapknitter              Bing Maps APICloudMade StyleEditor   ES...
Thank you.Find us:ray@weatherpattern.com@weatherpatterntom@thomasturnbull.com@thomasturnbull
Upcoming SlideShare
Loading in …5
×

The Social Lives Of Maps: Interaction Design and Maps

1,437 views
1,345 views

Published on

Presented at IxDA New York, June 7 2012
The Social Lives of Maps

People’s use of maps to research and navigate has been radically altered by the development and adoption of digital maps. Maps are no longer static print images. Instead, they are now dynamic and collaborative, as they have evolved in lockstep with the evolution of the Internet, from Mapquest’s launch in 1996 to the Web 2.0 enhanced Google Maps to the user content filled maps of Yelp.



Understanding how maps can be utilized as tools, interfaces, and content is fast becoming part of the standard “tool kit” of interaction designers. A static image or a link out to a map service may or may not be good enough due to raising expectations of the designer’s clients, employers, and people their designs serve. The new possibilities must also be balanced with the issues about privacy and security.



This presentation explores how people’s behaviors with digital mappings intersect with the current developments in location-based services, crowdsourcing, open government, and the mobile web. For the practitioner, basic off-the-shelf mapping tools, APIs, and services are discussed.

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,437
On SlideShare
0
From Embeds
0
Number of Embeds
185
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

The Social Lives Of Maps: Interaction Design and Maps

  1. 1. The Social Livesof Maps:Interaction Design + MapsRay ChaThomas Turnbull
  2. 2. Maps: are tools
  3. 3. Maps: approximate time + spaceImage credit: Strange Maps
  4. 4. Maps: narrate storiesImage credit: Fathom
  5. 5. Maps: some philosophy"Through a cartographers choices of selection,omission, or simplification, a map can bemanipulated to illustrate entirely differenthuman circumstances in the same physicalgeography." - John Brian Harley, map historian, 1989
  6. 6. Maps: whose stories?How do you represent a church? Claims to South China Seas (source: Voice of America)
  7. 7. Map Interaction Design Patterns: Its not that different (from UX in general.) Reduce Prioritize Organize* Cooper Design
  8. 8. Design Pattern:Adaptive DesignImage credit: Trulia
  9. 9. Design Pattern:List, Gallery, Map
  10. 10. Design Pattern:List, Gallery, Map
  11. 11. Design Pattern:List, Gallery, Map
  12. 12. Design Pattern:Landing
  13. 13. Design Pattern:Clustering
  14. 14. Design Pattern:Zoom dependency
  15. 15. Design Pattern:Zoom dependency
  16. 16. Design Pattern:Zoom dependencyControl layers through zoom dependencye.g. Chicago Tribunee.g. TreeKit
  17. 17. Design Pattern:Zoom dependencyControl layers through zoom dependencye.g. Chicago Tribunee.g. TreeKit
  18. 18. Design Pattern:Zoom dependencyControl layers through zoom dependencye.g. Chicago Tribunee.g. TreeKit
  19. 19. Design Pattern:Zoom dependencyControl layers through zoom dependencye.g. Chicago Tribunee.g. TreeKit
  20. 20. Design Pattern:Reload
  21. 21. Design Pattern:Reload
  22. 22. Design Pattern:Reload
  23. 23. Design Pattern:Browser vs. App
  24. 24. Customization:Pins
  25. 25. Customization:TilesCustomization : tilese.g. Stamen water color
  26. 26. Customization:Pins + Tiles
  27. 27. Advanced Interfaces:Sliders
  28. 28. Advanced Interfaces:Bike Trip Planning
  29. 29. Advanced Interfaces:NYC Oasis
  30. 30. Making Maps:Crowdsourcing
  31. 31. Making Maps:Mapping large datasets
  32. 32. Making Maps:Hacking Map APIsImage credit: microtyp.org
  33. 33. Making Maps:Comparing ServicesService Cost EffortGoogle Free (avg. < 25k/day) EasiestBing Free, for nowOpen Street Maps Free, as in puppyArcGIS Expensive Hardest
  34. 34. Making Maps:Privacy and SecurityLet users know what is beingcollectedUse caution if you collectPersonally Identifiable InformationLocation + other information (timestamp, satellite imagery, socialmedia user name) can becombined to identify individuals
  35. 35. Things to look out for:iOS 6 MapsImage credit: 9to5Mac
  36. 36. Things to look out for:Vector-basedmapsreplacingraster-basedmaps(already onAndroid)
  37. 37. Things to look out for: http://www.google.com/mobile/maps/
  38. 38. Things to look out for:Open Data
  39. 39. Take aways:Maps present UX challengesStandard UX best practices still apply todesigning interactive maps.Maps are an opportunity to differentiate.Custom maps may be easier than you think.
  40. 40. Learning more:The Story of Maps, Lloyd A. BrownHow to Lie With Maps, Mark MonmonierOn Exactitude in Science, Jorge Luis BorgesStrange MapsMapping with Drupal, Alan Palazzolo, Thomas TurnbullApress Google Maps Books
  41. 41. Resources and Tools:TileMill Open Street MapMapknitter Bing Maps APICloudMade StyleEditor ESRI / ArcGISGoogle Maps API Open GeoGoogle Fusion Tables
  42. 42. Thank you.Find us:ray@weatherpattern.com@weatherpatterntom@thomasturnbull.com@thomasturnbull

×