Navigation techniques for small-screen devices: An evaluation on maps and web pages

Several techniques have been proposed to support user navigation of large information spaces (e.g., maps or web pages) on small-screen devices such as PDAs and Smartphones. In this paper, we present the results of an evaluation that compared three of these techniques to determine how they might affect performance and satisfaction of users. Two of the techniques are quite common on mobile devices: the first one (DoubleScrollbar) is the standard combination of two scrollbars for separate horizontal and vertical scrolling with zoom buttons to change the scale of the information space, the second one (Grab&Drag) enables users to navigate the information space by directly dragging its currently displayed portion, while zooming is handled through a slider control. The last technique (Zoom-Enhanced Navigator or ZEN) is an extension and adaptation to mobile screens of Overview&Detail approaches, which are based on displaying an overview of the information space together with a detail view of a portion of that space. In these approaches, navigation is usually supported by (i) highlighting in the overview which portion of space is displayed in the detail view, and (ii) allowing users to move the highlight within the overview area to change the corresponding portion of space in the detail area. Our experimental evaluation concerned tasks involving maps as well as web page navigation. The paper analyzes in detail the obtained results in terms of task completion times, number and duration of user interface actions, accuracy of the gained spatial knowledge, and subjective preferences.

[1]  Victor Kaptelinin,et al.  A comparison of four navigation techniques in a 2D browsing task , 1995, CHI 95 Conference Companion.

[2]  Tamara Munzner,et al.  An evaluation of pan & zoom and rubber sheet navigation with and without an overview , 2006, CHI.

[3]  Virpi Roto,et al.  Minimap: a web page visualization method for mobile phones , 2006, CHI.

[4]  Eric Horvitz,et al.  ZoneZoom: map navigation for smartphones with recursive view segmentation , 2004, AVI.

[5]  Takeo Igarashi,et al.  Speed-dependent automatic zooming for browsing large documents , 2000, UIST '00.

[6]  Kellogg S. Booth,et al.  Proceedings of the conference on Graphics interface '92 , 1992 .

[7]  Andy Cockburn,et al.  Comparing speed-dependent automatic zooming with traditional scroll, pan and zoom methods , 2004 .

[8]  Johanna D. Moore,et al.  Proceedings of the Conference on Human Factors in Computing Systems , 1989 .

[9]  B. Marx.  The Visual Display of Quantitative Information , 1985 .

[10]  Andreas Paepcke,et al.  Power browser: efficient Web browsing for PDAs , 2000, CHI.

[11]  Harald Reiterer,et al.  Usability of overview-supported zooming on small screens with regard to individual differences in spatial ability , 2006, AVI '06.

[12]  Mary Czerwinski,et al.  DateLens: A fisheye calendar interface for PDAs , 2004, TCHI.

[13]  P. Deans,et al.  E-Commerce and M-Commerce Technologies , 2004 .

[14]  Lars Erik Holmquist,et al.  WEST: a Web browser for small terminals , 1999, UIST '99.

[15]  Emmanuel Barillot,et al.  Context and interaction in zoomable user interfaces , 2000, AVI '00.

[16]  Carl Gutwin,et al.  Improving selection of off-screen targets with hopping , 2006, CHI.

[17]  Patrick Baudisch,et al.  Keeping things in context: a comparative evaluation of focus plus context screens, overviews, and zooming , 2002, CHI.

[18]  David Salesin,et al.  Adaptive grid-based document layout , 2003, ACM Trans. Graph..

[19]  Heidrun Schumann,et al.  Presenting Large and Complex Information Sets on Mobile Handhelds , 2004 .

[20]  Wei-Ying Ma,et al.  Detecting web page structure for adaptive viewing on small form factor devices , 2003, WWW '03.

[21]  Patrick Baudisch,et al.  Summary thumbnails: readable overviews for small screen web browsers , 2005, CHI.

[22]  Kasper Hornbæk,et al.  Reading of electronic documents: the usability of linear, fisheye, and overview+detail interfaces , 2001, CHI.

[23]  James D. Hollan,et al.  Pad++: a zooming graphical interface for exploring alternate interface physics , 1994, UIST '94.

[24]  Matt Jones,et al.  An evaluation of integrated zooming and scrolling on small screens , 2005, Int. J. Hum. Comput. Stud..

[25]  Patrick Baudisch,et al.  Halo: a technique for visualizing off-screen objects , 2003, CHI '03.

[26]  Chris North,et al.  User Interaction with Scatterplots on Small Screens - A Comparative Evaluation of Geometric-Semantic Zoom and Fisheye Distortion , 2006 .

[27]  William Buxton,et al.  Tracking menus , 2003, UIST '03.

[28]  Ben Shneiderman,et al.  Image-Browser Taxonomy and Guidelines for Designers , 2003 .

[29]  Steven P. Reiss,et al.  Stretching the rubber sheet: a metaphor for viewing large layouts on small screens , 1993, UIST '93.

[30]  Barry H. Cohen.  Explaining Psychological Statistics , 2013 .

[31]  Jonathan Trevor,et al.  From desktop to phonetop: a UI for web interaction on very small devices , 2001, UIST '01.

[32]  Stefan Jeschke,et al.  General rectangular fisheye views for 2D graphics , 2001, Comput. Graph..

[33]  Patrick Baudisch,et al.  City lights: contextual views in minimal space , 2003, CHI Extended Abstracts.

[34]  Heidrun Schumann,et al.  Grid-based interaction for effective image browsing on mobile devices , 2005, IS&T/SPIE Electronic Imaging.

[35]  G. W. Furnas,et al.  Generalized fisheye views , 1986, CHI '86.

[36]  Carl Gutwin,et al.  Interacting with Big Interfaces on Small Screens: a Comparison of Fisheye, Zoom, and Panning Techniques , 2004, Graphics Interface.

[37]  Edward R. Tufte,et al.  The Visual Display of Quantitative Information , 1986 .

[38]  Luca Chittaro,et al.  Visualizing information on mobile devices , 2006, Computer.

[39]  Alexander Zipf,et al.  Using Focus Maps to Ease Map Reading - Developing Smart Applications for Mobile Devices , 2002, Künstliche Intell..

[40]  Quinn McNemar,et al.  Psychological statistics, 2nd ed. , 1955 .

[41]  Luca Chittaro,et al.  Exploring Mobile Browsing through Interactive Visualizations of User Behavior , 2007 .

[42]  Patrick Baudisch,et al.  Halo: a Technique for Visualizing Off-Screen Locations , 2003 .

[43]  Carl Gutwin,et al.  Improving revisitation in fisheye views with visit wear , 2005, CHI.

[44]  Luca Chittaro,et al.  Visualizing locations of off-screen objects on mobile devices: a comparative evaluation of three approaches , 2006, Mobile HCI.

[45]  Mark Harrower,et al.  Designing Better Map Interfaces: A Framework for Panning and Zooming , 2005, Trans. GIS.

[46]  L. Tiina Sarjakoski,et al.  A Mapping Function for Variable-Scale Maps in Small-Display Cartography , 2002 .