Overview
-
Learn about user experience (UX) design principles that can make a web form appealing, easy to use, accessible, and secure.
Syllabus
-
Introduction
- Get your UX web form jam on
- What is a form?
- Why does form design matter?
- Terminology
- Types of forms
- Audience
- Types of inputs
- The impact of form design
- Form design principles
- Considerations prior to starting
- Expectations
- 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
- Question order
- Grouping questions
- Placeholder text
- Default values
- Labels
- Conditional logic
- Primary versus secondary buttons
- Alignment and styling
- Labeling, agreeing, and submitting
- Placement of labels
- Floating labels
- How many columns?
- Width of fields
- Required and optional fields
- Help text
- Errors
- Validation and success messaging
- Mobile forms
- Login forms
- Booking or registration forms
- Contact forms
- Payment forms
- Very long forms
- Input masks
- Redundant fields
- CAPTCHA
- Accessibility
- Confirmation
- Next steps
