The One Hand Wonder - A Framework for Enhancing One-handed Website Operation on Touchscreen Smartphones

Karsten Seipp, Kate Devlin

2014

Abstract

Operating a website with one hand on a touchscreen mobile phone remains a challenging task: solutions to adapt websites for mobile users do not address the ergonomic peculiarities of one-handed operation. We present the design and evaluation of the One Hand Wonder (OHW) – an easily-adaptable cross-platform JavaScript framework to support one-handed website navigation on touchscreen smartphones. It enhances usability without the need to redesign the existing website or to overwrite any CSS styles. User testing and quantitative evaluation confirm learnability and efficiency with clear advantages over non-enhanced browsing, and a discussion of the OHW’s versatility is given.

References

  1. Akmin (2012). Build your own mobile website ... in minutes. http://www.mobisitegalore.com/index.html.
  2. ASA, O. S. (2007). Making small devices look great. http://dev.opera.com/articles/view/makingsmall-devices-look-great.
  3. ASA, O. S. (2012). http://www.opera.com/mobile/specs.
  4. Bandelloni, R., Mori, G., and Paternò, F. (2005). Dynamic generation of web migratory interfaces. In Proc. Mobile HCI 2005, pages 83-90, New York, NY, USA. ACM.
  5. BBC (2013). BBC news. http://m.bbc.co.uk/news.
  6. Bonnet, D. and Appert, C. (2011). Sam: the swiss army menu. In Proc. IHM 2011, pages 5:1-5:4, New York, NY, USA. ACM.
  7. Envato (2013). Signum mobile - html5 & css3 and iwebapp. http://themeforest.net/item/signum-mobilehtml5-css3-and-iwebapp/1614712.
  8. Flickr (2013). Flickr. http://m.flickr.com.
  9. Francone, J., Bailly, G., Lecolinet, E., Mandran, N., and Nigay, L. (2010). Wavelet menus on handheld devices: stacking metaphor for novice mode and eyes-free selection for expert mode. In Proc. AVI 2010, AVI 7810, pages 173-180, New York, NY, USA. ACM.
  10. Google (2013). Google search results. https://www.google.co.uk/search?q=something.
  11. Gupta, A., Kumar, A., Mayank, Tripathi, V. N., and Tapaswi, S. (2007). Mobile web: web manipulation for small displays using multi-level hierarchy page segmentation. In Proc. MC07 4th Mobility Conference, pages 599-606. ACM.
  12. Hattori, G., Hoashi, K., Matsumoto, K., and Sugaya, F. (2007). Robust web page segmentation for mobile terminal using content-distances and page layout information. In Proc. WWW 2007, pages 361-370. ACM.
  13. Huot, S. and Lecolinet, E. (2007). Archmenu et thumbmenu: controˆler son dispositif mobile ”sur le pouce”. In Proc. IHM 2007, pages 107-110, New York, NY, USA. ACM.
  14. Karlson, A. K. and Bederson, B. B. (2006). Studies in onehanded mobile design: Habit, desire and agility. Technical report, Computer Science Dept., Uni. of Maryland.
  15. Katre, D. (2010). One-handed thumb use on smart phones by semi-literate and illiterate users in india. In HWID: Usability in Social, Cultural and Organizational Contexts, volume 316, pages 189-208. Springer Boston.
  16. Lü, H. and Li, Y. (2011). Gesture avatar: a technique for operating mobile user interfaces using gestures. In Proc. CHI 2011, pages 207-216. ACM.
  17. Mobotap (2012). Dolphin browser. http://dolphinbrowser.com/.
  18. Pingdom (2010). jQuerys triumphant march to success. http://royal.pingdom.com/2010/03/26/jquerytriumphant-march-to-success/.
  19. Seipp, K. and Devlin, K. (2013). Enhancing one-handed website operation on touchscreen mobile phones. In CHI 7813 Extended Abstracts on Human Factors in Computing Systems, CHI EA 7813, pages 3123-3126, New York, NY, USA. ACM.
  20. W3C (2008). Mobile web best practices 1.0. http://www.w3.org/TR/mobile-bp/.
  21. W3C (2013). W3C. http://www.w3.org.
  22. Wikipedia (2013). Deusdedit of Canterbury. http://en.m.wikipedia.org/wiki/Deusdedit of Canterbury.
  23. Wobbrock, J. O., Myers, B. A., and Aung, H. H. (2008). The performance of hand postures in front- and backof-device interaction for mobile computing. Int. J. Hum.-Comput. Stud., 66(12):857-875.
  24. WordPress (2013). Just another wordpress weblog. http://en.blog.wordpress.com/.
  25. YouTube (2013). Youtube mobile. http://www.youtube.com/results?client=mvgoogle&q=sublime.
  26. Yu, C.-H. and Miller, R. C. (2011). Enhancing mobile browsing and reading. In Ext. Abstracts Proc. CHI 2011, pages 1783-1788. ACM.
Download


Paper Citation


in Harvard Style

Seipp K. and Devlin K. (2014). The One Hand Wonder - A Framework for Enhancing One-handed Website Operation on Touchscreen Smartphones . In Proceedings of the 10th International Conference on Web Information Systems and Technologies - Volume 2: WEBIST, ISBN 978-989-758-024-6, pages 5-13. DOI: 10.5220/0004791800050013


in Bibtex Style

@conference{webist14,
author={Karsten Seipp and Kate Devlin},
title={The One Hand Wonder - A Framework for Enhancing One-handed Website Operation on Touchscreen Smartphones},
booktitle={Proceedings of the 10th International Conference on Web Information Systems and Technologies - Volume 2: WEBIST,},
year={2014},
pages={5-13},
publisher={SciTePress},
organization={INSTICC},
doi={10.5220/0004791800050013},
isbn={978-989-758-024-6},
}


in EndNote Style

TY - CONF
JO - Proceedings of the 10th International Conference on Web Information Systems and Technologies - Volume 2: WEBIST,
TI - The One Hand Wonder - A Framework for Enhancing One-handed Website Operation on Touchscreen Smartphones
SN - 978-989-758-024-6
AU - Seipp K.
AU - Devlin K.
PY - 2014
SP - 5
EP - 13
DO - 10.5220/0004791800050013