Web Page Transformation When Switching Devices

MacKay, Bonnie; Watters, Carolyn; Duffy, Jack

doi:10.1007/978-3-540-28637-0_20

Cited by 25 publications

(31 citation statements)

References 14 publications

Supporting

Mentioning

Contrasting

Unclassified

Order By: Relevance

“…Chen et al 2003;Milic-Frayling and Sommerer 2002;Rodden et al 2003;Wobbrock et al 2002;MacKay et al 2004;Xie et al 2005] preserve the visual context information of the original web pages. Baluja [2006] first displays a web page as a thumbnail image, which is divided into 9 regions.…”

Section: Related Workmentioning

confidence: 99%

See 1 more Smart Citation

Browsing on small displays by transforming Web pages into hierarchically structured subpages

et al. 2009

View full text Add to dashboard Cite

We propose a new web page transformation method to facilitate web browsing on handheld devices such as Personal Digital Assistants (PDAs). In our approach, an original web page that does not fit on the screen is transformed into a set of sub-pages, each of which fits on the screen. This transformation is done through slicing the original page into page blocks iteratively with several factors considered. These factors include the size of the screen, the size of each page block, the number of blocks in each transformed page, the depth of the tree hierarchy that the transformed pages form, as well as the semantic coherence between blocks. We call the tree hierarchy of the transformed pages an SP-tree. In an SP-tree, an internal node consists of a textually-enhanced thumbnail image with hyperlinks, and a leaf node is a block extracted from a sub-page of the original web page. We adaptively adjust the fanout and the height of the SP-tree so that each thumbnail image is clear enough for users to read, while at the same time, the number of clicks needed to reach a leaf page is few. Through this transformation algorithm, we preserve the contextual information in the original web page and reduce scrolling. We have implemented this transformation module on a proxy server and have conducted usability studies on its performance. Our system achieved a shorter task completion time compared with that of transformations from the Opera browser in nine of ten tasks. The average improvement on familiar pages was 44%. The average improvement on unfamiliar pages was 37%. Subjective responses were positive.

show abstract

Section: Related Workmentioning

confidence: 99%

“…WebThumb [Wobbrock et al 2002] provides a function to pick up and zoom into an item from the thumbnail view. Gateway [MacKay et al 2004] allows users to select blocks on a thumbnail overview of a page. These selected blocks are then expanded and superimposed on the overview.…”

Section: Related Workmentioning

confidence: 99%

Browsing on small displays by transforming Web pages into hierarchically structured subpages

et al. 2009

View full text Add to dashboard Cite

show abstract

“…They can even confirm the full text to stay on page and this information is stored for future accesses (task personalization). As the hint detailed view loses format attributes useful on iconic systems, we are developing the next prototype generation with the Direct Migration [9] (no transformation applied to the page) inside the hint window with a lower opacity value to improve context view.…”

Section: Towards An Empirical Validationmentioning

confidence: 99%

“…com); others looked for dynamic and automatic adaptations, but still focusing on the device [1,3,8]. These and other related approaches were well received, but the generated interfaces are different from the original in some aspects that complicate interaction with more than one device to perform the same task, especially when refinding and/or comparing information [7,9]. Many works addressed consistency and continuity problems focusing on user interface generation [4,5] and task migration [11], but their guidelines are generally not sufficiently concrete for an automatic interface framework.…”

Section: Introductionmentioning

confidence: 99%

Consistency Priorities for Multi-device Design

Oliveira

Rocha

2007

Lecture Notes in Computer Science

View full text Add to dashboard Cite

show abstract

“…Others try to make dynamic adaptations according to each device [4]. However, recent researches found that many adapted interfaces for the same application lack in usability [5], [6]. The assumptions reside on the fact that, despite linear transformations use appropriately the smaller screen space, they tend to make bigger changes on the interface resulting in confusion while re-finding/comparing information.…”

Section: Introductionmentioning

confidence: 99%

Towards an approach for multi-device interface design

Oliveira

Rocha

2005

Proceedings of the 11th Brazilian Symposium on Multimedia and the Web - WebMedia '05

View full text Add to dashboard Cite

This paper proposes an approach for multi-device interface design that extends pre-designed interfaces keeping the original application conceptual model without loosing its usability. The proposal reinterprets general aspects of well known HumanComputer Interaction (HCI) lifecycle models and can be extended to the design of any interactive product. When validated through a simple transformation between a large and a small screen interface in an HCI domain, it shall point to a much less maintenance cost/complexity and a better usability, ensuring the user's satisfaction.

show abstract

Web Page Transformation When Switching Devices

Cited by 25 publications

References 14 publications

Browsing on small displays by transforming Web pages into hierarchically structured subpages

Browsing on small displays by transforming Web pages into hierarchically structured subpages

Consistency Priorities for Multi-device Design

Towards an approach for multi-device interface design

Contact Info

Product

Resources

About