skip to main content
10.1145/1029632.1029647acmconferencesArticle/Chapter ViewAbstractPublication PagesuistConference Proceedingsconference-collections
Article

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

Published: 24 October 2004 Publication History

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]
Baudisch, P. Don't Click, Paint! Using Toggle Maps to Manipulate Sets of Toggle Switches. In Proc. UIST '98, pp.65--66.
[2]
Baudisch, P., Lee, B., and Hanna, L. Fishnet, a fisheye web browser with search term popouts: a comparative evaluation with overview and linear view. In Proc. AVI'04, pp. 133--140.
[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]
Bickmore, T., and Schilit, B, Digestor: Device-Independent Access to the World Wide Web. In Proc. Seventh Intl. WWW Conference 1997, pp. 655--663.
[5]
Björk, S., Holmquist, L.E., Redstrom, J., Bretan, I., Danielsson, R., Karlgren, J., and Franzén, K. WEST: a web browser for small terminals. In Proc. UIST'99, pp. 187--196.
[6]
Buyukkokten, O., Garcia-Molina, H., Paepcke, A. Text Summarization for Web Browsing on Handheld Devices. Transactions on Inf. Sys. 20(1):82--115.
[7]
Buyukkoten, O., Garcia-Molina, H., Paepcke, A., and Winograd, T. Power browser: efficient web browsing for PDAs. In Proc. CHI'00, pp. 430--437.
[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]
Chen, Y., Ma, W.Y., and Zhang, H.J. Detecting Webpage Structure for Adaptive Viewing on Small Form Factor De-vices. In Proc. WWW'03, pp 225--233.
[10]
Gupta, S., Kaiser, G., Neistadt, D., ad Grimm, P. DOM-based Content Extraction of HTML Documents. In Proc. WWW 2003, pp. 207--214.
[11]
Furnas, G. Generalized Fisheye Views. In Proc. CHI'86, pp. 16--23.
[12]
Gessler S., and Kotulla, A. PDAs as Mobile WWW Browsers. Computer Networks and ISDN Systems 28(1-2):53--59, 1995.
[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]
Kurtenbach, G. and Buxton, W. User Learning and Performance with Marking Menus. In Proc. CHI'94, pp. 258--264.
[15]
Milic-Frayling, N. and Sommerer, R. SmartView: Enhanced Document Viewer for Mobile Devices. Microsoft Research Technical Report MSR-TR-2002 114.
[16]
Wobbrock, J., Forlizzi, J., Hudson, S., Myers, B. WebThumb: interaction techniques for small-screen browsers. In Proc. UIST '02, pp. 205--208.
[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.

Cited By

View all

Index Terms

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

    Recommendations

    Comments

    Information & Contributors

    Information

    Published In

    cover image ACM Conferences
    UIST '04: Proceedings of the 17th annual ACM symposium on User interface software and technology
    October 2004
    312 pages
    ISBN:1581139578
    DOI:10.1145/1029632
    Permission to make digital or hard copies of all or part of this work for personal or classroom use is granted without fee provided that copies are not made or distributed for profit or commercial advantage and that copies bear this notice and the full citation on the first page. Copyrights for components of this work owned by others than ACM must be honored. Abstracting with credit is permitted. To copy otherwise, or republish, to post on servers or to redistribute to lists, requires prior specific permission and/or a fee. Request permissions from [email protected]

    Sponsors

    Publisher

    Association for Computing Machinery

    New York, NY, United States

    Publication History

    Published: 24 October 2004

    Permissions

    Request permissions for this article.

    Check for updates

    Author Tags

    1. PDA
    2. collapse-to-zoom
    3. gesture
    4. marquee menu
    5. overview
    6. pen
    7. small screen device
    8. web browsing

    Qualifiers

    • Article

    Conference

    UIST04

    Acceptance Rates

    Overall Acceptance Rate 561 of 2,567 submissions, 22%

    Upcoming Conference

    UIST '25
    The 38th Annual ACM Symposium on User Interface Software and Technology
    September 28 - October 1, 2025
    Busan , Republic of Korea

    Contributors

    Other Metrics

    Bibliometrics & Citations

    Bibliometrics

    Article Metrics

    • Downloads (Last 12 months)16
    • Downloads (Last 6 weeks)0
    Reflects downloads up to 17 Jan 2025

    Other Metrics

    Citations

    Cited By

    View all
    • (2024)PalmSpaceInternational Journal of Human-Computer Studies10.1016/j.ijhcs.2024.103219184:COnline publication date: 1-Apr-2024
    • (2024)A visual programming tool for mobile web augmentationKnowledge and Information Systems10.1007/s10115-023-02039-666:9(5631-5668)Online publication date: 23-May-2024
    • (2023)Visualizing the Scripts of Data Wrangling With SomnusIEEE Transactions on Visualization and Computer Graphics10.1109/TVCG.2022.314497529:6(2950-2964)Online publication date: 1-Jun-2023
    • (2021)MAWA: A Browser Extension for Mobile Web AugmentationHuman-Computer Interaction – INTERACT 202110.1007/978-3-030-85610-6_14(221-242)Online publication date: 26-Aug-2021
    • (2019)Situationally-Induced Impairments and DisabilitiesWeb Accessibility10.1007/978-1-4471-7440-0_5(59-92)Online publication date: 4-Jun-2019
    • (2018)Responsive snippetsProceedings of the 20th International Conference on Human-Computer Interaction with Mobile Devices and Services Adjunct10.1145/3236112.3236159(327-331)Online publication date: 3-Sep-2018
    • (2017)XDBrowser 2.0Proceedings of the 2017 CHI Conference on Human Factors in Computing Systems10.1145/3025453.3025547(4574-4584)Online publication date: 2-May-2017
    • (2016)Supporting adaptation of web applications to the mobile environment with automated usability evaluationProceedings of the 31st Annual ACM Symposium on Applied Computing10.1145/2851613.2851863(787-794)Online publication date: 4-Apr-2016
    • (2015)Comparing Zooming Methods in Mobile Devices: Effectiveness, Efficiency, and User Satisfaction in Touch and Nontouch SmartphonesInternational Journal of Human-Computer Interaction10.1080/10447318.2015.106464031:11(777-789)Online publication date: 7-Jul-2015
    • (2015)A classification of web browsing on mobile devicesJournal of Visual Languages and Computing10.1016/j.jvlc.2014.11.01026:C(82-98)Online publication date: 1-Feb-2015
    • Show More Cited By

    View Options

    Login options

    View options

    PDF

    View or Download as a PDF file.

    PDF

    eReader

    View online with eReader.

    eReader

    Media

    Figures

    Other

    Tables

    Share

    Share

    Share this Publication link

    Share on social media