W3touch: metrics-based web page adaptation for touch

Web designers currently face the increased proliferation and diversity of new touch devices which pose major challenges to the design task. This paper presents W3Touch - an interface instrumentation toolkit for web designers to collect user performance data for different device characteristics in order to help them identify potential design problems for touch interaction. Web designers can visualise the data aggregated by W3Touch and use simple metrics to automate the adaptation process for many different viewing and interaction contexts. In a series of experiments with web designers and users, we show that W3Touch is able to detect interaction problems that are hard to find using conventional methods and demonstrate how the tool was successfully used to automate the desktop-to-mobile migration of Wikipedia as an example.

[1]  Fabio Paternò,et al.  MARIA: A universal, declarative, multiple abstraction-level language for service-oriented applications in ubiquitous environments , 2009, TCHI.

[2]  Benjamin B. Bederson,et al.  One-handed touchscreen input for legacy applications , 2008, CHI.

[3]  Jeffrey Nichols,et al.  Highlight: a system for creating and deploying mobile web applications , 2008, UIST '08.

[4]  Krzysztof Z. Gajos,et al.  Improving the performance of motor-impaired users with automatically-generated, ability-based interfaces , 2008, CHI.

[5]  Jean Vanderdonckt,et al.  Graceful degradation of user interfaces as a design method for multiplatform systems , 2004, IUI '04.

[6]  Jeffrey Heer,et al.  WebQuilt : A Proxy-based Approach to Remote Web Usability Testing , 2001 .

[7]  Andreas Paepcke,et al.  Seeing the whole in parts: text summarization for web browsing on handheld devices , 2001, WWW '01.

[8]  Patrick Baudisch,et al.  Precise selection techniques for multi-touch screens , 2006, CHI.

[9]  Rob Miller,et al.  Automation and customization of rendered web pages , 2005, UIST.

[10]  Jan Meskens,et al.  Gummy for multi-platform user interface designs: shape me, multiply me, fix me, use me , 2008, AVI '08.

[11]  Eyal de Lara,et al.  PageTailor: reusable end-user customization for the mobile web , 2007, MobiSys '07.

[12]  Michael Nebeling,et al.  Lightweight informed adaptation Methods and tools for responsive design and development of very flexible, highly adaptive web interfaces , 2012 .

[13]  Xing Xie,et al.  Collapse-to-zoom: viewing web pages on small screen devices by interactively removing irrelevant content , 2004, UIST '04.

[14]  Moira C. Norrie,et al.  jQMultiTouch: lightweight toolkit and development framework for multi-touch/multi-device web interfaces , 2012, EICS '12.

[15]  Patrick Baudisch,et al.  Summary thumbnails: readable overviews for small screen web browsers , 2005, CHI.

[16]  Fabrice Matulic,et al.  Metrics for the evaluation of news site content layout in large-screen contexts , 2011, CHI.

[17]  Flavius Frasincar,et al.  Hypermedia presentation generation in Hera , 2010, Inf. Syst..

[18]  Andre Charland,et al.  Mobile application development , 2011, Commun. ACM.

[19]  Albrecht Schmidt,et al.  Knowing the User's Every Move – User Activity Tracking for Website Usability Evaluation and Implicit Interaction , 2006 .

[20]  Joanna McGrenere,et al.  A comparison of static, adaptive, and adaptable menus , 2004, CHI.

[21]  Ranjitha Kumar,et al.  Bricolage: example-based retargeting for web design , 2011, CHI.

[22]  Keiichiro Hoashi,et al.  Robust web page segmentation for mobile terminal using content-distances and page layout information , 2007, WWW '07.

[23]  Olivier Chapuis,et al.  User interface façades: towards fully adaptable user interfaces , 2006, UIST.

[24]  James A. Landay,et al.  Employing patterns and layers for early-stage design and prototyping of cross-device user interfaces , 2008, CHI.

[25]  Wei-Ying Ma,et al.  Detecting web page structure for adaptive viewing on small form factor devices , 2003, WWW '03.

[26]  Stefano Ceri,et al.  Model-driven development of context-aware Web applications , 2007, TOIT.

[27]  Patrick Baudisch,et al.  Understanding touch , 2011, CHI.

[28]  Jean Vanderdonckt,et al.  A Unifying Reference Framework for multi-target user interfaces , 2003, Interact. Comput..