research-article

Open access

Designing usable web forms: empirical evaluation of web form improvement guidelines

Authors:

Mirjam Seckler,

Javier A. Bargas-Avila,

Alexandre N. TuchAuthors Info & Claims

CHI '14: Proceedings of the SIGCHI Conference on Human Factors in Computing Systems

Pages 1275 - 1284

https://doi.org/10.1145/2556288.2557265

Published: 26 April 2014 Publication History

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.

References

[1]

Aeberhard, A. (2011). FUS - Form Usability Scale. Development of a Usability Measuring Tool for Online Forms. Unpublished master's thesis. University of Basel, Switzerland.

[2]

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.

[3]

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.

Digital Library

[4]

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.

Digital Library

[5]

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.

Digital Library

[6]

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.

Digital Library

[7]

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.

[8]

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.

[9]

Card, S. K., Moran, T. P., & Newell, A. (Eds.) (1983). The psychology of human computer interaction. Routledge.

Digital Library

[10]

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.

[11]

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.

Digital Library

[12]

Field, A. (2009). Non-parametric tests. In Discovering statistics using SPSS (third edition., pp. 539--583). London: SAGE.

[13]

Duchowski, A. T. (2007). Eye tracking methodology: Theory and practice (Vol. 373). Springer.

Digital Library

[14]

Harms, J. (2013). Research Goals for Evolving the "Form" User Interface Metaphor towards more Interactivity. Lecture Notes in Computer Science, 7946, 819--822.

[15]

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.

[16]

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.

[17]

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.

Digital Library

[18]

James, J., Beaumont, A., Stephens, J., Ullman, C. (2002). Usable Forms for the Web. Glasshaus, Krefeld.

[19]

Jarrett, C. & Ganey, G. (2008). Forms that work: Designing web forms for usability. Morgan Kaufmann.

Digital Library

[20]

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.

Digital Library

[21]

Koyani, S. (2006). Research-based web design & usability guidelines. US General Services Administration, Washington.

Digital Library

[22]

Lewis, J. R. (1991). Psychometric evaluation of an after-scenario questionnaire for computer usability studies: The ASQ. SIGCHI Bulletin, 23(1), 78--81.

Digital Library

[23]

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.

[24]

Nielsen, J. (2005). Sixty Guidelines From 1986 Revisited. http://www.nngroup.com/articles/ sixty-guidelines-from-1986-revisited/

[25]

Nielsen, J., & Pernice, K. (2010). Eyetracking web usability. New Riders.

Digital Library

[26]

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.

Digital Library

[27]

Rukzio, E., Hamard, J., Noda, C., & De Luca, A. (2006). Visualization of Uncertainty in Context Aware Mobile Applications. In Proc. MobileHCI'06, 247--250.

Digital Library

[28]

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.

Digital Library

[29]

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.

Digital Library

[30]

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

Digital Library

[31]

Wroblewski, L. (2008). Web Form Design: Filling in the Blanks. Rosenfeld Media.

Digital Library

Cited By

Martín-Sanromán JRamos Gutiérrez MSuárez-Carballo F(2024)La escalera del diseño legal: un enfoque para integrar el uso del diseño en las Administraciones públicasRevista de Llengua i Dret10.58992/rld.i82.2024.4346(58-83)Online publication date: 18-Dec-2024
https://doi.org/10.58992/rld.i82.2024.4346
Belgacem HLi XBianculli DBriand L(2024)Learning-based Relaxation of Completeness Requirements for Data Entry FormsACM Transactions on Software Engineering and Methodology10.1145/363570833:3(1-32)Online publication date: 15-Mar-2024
https://dl.acm.org/doi/10.1145/3635708
Boll RMahajan SBurke TAlkhudaidi KHenriques BCordova IWalker ZSolovey EReis J(2023)User Perceptions and Preferences for Online Surveys in American Sign Language: An Exploratory StudyProceedings of the 25th International ACM SIGACCESS Conference on Computers and Accessibility10.1145/3597638.3608444(1-17)Online publication date: 22-Oct-2023
https://dl.acm.org/doi/10.1145/3597638.3608444
Show More Cited By

Index Terms

Designing usable web forms: empirical evaluation of web form improvement guidelines
1. Human-centered computing
  1. Human computer interaction (HCI)
2. Information systems
  1. Information retrieval
  2. Information storage systems

Recommendations

Empirical evaluation of 20 web form optimization guidelines
CHI EA '13: CHI '13 Extended Abstracts on Human Factors in Computing Systems

Most 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 Systems

This 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

Information & Contributors

Information

Published In

cover image ACM Conferences

CHI '14: Proceedings of the SIGCHI Conference on Human Factors in Computing Systems

April 2014

4206 pages

ISBN:9781450324731

DOI:10.1145/2556288

General Chairs:
Matt Jones
Swansea University, Wales, UK
,
Philippe Palanque
Université Paul Sabatier, France
,
Program Chairs:
Albrecht Schmidt
University of Stuttgart, Germany
,
Tovi Grossman
Autodesk Research, Canada

Copyright © 2014 ACM.

