Interacting with Big Interfaces on Small Screens: a Comparison of Fisheye, Zoom, and Panning Techniques

Mobile devices with small screens are becoming more common, and will soon be powerful enough to run desktop software. However, the large interfaces of desktop applications do not fit on the small screens. Although there are ways to redesign a UI to fit a smaller area, there are many cases where the only solution is to navigate the large UI with the small screen. The best way to do this, however, is not known. We compared three techniques for using large interfaces on small screens: a panning system similar to what is in current use, a two-level zoom system, and a fisheye view. We tested the techniques with three realistic tasks. We found that people were able to carry out a web navigation task significantly faster with the fisheye view, that the two-level zoom was significantly better for a monitoring task, and that people were slowest with the panning system.

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

[2]  Jock D. Mackinlay,et al.  The document lens , 1993, UIST '93.

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

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

[5]  Carl Gutwin,et al.  Fisheyes are good for large steering tasks , 2003, CHI '03.

[6]  Benjamin B. Bederson,et al.  Fisheye menus , 2000, UIST '00.

[7]  Jun Rekimoto,et al.  Tilting operations for small screen interfaces , 1996, UIST '96.

[8]  Saul Greenberg,et al.  Navigating hierarchically clustered networks through fisheye and full-zoom methods , 1996, TCHI.

[9]  Ramana Rao,et al.  The table lens: merging graphical and symbolic representations in an interactive focus + context visualization for tabular information , 1994, CHI '94.

[10]  Carl Gutwin,et al.  Fisheye Views are Good for Large Steering Tasks , 2003 .

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

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

[13]  Bernard Horan,et al.  Supporting flexible roles in a shared space , 1998, CSCW '98.

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

[15]  Noi Sukaviriya,et al.  Using small screen space more efficiently , 1996, CHI.

[16]  Shumin Zhai,et al.  Virtual reality for palmtop computers , 1993, TOIS.

[17]  Murray Crease,et al.  Using non-speech sounds in mobile computing devices. , 2000 .

[18]  Mary Czerwinski,et al.  A fisheye calendar interface for PDAs: providing overviews for small displays , 2003, CHI Extended Abstracts.

[19]  Jeff A. Johnson.  A comparison of user interfaces for panning on a touch-controlled display , 1995, CHI '95.

[20]  David R. Morse,et al.  Using while moving: HCI issues in fieldwork environments , 2000, TCHI.