Touching Transport
T. Nagel, M. Maitan, E. Duval,
A. Vande Moere, J. Klerkx, K.
Kloeckl, and C. Ratti
A Case Study on Visu...
Smart cities need smart citizens
Urban Demos
LIVE Singapore!
Provides people with access to a range of useful real-
time information about their city by developing an
...
LIVE Singapore! visualizations
Design Goals & Requirements
•  Enable access to data for different user groups.
•  Support gathering insights.
Design Goals & Requirements
•  Enable access to data for different user groups.
•  Support gathering insights.
•  Entice cu...
Touching Transport
Designing the Prototype
Public transit in Singapore
Visualization Experiments
AM peak
PM peak
Coordinated Multiple Views (Mockup)
Unifying views with transitions
sequential
(transition)
map
Map View
Time-Series View
Arcs View
Simple touch interactions
Tap to get details-on-demand Pinch and slide to zoom and pan Slide to drag or change time range
User Interface
http://youtu.be/wQpTM7ASc-w
Three Visualization Modes
•  Map View
•  Time-Series View
•  Arcs View
Switching between these lets users focus on one vie...
Exhibition
•  Urban Mobility Symposium 2012
•  Researchers, partners, citizens
•  Two days on display
•  Over 100 visitors interacted...
Urban Mobility Symposium, NUS, 2012
Evaluation
Study design
Study design
•  Think-Aloud
•  Recorded audio
•  Observed participant’s behavior
•  One participant per session
•  40-60 m...
Participants
•  LOC: citizens with knowledge of the local
environment (n=11)
•  EXP: experts in the domain of urban mobili...
Study design
Singapore
Leuven
1.01 x 0.57 meters
48 ppi
Diffused illumination (DI)
TFT LCD display
0.96 x 0.54 meters
50 pp...
Insights
•  Basic
•  Medium
•  Advanced
See details in paper
Insights: Basic
Insights: Medium
Insights: Advanced
Insights Summary
Satisfaction
Conclusion & Future Work
Discussion
•  Crafting aesthetics: Visual style and
Responsiveness
•  Multiple coordinated vs single modal views
Discussion
•  Crafting aesthetics: Visual style and
Responsiveness
•  Multiple coordinated vs single modal views
See detai...
Till Nagel
mail@tillnagel.com – twitter: @tillnm
Thank you. Questions?
AVI ‘14
30th May 2014, Como, Italy
Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops
Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops
Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops
Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops
Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops
Upcoming SlideShare
Loading in …5
×

Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops

1,051
-1

Published on

Presentation at AVI 2014 (Conference of Advanced Visual Interfaces) of Touching Transport, an application that allows a diverse group of users to visually explore public transit data on a multitouch tabletop.

Find more information at http://senseable.mit.edu/visual-explorations-urban-mobility/touching-bus-rides.html

Published in: Design

Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops

  1. 1. Touching Transport T. Nagel, M. Maitan, E. Duval, A. Vande Moere, J. Klerkx, K. Kloeckl, and C. Ratti A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops
  2. 2. Smart cities need smart citizens
  3. 3. Urban Demos
  4. 4. LIVE Singapore! Provides people with access to a range of useful real- time information about their city by developing an open platform for the collection, elaboration and distribution of real-time data that reflect urban activity. Giving people visual and tangible access to real-time information about their city enables them to take their decisions more in sync with their environment, with what is actually happening around them. http://senseable.mit.edu/livesingapore/
  5. 5. LIVE Singapore! visualizations
  6. 6. Design Goals & Requirements •  Enable access to data for different user groups. •  Support gathering insights.
  7. 7. Design Goals & Requirements •  Enable access to data for different user groups. •  Support gathering insights. •  Entice curiosity. •  Provide casual exploration. •  Offer multiple perspectives. See details in paper
  8. 8. Touching Transport Designing the Prototype
  9. 9. Public transit in Singapore
  10. 10. Visualization Experiments
  11. 11. AM peak PM peak
  12. 12. Coordinated Multiple Views (Mockup)
  13. 13. Unifying views with transitions sequential (transition) map
  14. 14. Map View
  15. 15. Time-Series View
  16. 16. Arcs View
  17. 17. Simple touch interactions Tap to get details-on-demand Pinch and slide to zoom and pan Slide to drag or change time range
  18. 18. User Interface
  19. 19. http://youtu.be/wQpTM7ASc-w
  20. 20. Three Visualization Modes •  Map View •  Time-Series View •  Arcs View Switching between these lets users focus on one view, and still enables them to select the best fitting one in order to gain insights based on different data properties. See details in paper
  21. 21. Exhibition
  22. 22. •  Urban Mobility Symposium 2012 •  Researchers, partners, citizens •  Two days on display •  Over 100 visitors interacted with the system On display in semi-public exhibition
  23. 23. Urban Mobility Symposium, NUS, 2012
  24. 24. Evaluation
  25. 25. Study design
  26. 26. Study design •  Think-Aloud •  Recorded audio •  Observed participant’s behavior •  One participant per session •  40-60 minutes
  27. 27. Participants •  LOC: citizens with knowledge of the local environment (n=11) •  EXP: experts in the domain of urban mobility (n=6) •  NON: non-experts with neither local nor domain knowledge (n=10) •  6 female and 21 male participants •  18 to 40 years of age (median: 28)
  28. 28. Study design Singapore Leuven 1.01 x 0.57 meters 48 ppi Diffused illumination (DI) TFT LCD display 0.96 x 0.54 meters 50 ppi Laser light plane (LLP) Rear projector
  29. 29. Insights •  Basic •  Medium •  Advanced See details in paper
  30. 30. Insights: Basic
  31. 31. Insights: Medium
  32. 32. Insights: Advanced
  33. 33. Insights Summary
  34. 34. Satisfaction
  35. 35. Conclusion & Future Work
  36. 36. Discussion •  Crafting aesthetics: Visual style and Responsiveness •  Multiple coordinated vs single modal views
  37. 37. Discussion •  Crafting aesthetics: Visual style and Responsiveness •  Multiple coordinated vs single modal views See details in paper
  38. 38. Till Nagel mail@tillnagel.com – twitter: @tillnm Thank you. Questions? AVI ‘14 30th May 2014, Como, Italy
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×