touching transport - a case study on visualizing metropolitan public transit on interactive...
DESCRIPTION
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.htmlTRANSCRIPT
![Page 1: Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops](https://reader033.vdocuments.site/reader033/viewer/2022051613/54c7a4654a7959c0408b4631/html5/thumbnails/1.jpg)
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
![Page 2: Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops](https://reader033.vdocuments.site/reader033/viewer/2022051613/54c7a4654a7959c0408b4631/html5/thumbnails/2.jpg)
![Page 3: Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops](https://reader033.vdocuments.site/reader033/viewer/2022051613/54c7a4654a7959c0408b4631/html5/thumbnails/3.jpg)
![Page 4: Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops](https://reader033.vdocuments.site/reader033/viewer/2022051613/54c7a4654a7959c0408b4631/html5/thumbnails/4.jpg)
Smart cities need smart citizens
![Page 5: Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops](https://reader033.vdocuments.site/reader033/viewer/2022051613/54c7a4654a7959c0408b4631/html5/thumbnails/5.jpg)
Urban Demos
![Page 6: Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops](https://reader033.vdocuments.site/reader033/viewer/2022051613/54c7a4654a7959c0408b4631/html5/thumbnails/6.jpg)
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/
![Page 7: Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops](https://reader033.vdocuments.site/reader033/viewer/2022051613/54c7a4654a7959c0408b4631/html5/thumbnails/7.jpg)
LIVE Singapore! visualizations
![Page 8: Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops](https://reader033.vdocuments.site/reader033/viewer/2022051613/54c7a4654a7959c0408b4631/html5/thumbnails/8.jpg)
Design Goals & Requirements
• Enable access to data for different user groups.
• Support gathering insights.
![Page 9: Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops](https://reader033.vdocuments.site/reader033/viewer/2022051613/54c7a4654a7959c0408b4631/html5/thumbnails/9.jpg)
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
![Page 10: Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops](https://reader033.vdocuments.site/reader033/viewer/2022051613/54c7a4654a7959c0408b4631/html5/thumbnails/10.jpg)
Touching Transport Designing the Prototype
![Page 11: Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops](https://reader033.vdocuments.site/reader033/viewer/2022051613/54c7a4654a7959c0408b4631/html5/thumbnails/11.jpg)
Public transit in Singapore
![Page 12: Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops](https://reader033.vdocuments.site/reader033/viewer/2022051613/54c7a4654a7959c0408b4631/html5/thumbnails/12.jpg)
Visualization Experiments
![Page 13: Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops](https://reader033.vdocuments.site/reader033/viewer/2022051613/54c7a4654a7959c0408b4631/html5/thumbnails/13.jpg)
AM peak
PM peak
![Page 14: Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops](https://reader033.vdocuments.site/reader033/viewer/2022051613/54c7a4654a7959c0408b4631/html5/thumbnails/14.jpg)
![Page 15: Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops](https://reader033.vdocuments.site/reader033/viewer/2022051613/54c7a4654a7959c0408b4631/html5/thumbnails/15.jpg)
Coordinated Multiple Views (Mockup)
![Page 16: Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops](https://reader033.vdocuments.site/reader033/viewer/2022051613/54c7a4654a7959c0408b4631/html5/thumbnails/16.jpg)
Unifying views with transitions
sequential
(transition)
map
![Page 17: Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops](https://reader033.vdocuments.site/reader033/viewer/2022051613/54c7a4654a7959c0408b4631/html5/thumbnails/17.jpg)
Map View
![Page 18: Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops](https://reader033.vdocuments.site/reader033/viewer/2022051613/54c7a4654a7959c0408b4631/html5/thumbnails/18.jpg)
Time-Series View
![Page 19: Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops](https://reader033.vdocuments.site/reader033/viewer/2022051613/54c7a4654a7959c0408b4631/html5/thumbnails/19.jpg)
Arcs View
![Page 20: Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops](https://reader033.vdocuments.site/reader033/viewer/2022051613/54c7a4654a7959c0408b4631/html5/thumbnails/20.jpg)
Simple touch interactions
Tap to get details-on-demand Pinch and slide to zoom and pan Slide to drag or change time range
![Page 21: Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops](https://reader033.vdocuments.site/reader033/viewer/2022051613/54c7a4654a7959c0408b4631/html5/thumbnails/21.jpg)
User Interface
![Page 22: Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops](https://reader033.vdocuments.site/reader033/viewer/2022051613/54c7a4654a7959c0408b4631/html5/thumbnails/22.jpg)
http://youtu.be/wQpTM7ASc-w
![Page 23: Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops](https://reader033.vdocuments.site/reader033/viewer/2022051613/54c7a4654a7959c0408b4631/html5/thumbnails/23.jpg)
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
![Page 24: Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops](https://reader033.vdocuments.site/reader033/viewer/2022051613/54c7a4654a7959c0408b4631/html5/thumbnails/24.jpg)
Exhibition
![Page 25: Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops](https://reader033.vdocuments.site/reader033/viewer/2022051613/54c7a4654a7959c0408b4631/html5/thumbnails/25.jpg)
• Urban Mobility Symposium 2012
• Researchers, partners, citizens
• Two days on display
• Over 100 visitors interacted with the system
On display in semi-public exhibition
![Page 26: Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops](https://reader033.vdocuments.site/reader033/viewer/2022051613/54c7a4654a7959c0408b4631/html5/thumbnails/26.jpg)
Urban Mobility Symposium, NUS, 2012
![Page 27: Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops](https://reader033.vdocuments.site/reader033/viewer/2022051613/54c7a4654a7959c0408b4631/html5/thumbnails/27.jpg)
Evaluation
![Page 28: Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops](https://reader033.vdocuments.site/reader033/viewer/2022051613/54c7a4654a7959c0408b4631/html5/thumbnails/28.jpg)
Study design
![Page 29: Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops](https://reader033.vdocuments.site/reader033/viewer/2022051613/54c7a4654a7959c0408b4631/html5/thumbnails/29.jpg)
Study design
• Think-Aloud
• Recorded audio
• Observed participant’s behavior
• One participant per session
• 40-60 minutes
![Page 30: Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops](https://reader033.vdocuments.site/reader033/viewer/2022051613/54c7a4654a7959c0408b4631/html5/thumbnails/30.jpg)
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)
![Page 31: Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops](https://reader033.vdocuments.site/reader033/viewer/2022051613/54c7a4654a7959c0408b4631/html5/thumbnails/31.jpg)
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
![Page 32: Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops](https://reader033.vdocuments.site/reader033/viewer/2022051613/54c7a4654a7959c0408b4631/html5/thumbnails/32.jpg)
Insights
• Basic
• Medium
• Advanced
See details in paper
![Page 33: Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops](https://reader033.vdocuments.site/reader033/viewer/2022051613/54c7a4654a7959c0408b4631/html5/thumbnails/33.jpg)
Insights: Basic
![Page 34: Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops](https://reader033.vdocuments.site/reader033/viewer/2022051613/54c7a4654a7959c0408b4631/html5/thumbnails/34.jpg)
Insights: Medium
![Page 35: Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops](https://reader033.vdocuments.site/reader033/viewer/2022051613/54c7a4654a7959c0408b4631/html5/thumbnails/35.jpg)
Insights: Advanced
![Page 36: Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops](https://reader033.vdocuments.site/reader033/viewer/2022051613/54c7a4654a7959c0408b4631/html5/thumbnails/36.jpg)
Insights Summary
![Page 37: Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops](https://reader033.vdocuments.site/reader033/viewer/2022051613/54c7a4654a7959c0408b4631/html5/thumbnails/37.jpg)
Satisfaction
![Page 38: Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops](https://reader033.vdocuments.site/reader033/viewer/2022051613/54c7a4654a7959c0408b4631/html5/thumbnails/38.jpg)
Conclusion & Future Work
![Page 39: Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops](https://reader033.vdocuments.site/reader033/viewer/2022051613/54c7a4654a7959c0408b4631/html5/thumbnails/39.jpg)
Discussion
• Crafting aesthetics: Visual style and Responsiveness
• Multiple coordinated vs single modal views
![Page 40: Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops](https://reader033.vdocuments.site/reader033/viewer/2022051613/54c7a4654a7959c0408b4631/html5/thumbnails/40.jpg)
Discussion
• Crafting aesthetics: Visual style and Responsiveness
• Multiple coordinated vs single modal views
See details in paper
![Page 41: Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops](https://reader033.vdocuments.site/reader033/viewer/2022051613/54c7a4654a7959c0408b4631/html5/thumbnails/41.jpg)
![Page 42: Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops](https://reader033.vdocuments.site/reader033/viewer/2022051613/54c7a4654a7959c0408b4631/html5/thumbnails/42.jpg)
![Page 43: Touching Transport - A Case Study on Visualizing Metropolitan Public Transit on Interactive Tabletops](https://reader033.vdocuments.site/reader033/viewer/2022051613/54c7a4654a7959c0408b4631/html5/thumbnails/43.jpg)
Till Nagel [email protected] – twitter: @tillnm
Thank you. Questions?
AVI ‘14 30th May 2014, Como, Italy