Techniques for Interacting with Off-Screen Content

  • Pourang Irani
  • Carl Gutwin
  • Grant Partridge
  • Mahtab Nezhadasl
Part of the Lecture Notes in Computer Science book series (LNCS, volume 4663)


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.


Navigation techniques offscreen navigation small displays 


  1. 1.
    Baudisch, P., Rosenholtz, R.: Halo: a technique for visualizing off-screen objects. In: Proc. CHI 2003, pp. 481–488 (2003)Google Scholar
  2. 2.
    Baudisch, P., Cutrell, E., Robbins, D., Czerwinski, M., Tandler, P., Bederson, B., Zierlinger, A.: Drag-and-pop and drag-and-pick: techniques for accessing remote screen content on touch- and pen-operated systems. In: Proc. Interact 2003, pp. 57–64 (2003) Google Scholar
  3. 3.
    Baudisch, P., Good, N., Bellotti, V., Schraedley, P.: Keeping things in context: a comparative evaluation of focus plus context screens, overviews, and zooming. In: Proc. CHI 2002, pp. 259–266 (2002) Google Scholar
  4. 4.
    Baudisch, P., Xie, X., Wang, C., Ma, W.: Collapse-to-zoom: viewing web pages on small screen devices by interactively removing irrelevant content. In: Proc. UIST 2004, pp. 91–94 (2004) Google Scholar
  5. 5.
    Bederson, B., Hollan, J.: Pad++: a zooming graphical interface for exploring alternate interface physics. In: Proc. UIST 1994, pp. 17–26 (1994) Google Scholar
  6. 6.
    Bezerianos, A., Balakrishnan, R.: The vacuum: facilitating the manipulation of distant objects. In: Proc. CHI 2005, pp. 361–370 (2005) Google Scholar
  7. 7.
    Cockburn, A., Savage, J.: Comparing Speed-Dependent Automatic Zooming with Traditional Scroll, Pan and Zoom Methods. In: Proc. CHI 2003, pp. 87–102 (2003) Google Scholar
  8. 8.
    Gutwin, C.: Improving Focus Targeting in Interactive Fisheye Views. In: Proc. CHI 2002, pp. 267–274 (2002) Google Scholar
  9. 9.
    Gutwin, C., Fedak, C.: Interacting with big interfaces on small screens: a comparison of fisheye, zoom, and panning. In: Proc. Graphics Interface 2004, pp. 145–152 (2004) Google Scholar
  10. 10.
    Hinckley, K., Cutrell, E., Bathiche, S., Muss, T.: Quantitative analysis of scrolling techniques. In: Proc. CHI 2002, pp. 65–72 (2002) Google Scholar
  11. 11.
    Hornbæk, K., Frøkjær, E.: Reading of electronic documents: the usability of linear, fisheye, and overview+detail interfaces. In: Proc. CHI 2001, pp. 293–300 (2001) Google Scholar
  12. 12.
    Igarashi, T., Hinckley, K.: Speed-dependent automatic zooming for browsing large documents. In: Proc. UIST 2000, pp. 139–148 (2000) Google Scholar
  13. 13.
    Irani, P., Gutwin, C., Yang, X.: Improving selection of off-screen targets with hopping. In: Proc. CHI 2006, pp. 299–308 (2006) Google Scholar
  14. 14.
    Kaptelinin, V.: A comparison of navigation techniques in a 2D browsing task. In: Proc. CHI 1995, pp. 282–283 (1995) Google Scholar
  15. 15.
    Khan, A., Fitzmaurice, G., Almeida, D., Burtnyk, N., Kurtenbach, G.: A remote control interface for large displays. In: Proc. UIST 2004, pp. 127–136 (2004) Google Scholar
  16. 16.
    Lam, H., Baudisch, P.: Summary thumbnails: readable overviews for small screen web browsers. In: Proc. CHI 2005, pp. 681–690 (2005) Google Scholar
  17. 17.
    Moscovich, T., Hughes, J.: Navigating documents with the virtual scroll ring. In: Proc. UIST 2004, pp. 57–60 (2004) Google Scholar
  18. 18.
    Sarkar, M., Brown, M.: Graphical Fisheye Views of Graphs. In: CHI 1992, pp. 83–91 (1992) Google Scholar
  19. 19.
    Tan, D., Meyers, B., Czerwinski, M.: WinCuts: manipulating arbitrary window regions for more effective use of screen space. In: Proc. CHI 2004, pp. 1525–1528 (2004) Google Scholar
  20. 20.
    Ware, C., Lewis, M.: The DragMag image magnifier. In: Proc. CHI 1995, pp. 407–408 (1995) Google Scholar

Copyright information

© IFIP International Federation for Information Processing 2007

Authors and Affiliations

  • Pourang Irani
    • 1
  • Carl Gutwin
    • 2
  • Grant Partridge
    • 1
  • Mahtab Nezhadasl
    • 1
  1. 1.University of Manitoba, Computer Science, Winnipeg, MBCanada
  2. 2.University of Saskatchewan, Computer Science, Saskatoon, SKCanada

Personalised recommendations