UX for Web Forms

Introduction

• Get your UX web form jam on
• What is a form?
• Why does form design matter?
• Terminology

1. Forms Are for Everyone

• Types of forms
• Audience
• Types of inputs

2. Form Organization

• The impact of form design
• Form design principles
• Considerations prior to starting
• Expectations

3. Organizing Content

• Main purpose of a form
• Voice and words matter
• Psychology of forms
• Types of inputs and key components
• Incorporate visual information
• Endowed progress effect
• Show progress
• Colors and design

4. Guiding Users Through the Form

• Question order
• Grouping questions
• Placeholder text
• Default values
• Labels
• Conditional logic

5. Actions and Buttons

• Primary versus secondary buttons
• Alignment and styling
• Labeling, agreeing, and submitting

6. Form Visuals

• Placement of labels
• Floating labels
• How many columns?
• Width of fields
• Required and optional fields
• Help text
• Errors
• Validation and success messaging
• Mobile forms

7. Specific Form Type Tips

• Login forms
• Booking or registration forms
• Contact forms
• Payment forms

8. Common Form Needs and Considerations

• Very long forms
• Input masks
• Redundant fields
• CAPTCHA
• Accessibility
• Confirmation

Conclusion

• Next steps