Assign 3: Chapter 9: Designing a Form

Important Components of Forms:

1. Structure
2. Input Fields
3. Field Labels
4. Action Button
5. Feedback

Optional, but Good to Have:

• Assistance
• Validation

Key Takeaways:

You want to be able to make the process of filling out a form as easy as possible for the users, while also making sure you have all the information that you need!

UX Tips and Tricks:

1. Be simple and straightforward
2. Use one column
3. Arrange your form fields from easiest to hardest
4. Use inline form field validation
5. Align text to the left
6. Clearly title your form
7. Don't ask for phone numbers
8. Use auto-fill browsers
9. Address possible user concerns with summary boxes
10. Design mobile forms differently
11. Use positive error messages
12. Include smart defaults
13. Add progress bars for long forms
14. Use reCAPTCHAs, not CAPTCHAs
15. Enable the ability to tab to next form field

Key Takeaways:

Using principles of design and an awareness to accessibility, you will be able to create forms that will be easy for users to navigate, while also giving them a comfortable and pleasing experience while on the form!