Mirjam Seckler
Javier A. Bargas-Avila
ABSTRACT
This study reports a controlled eye tracking experiment (N = 65) that shows the combined effectiveness of 20 guidelines to improve interactive online forms when applied to forms found on real company websites. Results indicate that improved web forms lead to faster completion times, fewer form submission trials, and fewer eye movements. Data from subjective questionnaires and interviews further show increased user satisfaction. Overall, our findings highlight the importance for web designers to improve their web forms using UX guidelines.
- Aeberhard, A. (2011). FUS - Form Usability Scale. Development of a Usability Measuring Tool for Online Forms. Unpublished master's thesis. University of Basel, Switzerland.Google Scholar
- Al-Saleh, M., Al-Wabil, A., Al-Attas, E., AlAbdulkarim, A., Chaurasia, M., Alfaifi, R. (2012). Inline immediate feedback in arabic web forms: An eye tracking study of transactional tasks. In Proc. IIT 2012, 333--338.Google Scholar
- Bargas-Avila, J. A., Brenzikofer, O., Tuch, A. N., Roth, S. P., & Opwis, K. (2011a). Working towards usable forms on the World Wide Web: Optimizing date entry input fields. Advances in Human Computer Interaction, Article ID 202701. Google ScholarDigital Library
- Bargas-Avila, J. A., Brenzikofer, O., Tuch, A. N., Roth, S. P., & Opwis, K. (2011b). Working towards usable forms on the World Wide Web: Optimizing multiple selection interface elements. Advances in Human Computer Interaction, Article ID 347171. Google ScholarDigital Library
- Bargas-Avila, J.A., Oberholzer, G., Schmutz, P., de Vito, M. & Opwis, K. (2007). Usable Error Message Presentation in the World Wide Web: Don't Show Errors Right Away. Interacting with Computers, 19, 330--341. Google ScholarDigital Library
- Bargas-Avila, J. A., Orsini, S., Piosczyk, H., Urwyler, D., & Opwis, K. (2010a). Enhancing online forms: Use format Specifications for fields with format restrictions to help respondents, Interacting with Computers, 23(1), 33--39. Google ScholarDigital Library
- Bargas-Avila, J. A, Brenzikofer, O., Roth, S., Tuch, A. N., Orsini, S., & Opwis, K. (2010b). Simple but Crucial User Interfaces in the World Wide Web: Introducing 20 Guidelines for Usable Web Form Design. In: R. Matrai (Ed.), User Interfaces, 1--10. InTech.Google Scholar
- Brooke, J. (1996). SUS: A Quick and Dirty Usability Scale. In: P. W. Jordan, B. Thomas, B. A. Weerdmeester & I. L. McClelland (Eds.), Usability Evaluation in Industry (pp. 189--194). London: Taylor & Francis.Google Scholar
- Card, S. K., Moran, T. P., & Newell, A. (Eds.) (1983). The psychology of human computer interaction. Routledge. Google ScholarDigital Library
- Christian, L., Dillman, D., & Smyth, J. (2007). Helping respondents get it right the first time: the influence of words, symbols, and graphics in web surveys. Public Opinion Quarterly, 71(1), 113 - 125.Google ScholarCross Ref
- Couper, M., Tourangeau, R., Conrad, F., & Crawford, S. (2004). What they see is what we get: response options for web surveys. Social Science Computer Review, 22(1), 111--127. Google ScholarDigital Library
- Field, A. (2009). Non-parametric tests. In Discovering statistics using SPSS (third edition., pp. 539--583). London: SAGE.Google Scholar
- Duchowski, A. T. (2007). Eye tracking methodology: Theory and practice (Vol. 373). Springer. Google ScholarDigital Library
- Harms, J. (2013). Research Goals for Evolving the "Form" User Interface Metaphor towards more Interactivity. Lecture Notes in Computer Science, 7946, 819--822.Google Scholar
- Hart, S., & Staveland, L. (1988). Development of NASA-TLX (Task Load Index): Results of empirical and theoretical research. P. A. Hancock & N. Meshkati (Eds.). Human mental workload (pp. 139--183). Amsterdam: Elsevier Science.Google Scholar
- Holmqvist, K., Nyström, M., Andersson, R., Dewhurst, R., Jarodzka, H., & Van de Weijer, J. (2011). Eye tracking: A comprehensive guide to methods and measures. Oxford University Press.Google Scholar
- Idrus, Z., Razak, N. H. A., Talib, N. H. A., & Tajuddin, T. (2010). Using Three Layer Model (TLM) in web form design: WeFDeC checklist development. Computer Engineering and Applications (ICCEA), 385389. Google ScholarDigital Library
- James, J., Beaumont, A., Stephens, J., Ullman, C. (2002). Usable Forms for the Web. Glasshaus, Krefeld.Google Scholar
- Jarrett, C. & Ganey, G. (2008). Forms that work: Designing web forms for usability. Morgan Kaufmann. Google ScholarDigital Library
- Karousos, N., Katsanos, C., Tselios, N., & Xenos, M. (2013). Effortless tool-based evaluation of web form filling tasks using keystroke level model and fitts law. In CHI'13 Extended Abstracts on Human Factors in Computing Systems, 1851--1856. ACM. Google ScholarDigital Library
- Koyani, S. (2006). Research-based web design & usability guidelines. US General Services Administration, Washington. Google ScholarDigital Library
- Lewis, J. R. (1991). Psychometric evaluation of an after-scenario questionnaire for computer usability studies: The ASQ. SIGCHI Bulletin, 23(1), 78--81. Google ScholarDigital Library
- Money, A. G., Fernando, S., Elliman, T., & Lines, L. (2010). A trial protocol for evaluating assistive online forms for older adults. Proc. ECIS, Paper 90.Google Scholar
- Nielsen, J. (2005). Sixty Guidelines From 1986 Revisited. http://www.nngroup.com/articles/ sixty-guidelines-from-1986-revisited/Google Scholar
- Nielsen, J., & Pernice, K. (2010). Eyetracking web usability. New Riders. Google ScholarDigital Library
- Pauwels, S. L., Hübscher, C., Leuthold, S., BargasAvila, J. A. & Opwis, K. (2009). Error prevention in online forms: Use color instead of asterisks to mark required fields. Interacting with Computers, 21(4), 257262. Google ScholarDigital Library
- Rukzio, E., Hamard, J., Noda, C., & De Luca, A. (2006). Visualization of Uncertainty in Context Aware Mobile Applications. In Proc. MobileHCI'06, 247--250. Google ScholarDigital Library
- Seckler, M., Heinz, S., Bargas-Avila, J.A., Opwis, K., & Tuch, A.N. (2013). Empirical evaluation of 20 web form optimization guidelines. In Proc. CHI '13, 18931898. Google ScholarDigital Library
- Seckler, M., Tuch, A. N., Opwis, K., & Bargas-Avila, J. A. (2012). User-friendly Locations of Error Messages in Web Forms: Put them on the right side of the erroneous input field. Interacting with Computers, 24(3), 107--118. Google ScholarDigital Library
- Tullis, T., Pons, A., 1997. Designating required vs. optional input fields. In: Conference on Human Factors in Computing Systems. ACM New York, NY, USA, pp. 259--26 Google ScholarDigital Library
- Wroblewski, L. (2008). Web Form Design: Filling in the Blanks. Rosenfeld Media. Google ScholarDigital Library
Index Terms
Designing usable web forms: empirical evaluation of web form improvement guidelines
Recommendations
Empirical evaluation of 20 web form optimization guidelines
CHI EA '13: CHI '13 Extended Abstracts on Human Factors in Computing SystemsMost websites use interactive online forms as a main contact point to users. Recently, many publications aim at optimizing web forms. In contrast to former research that focused at the evaluation of single guidelines, the present study shows in a ...
Web sites that work: designing with your eyes open
CHI EA '99: CHI '99 Extended Abstracts on Human Factors in Computing SystemsThis tutorial is inspired by our observations of users struggling with web sites and our consulting work with clients who face the many challenges of web site development. We've witnessed the effects of less-than-optimal web site design and the pain it ...
Finding and classifying web units in websites
In web classification, most researchers assume that the objects to be classified are individual web pages from one or more websites. In practice, the assumption is too restrictive since a web page itself may not carry sufficient information for it to be ...
Comments