Usability of Web Forms

Online forms are used for various purposes and in diverse contexts (e.g., registration, subscription, services, customer feedback, checkout, as data input to search and share information) and are a core element of human-computer interaction. Problems experienced while filling out the form may lead to drop-out rates or the loss of data. Therefore, researchers around web forms have developed checklists and guidelines to improve the design of web forms (e.g., 20 rules of the Web Form Design Guidelines by (missing reference)). A more recent study conducted in our lab investigated the application of these guidelines in a controlled lab experiment with a multi-method approach, and found that the guidelines could improve the forms by:

• Reducing completion times
• Reducing submission trials
• Reducing eye movements
• Increase user satisfaction

Publications:

(Bargas-Avila et al., 2010) (Seckler et al., 2012) (Seckler et al., 2013) (Seckler et al., 2014)

• Masterproject: a.t.m. not possible
• Contact: E-Mail

Publications

Conference Proceedings

2014

• Seckler, M., Heinz, S., Bargas-Avila, J. A., Opwis, K., & Tuch, A. N. (2014). Designing usable web forms- empirical evaluation of web form improvement guidelines. Proceedings of the 2014 Annual Conference on Human Factors in Computing Systems (CHI ´14), 1275–1284. https://doi.org/10.1145/2556288.2557265

  @inproceedings{seckler_designing_2014,
    address = {New York, NY, USA},
    author = {Seckler, Mirjam and Heinz, Silvia and Bargas-Avila, Javier A. and Opwis, Klaus and Tuch, Alexandre N.},
    booktitle = {Proceedings of the 2014 annual conference on {Human} factors in computing systems ({CHI} ´14)},
    doi = {10.1145/2556288.2557265},
    pages = {1275--1284},
    publisher = {ACM},
    shorttitle = {Designing usable web forms},
    title = {Designing usable web forms- empirical evaluation of web form improvement guidelines},
    urldate = {2015-10-15},
    year = {2014},
    bdsk-url-1 = {https://doi.org/10.1145/2556288.2557265}
  }
  
  

2013

• Seckler, M., Heinz, S., Bargas-Avila, J. A., Opwis, K., & Tuch, A. N. (2013). Empirical evaluation of 20 web form optimization guidelines. Proceedings of the 2013 Annual Conference on Human Factors in Computing Systems (CHI EA ´13), 1893–1898. https://doi.org/10.1145/2468356.2468695

  @inproceedings{seckler_empirical_2013,
    address = {New York, NY, USA},
    author = {Seckler, Mirjam and Heinz, Silvia and Bargas-Avila, Javier A. and Opwis, Klaus and Tuch, Alexandre N.},
    booktitle = {Proceedings of the 2013 annual conference on {Human} factors in computing systems ({CHI} {EA} ´13)},
    doi = {10.1145/2468356.2468695},
    pages = {1893--1898},
    publisher = {ACM},
    title = {Empirical evaluation of 20 web form optimization guidelines},
    urldate = {2015-10-15},
    year = {2013},
    bdsk-url-1 = {https://doi.org/10.1145/2468356.2468695}
  }
  
  

Journal Articles

2012

• 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. https://doi.org/10.1016/j.intcom.2012.03.002

  @article{seckler_user-friendly_2012,
    author = {Seckler, Mirjam and Tuch, Alexandre N. and Opwis, Klaus and Bargas-Avila, Javier A.},
    doi = {10.1016/j.intcom.2012.03.002},
    journal = {Interacting with Computers},
    number = {3},
    pages = {107--118},
    shorttitle = {User-friendly locations of error messages in web forms},
    title = {User-friendly locations of error messages in web forms: {Put} them on the right side of the erroneous input field},
    volume = {24},
    year = {2012},
    bdsk-url-1 = {https://doi.org/10.1016/j.intcom.2012.03.002}
  }
  
  

Book Chapters

2010

• Bargas-Avila, J. A., Brenzikofer, O., Roth, S. P., Tuch, A. N., Orsini, S., & Opwis, K. (2010). Simple but Crucial User Interfaces in the World Wide Web: Introducing 20 Guidelines for Usable Web Form Design. In R. Matrai (Ed.), User Interfaces (pp. Chapter 1). InTech. http://www.intechopen.com/books/user-interfaces/simple-but-crucial-user-interfaces-in-the-world-wide-web-introducing-20-guidelines-for-usable-web-fo

  @incollection{bargas-avila_simple_2010,
    author = {Bargas-Avila, J. A. and Brenzikofer, O. and Roth, S.P. and Tuch, A.N. and Orsini, S. and Opwis, K.},
    booktitle = {User {Interfaces}},
    editor = {Matrai, Rita},
    isbn = {978-953-307-084-1},
    pages = {Chapter 1},
    publisher = {InTech},
    shorttitle = {Simple but {Crucial} {User} {Interfaces} in the {World} {Wide} {Web}},
    title = {Simple but {Crucial} {User} {Interfaces} in the {World} {Wide} {Web}: {Introducing} 20 {Guidelines} for {Usable} {Web} {Form} {Design}},
    url = {http://www.intechopen.com/books/user-interfaces/simple-but-crucial-user-interfaces-in-the-world-wide-web-introducing-20-guidelines-for-usable-web-fo},
    year = {2010},
    bdsk-url-1 = {http://www.intechopen.com/books/user-interfaces/simple-but-crucial-user-interfaces-in-the-world-wide-web-introducing-20-guidelines-for-usable-web-fo}
  }