Techniques for Interacting with Off-Screen Content

Many systems - such as map viewers or visual editors - provide a limited viewport onto a larger graphical workspace. The limited viewport means that users often have to navigate to objects and locations that are off screen. Although techniques such as zooming, panning, or overview+detail views allow users to navigate off-screen, little is known about how different techniques perform for different types of off-screen tasks, and whether one technique works well for all tasks. We carried out two studies to explore these issues. The first study compared the performance of three classes of techniques (zoom, overview+detail, and proxy) in six types of off-screen tasks. We found that the techniques show substantial differences across different tasks and that no one technique is suitable for all types of off-screen navigation. This study led to the design of two novel hybrid navigation techniques - WinHop and Multiscale Zoom - that combine properties of multiple simpler approaches in an attempt to broaden support for off-screen navigation. We carried out a second study to assess the hybrid techniques, and found that they do provide reliable performance on a wide range of tasks. Our results suggest that integrating complimentary properties from different approaches can significantly improve performance in off-screen navigation tasks.

[1]  Mary Czerwinski,et al.  Drag-and-Pop and Drag-and-Pick: Techniques for Accessing Remote Screen Content on Touch- and Pen-Operated Systems , 2003, INTERACT.

[2]  Carl Gutwin,et al.  Improving focus targeting in interactive fisheye views , 2002, CHI.

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

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

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

[6]  Edward Cutrell,et al.  Quantitative analysis of scrolling techniques , 2002, CHI.

[7]  Anastasia Bezerianos,et al.  The vacuum: facilitating the manipulation of distant objects , 2005, CHI.

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

[9]  John F. Hughes,et al.  Navigating documents with the virtual scroll ring , 2004, UIST '04.

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

[11]  Desney S. Tan,et al.  WinCuts: manipulating arbitrary window regions for more effective use of screen space , 2004, CHI EA '04.

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

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

[14]  Colin Ware,et al.  The DragMag image magnifier , 1995, CHI 95 Conference Companion.

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

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

[17]  Xing Xie,et al.  Collapse-to-zoom: viewing web pages on small screen devices by interactively removing irrelevant content , 2004, UIST '04.

[18]  George W. Fitzmaurice,et al.  A remote control interface for large displays , 2004, UIST '04.

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

[20]  Manojit Sarkar,et al.  Graphical fisheye views of graphs , 1992, CHI.