Michael Nebeling
Maximilian Speicher
ABSTRACT
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.
- Atterer, R., Wnuk, M., and Schmidt, A. Knowing the User's Every Move - User Activity Tracking for Website Usability Evaluation and Implicit Interaction. In Proc. WWW (2006). Google Scholar
Digital Library
- Baudisch, P., Xie, X., Wang, C., and Ma, W.-Y. Collapse-to-Zoom: Viewing Web Pages on Small Screen Devices by Interactively Removing Irrelevant Content. In Proc. UIST (2004). Google ScholarDigital Library
- Benko, H., Wilson, A. D., and Baudisch, P. Precise Selection Techniques for Multi-Touch Screens. In Proc. CHI (2006). Google ScholarDigital Library
- Bila, N., Ronda, T., Mohomed, I., Truong, K. N., and de Lara, E. PageTailor: Reusable End-User Customization for the Mobile Web. In Proc. MobiSys (2007). Google ScholarDigital Library
- Bolin, M., Webber, M., Rha, P., Wilson, T., and Miller, R. C. Automation and Customization of Rendered Web Pages. In Proc. UIST (2005). Google ScholarDigital Library
- Buyukkokten, O., Garcia-Molina, H., and Paepcke, A. Seeing the Whole in Parts: Text Summarization for Web Browsing on Handheld Devices. In Proc. WWW (2001). Google ScholarDigital Library
- Calvary, G., Coutaz, J., Thevenin, D., Limbourg, Q., Bouillon, L., and Vanderdonckt, J. A Unifying Reference Framework for Multi-Target User Interfaces. IWC 15, 3 (2003).Google Scholar
- Ceri, S., Daniel, F., Matera, M., and Facca, F. M. Model-driven Development of Context-Aware Web Applications. TOIT 7, 1 (2007). Google ScholarDigital Library
- Charland, A., and LeRoux, B. Mobile Application Development: Web vs. Native. CACM 54, 5 (2011). Google ScholarDigital Library
- Chen, Y., Ma, W., and Zhang, H. Detecting Web Page Structure for Adaptive Viewing on Small Form Factor Devices. In Proc. WWW (2003). Google ScholarDigital Library
- Findlater, L., and McGrenere, J. A Comparison of Static, Adaptive, and Adaptable Menus. In Proc. CHI (2004). Google ScholarDigital Library
- Florins, M., and Vanderdonckt, J. Graceful Degradation of User Interfaces as a Design Method for Multiplatform Systems. In Proc. IUI (2004). Google ScholarDigital Library
- Frăsincar, F., Houben, G.-J., and Barna, P. Hypermedia presentation generation in Hera. IS 35, 1 (2010). Google ScholarDigital Library
- Gajos, K. Z., Wobbrock, J. O., and Weld, D. S. Improving the Performance of Motor-Impaired Users with Automatically-Generated, Ability-Based Interfaces. In Proc. CHI (2008). Google ScholarDigital Library
- Hattori, G., Hoashi, K., Matsumoto, K., and Sugaya, F. Robust Web Page Segmentation for Mobile Terminal Using Content-Distances and Page Layout Information. In Proc. WWW (2007). Google ScholarDigital Library
- Holz, C., and Baudisch, P. Understanding Touch. In Proc. CHI (2011). Google ScholarDigital Library
- Hong, J. I., Heer, J., Waterson, S., and Landay, J. A. WebQuilt: A Proxy-based Approach to Remote Web Usability Testing. TOIS 19, 3 (2001). Google ScholarDigital Library
- Karlson, A. K., and Bederson, B. B. One-handed touchscreen input for legacy applications. In Proc. CHI (2008). Google ScholarDigital Library
- Kumar, R., Talton, J. O., Ahmad, S., and Klemmer, S. R. Bricolage: Example-Based Retargeting for Web Design. In Proc. CHI (2011). Google ScholarDigital Library
- Lam, H., and Baudisch, P. Summary Thumbnails: Readable Overviews for Small Screen Web Browsers. In Proc. CHI (2005). Google ScholarDigital Library
- Lin, J., and Landay, J. A. Employing Patterns and Layers for Early-Stage Design and Prototyping of Cross-Device User Interfaces. In Proc. CHI (2008). Google ScholarDigital Library
- Meskens, J., Vermeulen, J., Luyten, K., and Coninx, K. Gummy for Multi-Platform User Interface Designs: Shape me, Multiply me, Fix me, Use me. In Proc. AVI (2008). Google ScholarDigital Library
- Nebeling, M. Lightweight Informed Adaptation: Methods and Tools for Responsive Design and Development of Very Flexible, Highly Adaptive Web Interfaces. PhD thesis, ETH Zurich, DOI: 10.3929/ethz-a-007562962, 2012.Google Scholar
- Nebeling, M., Matulic, F., and Norrie, M. C. Metrics for the Evaluation of News Site Content Layout in Large-Screen Contexts. In Proc. CHI (2011). Google ScholarDigital Library
- Nebeling, M., and Norrie, M. C. Lightweight Toolkit and Development Framework for Multi-touch/Multi-device Web Interfaces. In Proc. EICS (2012). Google ScholarDigital Library
- Nichols, J., Hua, Z., and Barton, J. Highlight: A System for Creating and Deploying Mobile Web Applications. In Proc. UIST (2008). Google ScholarDigital Library
- Paternò, F., Santoro, C., and Spano, L. MARIA: A Universal, Declarative, Multiple Abstraction-Level Language for Service-Oriented Applications in Ubiquitous Environments. TOCHI 16, 4 (2009). Google ScholarDigital Library
- Stürzlinger, W., Chapuis, O., Phillips, D., and Roussel, N. User Interface Façades: Towards Fully Adaptable User Interfaces. In Proc. UIST (2006). Google ScholarDigital Library
Index Terms
- W3touch: metrics-based web page adaptation for touch
Recommendations
A study on touch & hover based interaction for zooming
CHI EA '12: CHI '12 Extended Abstracts on Human Factors in Computing SystemsProximity is a useful medium for interaction with high interactive digital contents. It can be used in different contexts such as for navigation through depth in 3D space in zoomable interfaces. In this paper, we propose hover-based zoom interaction as ...
Bezel swipe: conflict-free scrolling and multiple selection on mobile touch screen devices
CHI '09: Proceedings of the SIGCHI Conference on Human Factors in Computing SystemsZooming user interfaces are increasingly popular on mobile devices with touch screens. Swiping and pinching finger gestures anywhere on the screen manipulate the displayed portion of a page, and taps open objects within the page. This makes navigation ...
Understanding performance in touch selections: Tap, drag and radial pointing drag with finger, stylus and mouse
Touch-based interaction with computing devices is becoming more and more common. In order to design for this setting, it is critical to understand the basic human factors of touch interactions such as tapping and dragging; however, there is relatively ...
Comments