23
Indiana World Usability Day 2012 November 8, 2012 Improving web forms usability Jenny Hertel User Experience Analyst Process eXperience Architecture Group Indiana University

Indiana World Usability Day 2012 November 8, 2012 Improving web forms usability Jenny Hertel User Experience Analyst Process eXperience Architecture Group

Embed Size (px)

Citation preview

Page 1: Indiana World Usability Day 2012 November 8, 2012 Improving web forms usability Jenny Hertel User Experience Analyst Process eXperience Architecture Group

Indiana World Usability Day 2012November 8, 2012

Improving web forms usability

Jenny HertelUser Experience Analyst

Process eXperience Architecture GroupIndiana University

Page 2: Indiana World Usability Day 2012 November 8, 2012 Improving web forms usability Jenny Hertel User Experience Analyst Process eXperience Architecture Group

[email protected]

The Process eXperience Architecture (PXA) Group of Indiana University assists IT teams in improving the user experience of their products and services through a variety of user-centered design and evaluation methods, including:

• Expert Reviews• Information Architecture Reviews• Design Critiques• Prototypes and Mockups• Focus Groups• User Testing

Page 3: Indiana World Usability Day 2012 November 8, 2012 Improving web forms usability Jenny Hertel User Experience Analyst Process eXperience Architecture Group
Page 4: Indiana World Usability Day 2012 November 8, 2012 Improving web forms usability Jenny Hertel User Experience Analyst Process eXperience Architecture Group

Ask only one question at a time(and make sure it’s easy to understand)

Page 5: Indiana World Usability Day 2012 November 8, 2012 Improving web forms usability Jenny Hertel User Experience Analyst Process eXperience Architecture Group
Page 6: Indiana World Usability Day 2012 November 8, 2012 Improving web forms usability Jenny Hertel User Experience Analyst Process eXperience Architecture Group

Use appropriate format

Page 7: Indiana World Usability Day 2012 November 8, 2012 Improving web forms usability Jenny Hertel User Experience Analyst Process eXperience Architecture Group
Page 8: Indiana World Usability Day 2012 November 8, 2012 Improving web forms usability Jenny Hertel User Experience Analyst Process eXperience Architecture Group

Place label closer to input field

Page 9: Indiana World Usability Day 2012 November 8, 2012 Improving web forms usability Jenny Hertel User Experience Analyst Process eXperience Architecture Group
Page 10: Indiana World Usability Day 2012 November 8, 2012 Improving web forms usability Jenny Hertel User Experience Analyst Process eXperience Architecture Group

Indicate how to enter response

Page 11: Indiana World Usability Day 2012 November 8, 2012 Improving web forms usability Jenny Hertel User Experience Analyst Process eXperience Architecture Group
Page 12: Indiana World Usability Day 2012 November 8, 2012 Improving web forms usability Jenny Hertel User Experience Analyst Process eXperience Architecture Group

Clearly indicate required fields

Page 13: Indiana World Usability Day 2012 November 8, 2012 Improving web forms usability Jenny Hertel User Experience Analyst Process eXperience Architecture Group
Page 14: Indiana World Usability Day 2012 November 8, 2012 Improving web forms usability Jenny Hertel User Experience Analyst Process eXperience Architecture Group

Ensure validation is not distracting

Page 15: Indiana World Usability Day 2012 November 8, 2012 Improving web forms usability Jenny Hertel User Experience Analyst Process eXperience Architecture Group
Page 16: Indiana World Usability Day 2012 November 8, 2012 Improving web forms usability Jenny Hertel User Experience Analyst Process eXperience Architecture Group

Save/Cache Data

Page 17: Indiana World Usability Day 2012 November 8, 2012 Improving web forms usability Jenny Hertel User Experience Analyst Process eXperience Architecture Group
Page 18: Indiana World Usability Day 2012 November 8, 2012 Improving web forms usability Jenny Hertel User Experience Analyst Process eXperience Architecture Group
Page 19: Indiana World Usability Day 2012 November 8, 2012 Improving web forms usability Jenny Hertel User Experience Analyst Process eXperience Architecture Group
Page 20: Indiana World Usability Day 2012 November 8, 2012 Improving web forms usability Jenny Hertel User Experience Analyst Process eXperience Architecture Group

Provide helpful error messages

Page 21: Indiana World Usability Day 2012 November 8, 2012 Improving web forms usability Jenny Hertel User Experience Analyst Process eXperience Architecture Group
Page 22: Indiana World Usability Day 2012 November 8, 2012 Improving web forms usability Jenny Hertel User Experience Analyst Process eXperience Architecture Group

Provide ‘just-in-time’ instructions or tool tips (but only if they’re really needed)

Page 23: Indiana World Usability Day 2012 November 8, 2012 Improving web forms usability Jenny Hertel User Experience Analyst Process eXperience Architecture Group

Thank you!

[email protected]

Jenny: [email protected]

P.S. Check out the newly-formed IxDA Bloomington Chapter: http://www.ixda.org/local/ixda-bloomington