skip to main content
10.1145/3290605.3300786acmconferencesArticle/Chapter ViewAbstractPublication PageschiConference Proceedingsconference-collections
research-article

Evaluating Pan and Zoom Timelines and Sliders

Published: 02 May 2019 Publication History

Abstract

Pan and zoom timelines and sliders help us navigate large time series data. However, designing efficient interactions can be difficult. We study pan and zoom methods via crowd-sourced experiments on mobile and computer devices, asking which designs and interactions provide faster target acquisition. We find that visual context should be limited for low-distance navigation, but added for far-distance navigation; that timelines should be oriented along the longer axis, especially on mobile; and that, as compared to default techniques, double click, hold, and rub zoom appear to scale worse with task difficulty, whereas brush and especially ortho zoom seem to scale better. Software and data used in this research are available as open source.

Supplementary Material

ZIP File (paper556.zip)
The analysis PDF file shows information about the study setup, explores the data, motivates the model, and then uses this model to analyze the data and arrive at our findings. Includes additional verification of the model and the results.
ZIP File (paper556pvc.zip)
Preview video captions
MP4 File (paper556.mp4)
Supplemental video
MP4 File (paper556p.mp4)
Preview video

References

[1]
Christopher Ahlberg and Ben Shneiderman. 1994. The Alphaslider: A Compact and Rapid Selector. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (CHI '94). ACM, New York, NY, USA, 365--371.
[2]
Caroline Appert and Jean-Daniel Fekete. 2006. OrthoZoom Scroller: 1D Multi-scale Navigation. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (CHI '06). ACM, New York, NY, USA, 21--30.
[3]
Ravin Balakrishnan. 2004. "Beating" Fitts' Law: Virtual Enhancements for Pointing Facilitation. Int. J. Hum.-Comput. Stud. 61, 6 (Dec. 2004), 857--874.
[4]
Benjamin B. Bederson and James D. Hollan. 1994. Pad++: A Zooming Graphical Interface for Exploring Alternate Interface Physics. In Proceedings of the 7th Annual ACM Symposium on User Interface Software and Technology (UIST '94). ACM, New York, NY, USA, 17--26.
[5]
Matthew Brehmer, Bongshin Lee, Benjamin Bach, Nathalie Henry Riche, and Tamara Munzner. 2017. Timelines Revisited: A Design Space and Considerations for Expressive Storytelling. IEEE Transactions on Visualization and Computer Graphics 23, 9 (Sept 2017), 2151--2164.
[6]
Matthew Brehmer, Bongshin Lee, Petra Isenberg, and Eun K. Choe. 2019. Visualizing Ranges over Time on Mobile Phones: A Task-Based Crowdsourced Evaluation. IEEE Transactions on Visualization and Computer Graphics 25, 1 (January 2019), 619--629.
[7]
Matthew Brehmer and Tamara Munzner. 2013. A Multi-Level Typology of Abstract Visualization Tasks. IEEE Transactions on Visualization and Computer Graphics 19, 12 (Dec 2013), 2376--2385.
[8]
Andy Cockburn, Amy Karlson, and Benjamin B. Bederson. 2009. A Review of Overview+Detail, Zooming, and Focus+Context Interfaces. ACM Comput. Surv. 41, 1, Article 2 (Jan. 2009), 31 pages.
[9]
Raimund Dachselt and Markus Weiland. 2006. TimeZoom: A Flexible Detail and Context Timeline. In CHI '06 Extended Abstracts on Human Factors in Computing Systems (CHI EA '06). ACM, New York, NY, USA, 682--687.
[10]
Leah Findlater, Joan Zhang, Jon E. Froehlich, and Karyn Moffatt. 2017. Differences in Crowdsourced vs. Lab-based Mobile and Desktop Input Performance Data. In Proceedings of the 2017 CHI Conference on Human Factors in Computing Systems (CHI '17). ACM, New York, NY, USA, 6813--6824.
[11]
Paul M. Fitts. 1954. The information capacity of the human motor system in controlling the amplitude of movement. Journal of experimental psychology 47, 6 (June 1954), 381--391.
[12]
George W. Furnas and Benjamin B. Bederson. 1995. Spacescale Diagrams: Understanding Multiscale Interfaces. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (CHI '95). ACM, New York, NY, USA, 234--241.
[13]
George W. Furnas and Xiaolong Zhang. 1998. MuSE: A Multiscale Editor. In Proceedings of the 11th Annual ACM Symposium on User Interface Software and Technology (UIST '98). ACM, New York, NY, USA, 107--116.
[14]
Krzysztof Z. Gajos, Katharina Reinecke, and Charles Herrmann. 2012. Accurate Measurements of Pointing Performance from In Situ Observations. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (CHI '12). ACM, New York, NY, USA, 3157--3166.
[15]
Yves Guiard and Michel Beaudouin-Lafon. 2004. Target acquisition in multiscale electronic worlds. International Journal of Human-Computer Studies 61,6(2004),875--905.
[16]
Chris Harrison and Anind K. Dey. 2008. Lean and Zoom: Proximity-aware User Interface and Content Magnification. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (CHI '08). ACM, New York, NY, USA, 507--510.
[17]
Ken Hinckley and Hyunyoung Song. 2011. Sensor Synaesthesia: Touch in Motion, and Motion in Touch. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (CHI '11). ACM, New York, NY, USA, 801--810.
[18]
Kasper Hornbæk, Benjamin B. Bederson, and Catherine Plaisant. 2002. Navigation Patterns and Usability of Zoomable User Interfaces with and Without an Overview. Transactions on Computer-Human Interaction 9, 4 (Dec. 2002), 362--389.
[19]
Takeo Igarashi and Ken Hinckley. 2000. Speed-dependent Automatic Zooming for Browsing Large Documents. In Proceedings of the 13th Annual ACM Symposium on User Interface Software and Technology (UIST '00). ACM, New York, NY, USA, 139--148.
[20]
ScientiaMobile Inc. 2017. Smartphone vs Tablet Orientation: Who's Using What? https://www.scientiamobile.com/page/ smartphone-vs-tablet-orientation-whos-using-what. Accessed: March 30, 2018.
[21]
Waqas Javed, Sohaib Ghani, and Niklas Elmqvist. 2012. GravNav: Using aGravityModelforMulti-scaleNavigation.InProceedingsoftheInternational Working Conference on Advanced Visual Interfaces (AVI '12). ACM, New York, NY, USA, 217--224.
[22]
Neel Joshi, Abhishek Kar, and Michael Cohen. 2012. Looking at You: Fused Gyro and Face Tracking for Viewing Large Imagery on Mobile Devices. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (CHI '12). ACM, New York, NY, USA, 2211--2220.
[23]
Susanne Jul and George W. Furnas. 1998. Critical Zones in Desert Fog: Aids to Multiscale Navigation. In Proceedings of the 11th Annual ACM Symposium on User Interface Software and Technology (UIST '98). ACM, New York, NY, USA, 97--106.
[24]
Myron W. Krueger, Thomas Gionfriddo, and Katrin Hinrichsen. 1985. VIDEOPLACE - an Artificial Reality. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (CHI '85). ACM, New York, NY, USA, 35--40.
[25]
Knight Lab. {n. d.}. TimelineJS. http://timeline.knightlab.com/
[26]
I. Scott Mackenzie. 1989. A Note on the Information-Theoretic Basis for Fitts' Law. Journal of Motor Behavior 21, 3 (1989), 323--330.
[27]
Sylvain Malacria, Eric Lecolinet, and Yves Guiard. 2010. Clutch-free Panning and Integrated Pan-zoom Control on Touch-sensitive Surfaces: The Cyclostar Approach. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (CHI '10). ACM, New York, NY, USA, 2615--2624.
[28]
Toshiyuki Masui, Kouichi Kashiwagi, and George R. Borden, IV. 1995. Elastic Graphical Interfaces to Precise Data Manipulation. In Conference Companion on Human Factors in Computing Systems (CHI '95). ACM, New York, NY, USA, 143--144.
[29]
George A. Miller. 1956. The magical number seven, plus or minus two: some limits on our capacity for processing information. Psychological review 63, 2 (1956), 81--97.
[30]
Mathieu Nancel, Julie Wagner, Emmanuel Pietriga, Olivier Chapuis, and Wendy Mackay. 2011. Mid-air Pan-and-zoom on Wall-sized Displays. In Proceedings of the SIGCHI Conference on Human Factors CHI 2019, May 4--9, 2019, Glasgow, Scotland Uk M. Schwab et al. in Computing Systems (CHI '11). ACM, New York, NY, USA, 177--186.
[31]
Alex Olwal, Steven Feiner, and Susanna Heyman. 2008. Rubbing and Tapping for Precise and Rapid Selection on Touch-screen Displays. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (CHI '08). ACM, New York, NY, USA, 295--304.
[32]
Ken Perlin and David Fox. 1993. Pad: An Alternative Approach to the Computer Interface. In Proceedings of the 20th Annual Conference on Computer Graphics and Interactive Techniques (SIGGRAPH '93). ACM, New York, NY, USA, 57--64.
[33]
William Playfair. 1786. The Commercial and Political Atlas and Statistical Breviary.
[34]
Stuart Pook, Eric Lecolinet, Guy Vaysseix, and Emmanuel Barillot. 2000. Context and Interaction in Zoomable User Interfaces. In Proceedings of the Working Conference on Advanced Visual Interfaces (AVI '00). ACM, New York, NY, USA, 227--231.
[35]
Philip Quinn, Sylvain Malacria, and Andy Cockburn. 2013. Touch Scrolling Transfer Functions. In Proceedings of the 26th Annual ACM Symposium on User Interface Software and Technology (UIST '13). ACM, New York, NY, USA, 61--70.
[36]
Daniel Rosenberg and Anthony Grafton. 2010. Cartographies of Time: A History of the Timeline. Princeton Architectural Press.
[37]
Michail Schwab, James Tompkin, Jeff Huang, and Michelle A. Borkin. 2018. EasyPZ.js: Simple & Extendable Pan & Zoom JS Library for Mobile & Desktop. Instructions for use at https://easypz.io.
[38]
Martin Spindler, Martin Schuessler, Marcel Martsch, and Raimund Dachselt. 2014. Pinch-drag-flick vs. Spatial Input: Rethinking Zoom & Pan on Mobile Displays. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (CHI '14). ACM, New York, NY, USA, 1113--1122.
[39]
Jarke J. Van Wijk and Wim A. A. Nuij. 2003. Smooth and Efficient Zooming and Panning. In Proceedings of the Ninth Annual IEEE Conference on Information Visualization (INFOVIS'03). IEEE Computer Society, Washington, DC, USA, 15--22.
[40]
Colin Ware and Marlon Lewis. 1995. The DragMag Image Magnifier. In Conference Companion on Human Factors in Computing Systems (CHI '95). ACM, New York, NY, USA, 407--408.

Cited By

View all
  • (2024)Sample-size and Repetition Effects on the Prediction Accuracy of Time and Error-rate Models in Steering TasksJournal of Information Processing10.2197/ipsjjip.32.24732(247-255)Online publication date: 2024
  • (2024)0.2-mm-Step Verification of the Dual Gaussian Distribution Model with Large Sample Size for Predicting Tap Success RatesProceedings of the ACM on Human-Computer Interaction10.1145/36981538:ISS(674-693)Online publication date: 24-Oct-2024
  • (2024)The Effect of Latency on Movement Time in Path-steeringProceedings of the 2024 CHI Conference on Human Factors in Computing Systems10.1145/3613904.3642316(1-19)Online publication date: 11-May-2024
  • Show More Cited By

Recommendations

Comments

Information & Contributors

Information

Published In

cover image ACM Conferences
CHI '19: Proceedings of the 2019 CHI Conference on Human Factors in Computing Systems
May 2019
9077 pages
ISBN:9781450359702
DOI:10.1145/3290605
Permission to make digital or hard copies of all or part of this work for personal or classroom use is granted without fee provided that copies are not made or distributed for profit or commercial advantage and that copies bear this notice and the full citation on the first page. Copyrights for components of this work owned by others than the author(s) must be honored. Abstracting with credit is permitted. To copy otherwise, or republish, to post on servers or to redistribute to lists, requires prior specific permission and/or a fee. Request permissions from [email protected].

Sponsors

Publisher

Association for Computing Machinery

New York, NY, United States

Publication History

Published: 02 May 2019

Permissions

Request permissions for this article.

Check for updates

Author Tags

  1. evaluation
  2. interaction
  3. mobile
  4. multiscale
  5. touch
  6. zoom

Qualifiers

  • Research-article

Conference

CHI '19
Sponsor:

Acceptance Rates

CHI '19 Paper Acceptance Rate 703 of 2,958 submissions, 24%;
Overall Acceptance Rate 6,199 of 26,314 submissions, 24%

Upcoming Conference

CHI 2025
ACM CHI Conference on Human Factors in Computing Systems
April 26 - May 1, 2025
Yokohama , Japan

Contributors

Other Metrics

Bibliometrics & Citations

Bibliometrics

Article Metrics

  • Downloads (Last 12 months)63
  • Downloads (Last 6 weeks)12
Reflects downloads up to 06 Jan 2025

Other Metrics

Citations

Cited By

View all
  • (2024)Sample-size and Repetition Effects on the Prediction Accuracy of Time and Error-rate Models in Steering TasksJournal of Information Processing10.2197/ipsjjip.32.24732(247-255)Online publication date: 2024
  • (2024)0.2-mm-Step Verification of the Dual Gaussian Distribution Model with Large Sample Size for Predicting Tap Success RatesProceedings of the ACM on Human-Computer Interaction10.1145/36981538:ISS(674-693)Online publication date: 24-Oct-2024
  • (2024)The Effect of Latency on Movement Time in Path-steeringProceedings of the 2024 CHI Conference on Human Factors in Computing Systems10.1145/3613904.3642316(1-19)Online publication date: 11-May-2024
  • (2024)Making maps & visualizations for mobile devices: A research agenda for mobile-first and responsive cartographic designJournal of Location Based Services10.1080/17489725.2023.2251423(1-71)Online publication date: 3-Apr-2024
  • (2024)Relative Merits of Nominal and Effective Indexes of Difficulty of Fitts’ Law: Effects of Sample Size and the Number of Repetitions on Model FitInternational Journal of Human–Computer Interaction10.1080/10447318.2024.2303201(1-18)Online publication date: 14-Jan-2024
  • (2024)Impact of interaction technique in interactive data visualisationsInternational Journal of Human-Computer Studies10.1016/j.ijhcs.2024.103359192:COnline publication date: 18-Nov-2024
  • (2024)Adaptive 360° video timeline exploration in VR environmentComputers & Graphics10.1016/j.cag.2024.104108125(104108)Online publication date: Dec-2024
  • (2023)Timeline Exploration in 360° VideoProceedings of the 2023 ACM Symposium on Spatial User Interaction10.1145/3607822.3614533(1-12)Online publication date: 13-Oct-2023
  • (2023)ManuKnowVis: How to Support Different User Groups in Contextualizing and Leveraging Knowledge RepositoriesIEEE Transactions on Visualization and Computer Graphics10.1109/TVCG.2023.327985729:8(3441-3457)Online publication date: 1-Aug-2023
  • (2023)Predicting Success Rates in Steering Through Linear and Circular Paths by the Servo-Gaussian ModelInternational Journal of Human–Computer Interaction10.1080/10447318.2023.221222140:16(4300-4318)Online publication date: 18-May-2023
  • Show More Cited By

View Options

Login options

View options

PDF

View or Download as a PDF file.

PDF

eReader

View online with eReader.

eReader

HTML Format

View this article in HTML Format.

HTML Format

Media

Figures

Other

Tables

Share

Share

Share this Publication link

Share on social media