YoVDO

UX for Web Forms

Offered By: LinkedIn Learning

Tags

User Experience Courses Web Development Courses Web Design Courses Accessibility Courses User Experience Design Courses Content Organization Courses

Course Description

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
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

Taught by

Emily Kay

Related Courses

Software as a Service
University of California, Berkeley via Coursera
Intro to Computer Science
University of Virginia via Udacity
Web Development
Udacity
Software Engineering for SaaS
University of California, Berkeley via Coursera
CS50's Introduction to Computer Science
Harvard University via edX