Collapse-to-zoom: viewing web pages on small screen devices by interactively removing irrelevant content

ABSTRACT

Overview visualizations for small-screen web browsers were designed to provide users with visual context and to allow them to rapidly zoom in on tiles of relevant content. Given that content in the overview is reduced, however, users are often unable to tell which tiles hold the relevant material, which can force them to adopt a time-consuming hunt-and-peck strategy. Collapse-to-zoom addresses this issue by offering an alternative exploration strategy. In addition to allowing users to zoom into relevant areas, collapse-to-zoom allows users to collapse areas deemed irrelevant, such as columns containing menus, archive material, or advertising. Collapsing content causes all remaining content to expand in size causing it to reveal more detail, which increases the user's chance of identifying relevant content. Collapse-to-zoom navigation is based on a hybrid between a marquee selection tool and a marking menu, called marquee menu. It offers four commands for collapsing content areas at different granularities and to switch to a full-size reading view of what is left of the page.

REFERENCES

• 1: Patrick Baudisch, Don't click, paint! Using toggle maps to manipulate sets of toggle switches, Proceedings of the 11th annual ACM symposium on User interface software and technology, p.65-66, November 01-04, 1998, San Francisco, California, United States [doi>10.1145/288392.288574]
• 2: Patrick Baudisch , Bongshin Lee , Libby Hanna, Fishnet, a fisheye web browser with search term popouts: a comparative evaluation with overview and linear view, Proceedings of the working conference on Advanced visual interfaces, May 25-28, 2004, Gallipoli, Italy [doi>10.1145/989863.989883]
• 3: Bederson, B., Hollan, J., Perlin, K., Meyer, J., Bacon, D., and Furnas, G. Pad++: A Zoomable Graphical Sketchpad for Exploring Alternate Interface Physics. J. of Visual Languages and Computing, 7, 3--31, 1996.
• 4: Timothy W. Bickmore , Bill N. Schilit, Digestor: device-independent access to the World Wide Web, Selected papers from the sixth international conference on World Wide Web, p.1075-1082, September 1997, Santa Clara, California, United States
• 5: Staffan Björk , Lars Erik Holmquist , Johan Redström , Ivan Bretan , Rolf Danielsson , Jussi Karlgren , Kristofer Franzén, WEST: a Web browser for small terminals, Proceedings of the 12th annual ACM symposium on User interface software and technology, p.187-196, November 07-10, 1999, Asheville, North Carolina, United States [doi>10.1145/320719.322601]
• 6: Efficient web browsing on handheld devices using page and form summarization, ACM Transactions on Information Systems (TOIS), v.20 n.1, p.82-115, January 2002 [doi>10.1145/503104.503109]
• 7: Orkut Buyukkokten , Hector Garcia-Molina , Andreas Paepcke , Terry Winograd, Power browser: efficient Web browsing for PDAs, Proceedings of the SIGCHI conference on Human factors in computing systems, p.430-437, April 01-06, 2000, The Hague, The Netherlands [doi>10.1145/332040.332470]
• 8: Cai, D., Yu, S., Wen, J.R., and Ma, W.Y. VIPS: a vision-based page segmentation algorithm. Microsoft Technical Report, MSR-TR-2003-79, 2003.
• 9: Yu Chen , Wei-Ying Ma , Hong-Jiang Zhang, Detecting web page structure for adaptive viewing on small form factor devices, Proceedings of the 12th international conference on World Wide Web, May 20-24, 2003, Budapest, Hungary [doi>10.1145/775152.775184]
• 10: Suhit Gupta , Gail Kaiser , David Neistadt , Peter Grimm, DOM-based content extraction of HTML documents, Proceedings of the 12th international conference on World Wide Web, May 20-24, 2003, Budapest, Hungary [doi>10.1145/775152.775182]
• 11: G. W. Furnas, Generalized fisheye views, Proceedings of the SIGCHI conference on Human factors in computing systems, p.16-23, April 13-17, 1986, Boston, Massachusetts, United States
• 12: Stefan Gessler , Andreas Kotulla, PDAs as mobile WWW browsers, Computer Networks and ISDN Systems, v.28 n.1-2, p.53-59, Dec. 1995 [doi>10.1016/0169-7552(95)00093-6 ]
• 13: Hsu, J., Johnston, W., and McCarthy, J. Active Outlining for HTML Documents: An X-Mosaic Implementation. In Proc. Second Intl. WWW Conference 1994.
• 14: Gordon Kurtenbach , William Buxton, User learning and performance with marking menus, Proceedings of the SIGCHI conference on Human factors in computing systems: celebrating interdependence, p.258-264, April 24-28, 1994, Boston, Massachusetts, United States [doi>10.1145/191666.191759]
• 15: Milic-Frayling, N. and Sommerer, R. SmartView: Enhanced Document Viewer for Mobile Devices. Microsoft Research Technical Report MSR-TR-2002 114.
• 16: Jacob O. Wobbrock , Jodi Forlizzi , Scott E. Hudson , Brad A. Myers, WebThumb: interaction techniques for small-screen browsers, Proceedings of the 15th annual ACM symposium on User interface software and technology, October 27-30, 2002, Paris, France [doi>10.1145/571985.572014]
• 17: Chen, L.Q., Xie, X., Ma, W.Y., Zhang, H.J., Zhou H.Q., Feng, H.Q., DRESS: A Slicing Tree Based Web Representation for Various Display Sizes. Microsoft Research Technical Report MSR-TR-2002-126.

INDEX TERMS

Primary Classification:
  H. Information Systems
  H.5 INFORMATION INTERFACES AND PRESENTATION (I.7)
      H.5.2 User Interfaces (D.2.2, H.1.2, I.3.6)

Additional Classification:
  H. Information Systems
  H.5 INFORMATION INTERFACES AND PRESENTATION (I.7)
      H.5.2 User Interfaces (D.2.2, H.1.2, I.3.6)
          Subjects: Graphical user interfaces (GUI)

General Terms:
Design, Human Factors

Keywords:
PDA, collapse-to-zoom, gesture, marquee menu, overview, pen, small screen device, web browsing