Permission to make digital or hard copies of all or part of this work for personal or classroom use is granted without fee provided that copies are not made or distributed for profit or commercial advantage and that copies bear this notice and the full citation on the first page. Copyrights for components of this work owned by others than ACM must be honored. Abstracting with credit is permitted. To copy otherwise, or republish, to post on servers or to redistribute to lists, requires prior specific permission and/or a fee. Request permissions from [email protected]

Sponsors

SIGCHI: ACM Special Interest Group on Computer-Human Interaction

Publisher

Association for Computing Machinery

New York, NY, United States

Publication History

Published: 26 April 2014

Permissions

Request permissions for this article.

Request Permissions

Check for updates

Author Tags

Qualifiers

Research-article

Conference

CHI '14

Sponsor:

SIGCHI

CHI '14: CHI Conference on Human Factors in Computing Systems

April 26 - May 1, 2014

Ontario, Toronto, Canada

Acceptance Rates

CHI '14 Paper Acceptance Rate 465 of 2,043 submissions, 23%;

Overall Acceptance Rate 6,199 of 26,314 submissions, 24%

Upcoming Conference

CHI 2025

Sponsor:
sigchi

ACM CHI Conference on Human Factors in Computing Systems

April 26 - May 1, 2025

Yokohama , Japan

Contributors

Other Metrics

View Article Metrics

Bibliometrics & Citations

Bibliometrics

Article Metrics

23
Total Citations
View Citations
9,111
Total Downloads

Downloads (Last 12 months)2,426
Downloads (Last 6 weeks)459

Reflects downloads up to 05 Mar 2025

Other Metrics

View Author Metrics

Citations

Cited By

Martín-Sanromán JRamos Gutiérrez MSuárez-Carballo F(2024)La escalera del diseño legal: un enfoque para integrar el uso del diseño en las Administraciones públicasRevista de Llengua i Dret10.58992/rld.i82.2024.4346(58-83)Online publication date: 18-Dec-2024
https://doi.org/10.58992/rld.i82.2024.4346
Belgacem HLi XBianculli DBriand L(2024)Learning-based Relaxation of Completeness Requirements for Data Entry FormsACM Transactions on Software Engineering and Methodology10.1145/363570833:3(1-32)Online publication date: 15-Mar-2024
https://dl.acm.org/doi/10.1145/3635708
Boll RMahajan SBurke TAlkhudaidi KHenriques BCordova IWalker ZSolovey EReis J(2023)User Perceptions and Preferences for Online Surveys in American Sign Language: An Exploratory StudyProceedings of the 25th International ACM SIGACCESS Conference on Computers and Accessibility10.1145/3597638.3608444(1-17)Online publication date: 22-Oct-2023
https://dl.acm.org/doi/10.1145/3597638.3608444
Polewski MRachwał ADzieńkowski MPlechawska-Wójcik M(2022)Improving the interface of an e-commerce website by applying universal design principlesJournal of Computer Sciences Institute10.35784/jcsi.301925(337-344)Online publication date: 30-Dec-2022
https://doi.org/10.35784/jcsi.3019
Blitz RStorck MBaune BDugas MOpel N(2021)Design and Implementation of an Informatics Infrastructure for Standardized Data Acquisition, Transfer, Storage, and Export in Psychiatric Clinical Routine: Feasibility StudyJMIR Mental Health10.2196/266818:6(e26681)Online publication date: 9-Jun-2021
https://doi.org/10.2196/26681
Satti FChung TLee S(2021)Adaptive Digital Encounters: An approach for reducing digital impact on outpatient flow2021 2nd Asia Conference on Computers and Communications (ACCC)10.1109/ACCC54619.2021.00032(149-154)Online publication date: Sep-2021
https://doi.org/10.1109/ACCC54619.2021.00032
Lin XIlia PPolakis JLigatti JOu XKatz JVigna G(2020)Fill in the BlanksProceedings of the 2020 ACM SIGSAC Conference on Computer and Communications Security10.1145/3372297.3417271(507-519)Online publication date: 30-Oct-2020
https://dl.acm.org/doi/10.1145/3372297.3417271
Katsanos CXenos MTselios NKarousos N(2020)Tool-mediated HCI modelling instruction: evidence from three studiesBehaviour & Information Technology10.1080/0144929X.2020.179066141:1(18-31)Online publication date: 13-Jul-2020
https://doi.org/10.1080/0144929X.2020.1790661
Tang TTang JHong JYu LRen PWu Y(2020)Design guidelines for augmenting short-form videos using animated data visualizationsJournal of Visualization10.1007/s12650-020-00644-zOnline publication date: 20-Apr-2020
https://doi.org/10.1007/s12650-020-00644-z
Bluhm JBerchtenbreiter R(2020)User Experience Improvement for Online Travel Agencies Through Eye-Tracking: The Onlineweg.de Case StudyEye Tracking in Tourism10.1007/978-3-030-49709-5_9(113-135)Online publication date: 2-Oct-2020
https://doi.org/10.1007/978-3-030-49709-5_9
Show More Cited By

View Options

View options

PDF

View or Download as a PDF file.

eReader

View online with eReader.

Login options

Check if you have access through your login credentials or your institution to get full access on this article.

Full Access

Get this Publication

Figures

Tables

Media

View Table of Conten