article

Free access

Working towards usable forms on the worldwide web: optimizing multiple selection interface elements

Authors:

Javier A. Bargas-Avila,

Olivia Brenzikofer,

Alexandre N. Tuch,

Sandra P. Roth,

Klaus OpwisAuthors Info & Claims

Advances in Human-Computer Interaction, Volume 2011

Article No.: 4, Pages 1 - 6

https://doi.org/10.1155/2011/347171

Published: 01 January 2011 Publication History

PDF eReader Publisher Site

Abstract

If an interactive form in the worldwide web requires users to select multiple answers from a given list, this can be implemented in several ways. This paper discusses an empirical study with n = 106 participants, where two interface elements for choosing multiple answers (checkboxes and list boxes) were compared. Results showed that participants chose the same amount of options in both conditions but were faster and more satisfied using checkboxes. The time differences disappeared after several trials, revealing a learning effect for the list box element. As a conclusion, it can be recommended that website developers and online researchers should use checkboxes instead of list boxes for their online forms and questionnaires to enhance usability and user satisfaction--at least for a smaller number of options.

References

[1]

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

Digital Library

[2]

J. Herman, "A process for creating the business case for user experience projects," in Proceedings of the Extended Abstracts on Human Factors in Computing Systems (CHI '04), pp. 1413- 1416, ACM, New York, NY, USA, 2004.

Digital Library

[3]

J. Bargas-Avila, O. Brenzikofer, S. Roth, A. Tuch, S. Orsini, and K. Opwis, "Simple but crucial user interfaces in the world wide web: introducing 20 guidelines for usable web form design," in User Interfaces, R. Matrai, Ed., pp. 1-10, INTECH, 2010.

[4]

A. Beaumont, J. James, J. Stephens, and C. Ullman, Usable Forms for the Web, Glasshaus, Birmingham, UK, 2002.

[5]

J. Garrett, The Elements of User Experience, New Riders, Indianapolis, Ind, USA, 2002.

Digital Library

[6]

J. Nielsen, "Drop-down menus: use sparingly," 2000, http://www.useit.com/alertbox/20001112.html.

[7]

S. Miller and C. Jarret, "Should I use a drop-down? Four steps for choosing form elements on the web," 2001, http://www.formsthatwork.com/files/Articles/dropdown.pdf.

[8]

M. Linderman and J. Fried, Defensive Design for the Web: How to Improve Error Messages, Help, Forms, and Other Crisis Points, New Riders, Thousand Oaks, Calif, USA, 2004.

[9]

T. Wilhelm and C. Rehmann, "Nutzergerechte formulargestaltung," 2006, http://www.eresult.de/studien_artikel/forschung-sbeitraege/formulargestaltung.html.

[10]

S. L. Pauwels, C. Hübscher, S. Leuthold, J. A. Bargas-Avila, and K. Opwis, "Error prevention in online forms: use color instead of asterisks to mark required-fields," Interacting with Computers, vol. 21, no. 4, pp. 257-262, 2009.

Digital Library

[11]

T. Tullis and A. Pons, "Designating required vs. optional input fields," in Proceedings of the Extended Abstracts on Human Factors in Computing Systems (CHI '97), pp. 259-260, ACM, New York, NY, USA, 1997.

Digital Library

[12]

M. Penzo, "Label placement in forms," 2006, http://www.ux-matters.com/MT/archives/000107.php.

[13]

D. Robinson, "Better web forms," 2003, http://www.7nights.com/dkrprod/gwt_four.php.

[14]

L. M. Christian, D. A. Dillman, and J. D. Smyth, "Helping respondents get it right the first time: the influence of words, symbols, and graphics in web surveys," Public Opinion Quarterly, vol. 71, no. 1, pp. 113-125, 2007.

[15]

M. P. Couper, M. W. Traugott, and M. J. Lamias, "Web survey design and administration," Public Opinion Quarterly, vol. 65, no. 2, pp. 230-253, 2001.

[16]

B. Healey, "Drop downs and scroll mice: the effect of response option format and input mechanism employed on data quality in web surveys," Social Science Computer Review, vol. 25, no. 1, pp. 111-128, 2007.

Digital Library

[17]

A. Hogg and J. J. Masztal, "Drop-down, radio buttons, or fill-in-the-blank? Effects of attribute rating scale type on web survey responses," in Proceedings of the ESOMAR Congress-- Marketing Transformation (ESOMAR '01), Rome, Italy, 2001.

[18]

D. Heerwegh and G. Loosveldt, "An evaluation of the effect of response formats on data quality in web surveys," Social Science Computer Review, vol. 20, no. 4, pp. 471-484, 2002.

Digital Library

[19]

J. A. Bargas-Avila, S. Orsini, H. Piosczyk, D. Urwyler, and K. Opwis, "Enhancing online forms: use format specifications for fields with format restrictions to help respondents," Interacting with Computers, vol. 23, no. 1, pp. 33-39, 2011.

Digital Library

[20]

J. Nielsen, "Error message guidelines," 2001, http://www.useit.com/alertbox/20010624.html.

[21]

J. Bargas-Avila and G. Oberholzer, "Online form validation: don't show errors right away," in Human-Computer Interaction: INTERACT '03, M. Rauterberg, M. Menozzi, and J. Wesson, Eds., pp. 848-851, IOS Press, Amsterdam, The Netherlands, 2003.

[22]

J. A. Bargas-Avila, G. Oberholzer, P. Schmutz, M. de Vito, and K. Opwis, "Usable error message presentation in the World Wide Web: do not show errors right away," Interacting with Computers, vol. 19, no. 3, pp. 330-341, 2007.

Digital Library

[23]

S. Leuthold, J. A. Bargas-Avila, and K. Opwis, "Beyond web content accessibility guidelines: design of enhanced text user interfaces for blind internet users," International Journal of Human Computer Studies, vol. 66, no. 4, pp. 257-270, 2008.

Digital Library

[24]

S. Leuthold, P. Schmutz, J. A. Bargas-Avila, A. N. Tuch, and K. Opwis, "Vertical versus dynamic menus on the world wide web: eye tracking study measuring the influence of menu design and task complexity on user performance and subjective preference," Computers in Human Behavior, vol. 27, no. 1, pp. 459-472, 2011.

Digital Library

Cited By

Türkcan AOnay Durdu P(2018)Entry and Selection Methods for Specifying Dates in Mobile ContextHuman-Computer Interaction. Interaction Technologies10.1007/978-3-319-91250-9_8(92-100)Online publication date: 15-Jul-2018
https://dl.acm.org/doi/10.1007/978-3-319-91250-9_8
Gadiraju UChecco AGupta NDemartini G(2017)Modus Operandi of Crowd WorkersProceedings of the ACM on Interactive, Mobile, Wearable and Ubiquitous Technologies10.1145/31309141:3(1-29)Online publication date: 11-Sep-2017
https://dl.acm.org/doi/10.1145/3130914
Seckler MHeinz SBargas-Avila JOpwis KTuch AJones MPalanque PSchmidt AGrossman T(2014)Designing usable web formsProceedings of the SIGCHI Conference on Human Factors in Computing Systems10.1145/2556288.2557265(1275-1284)Online publication date: 26-Apr-2014
https://dl.acm.org/doi/10.1145/2556288.2557265
Show More Cited By

Index Terms

Working towards usable forms on the worldwide web: optimizing multiple selection interface elements
1. Human-centered computing
  1. Human computer interaction (HCI)
    1. HCI design and evaluation methods
    2. Interaction paradigms
2. Information systems
  1. Information retrieval
  2. Information storage systems

Recommendations

Working towards usable forms on the world wide web: optimizing date entry input fields

When an interactive form in the world wide web requires users to fill in exact dates, this can be implemented in several ways. This paper discusses an empirical online study with n = 172 participants which compared six different versions to design input ...
Mastering Flask Web Development: Build enterprise-grade, scalable Python web applications, 2nd Edition
Web Developer's Reference Guide

Comments

Please enable JavaScript to view thecomments powered by Disqus.

Information & Contributors

Information

Published In

cover image Advances in Human-Computer Interaction

Advances in Human-Computer Interaction Volume 2011, Issue

January 2011

122 pages

ISSN:1687-5893

EISSN:1687-5907

Issue’s Table of Contents

Publisher

Hindawi Limited

London, United Kingdom

Publication History

Accepted: 22 March 2011

Published: 01 January 2011

Received: 01 November 2006

Qualifiers

Article

Contributors

Other Metrics

View Article Metrics

Bibliometrics & Citations

Bibliometrics

Article Metrics

7
Total Citations
View Citations
176
Total Downloads

Downloads (Last 12 months)47
Downloads (Last 6 weeks)9

Reflects downloads up to 23 Feb 2025

Other Metrics

View Author Metrics

Citations

Cited By

Türkcan AOnay Durdu P(2018)Entry and Selection Methods for Specifying Dates in Mobile ContextHuman-Computer Interaction. Interaction Technologies10.1007/978-3-319-91250-9_8(92-100)Online publication date: 15-Jul-2018
https://dl.acm.org/doi/10.1007/978-3-319-91250-9_8
Gadiraju UChecco AGupta NDemartini G(2017)Modus Operandi of Crowd WorkersProceedings of the ACM on Interactive, Mobile, Wearable and Ubiquitous Technologies10.1145/31309141:3(1-29)Online publication date: 11-Sep-2017
https://dl.acm.org/doi/10.1145/3130914
Seckler MHeinz SBargas-Avila JOpwis KTuch AJones MPalanque PSchmidt AGrossman T(2014)Designing usable web formsProceedings of the SIGCHI Conference on Human Factors in Computing Systems10.1145/2556288.2557265(1275-1284)Online publication date: 26-Apr-2014
https://dl.acm.org/doi/10.1145/2556288.2557265
Seckler MHeinz SBargas-Avila JOpwis KTuch AMackay WBrewster SBødker S(2013)Empirical evaluation of 20 web form optimization guidelinesCHI '13 Extended Abstracts on Human Factors in Computing Systems10.1145/2468356.2468695(1893-1898)Online publication date: 27-Apr-2013
https://dl.acm.org/doi/10.1145/2468356.2468695
Karousos NKatsanos CTselios NXenos MMackay WBrewster SBødker S(2013)Effortless tool-based evaluation of web form filling tasks using keystroke level model and fitts lawCHI '13 Extended Abstracts on Human Factors in Computing Systems10.1145/2468356.2468688(1851-1856)Online publication date: 27-Apr-2013
https://dl.acm.org/doi/10.1145/2468356.2468688
Di Iorio ADraicchio FVitali FZacchiroli S(2012)Constrained wikiAdvances in Human-Computer Interaction10.1155/2012/8935752012(8-8)Online publication date: 1-Jan-2012
https://dl.acm.org/doi/10.1155/2012/893575
Bargas-Avila JBrenzikofer OTuch ARoth SOpwis K(2011)Working towards usable forms on the world wide webAdvances in Human-Computer Interaction10.1155/2011/2027012011(1-8)Online publication date: 1-Jan-2011
https://dl.acm.org/doi/10.1155/2011/202701

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 Issue’s Table of Contents