UX for Web Forms

UX for Web Forms
UX for Web Forms
English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 2h 18m | 262 MB

Explore ways to design web forms that excel in usability, and learn about techniques for creating forms that are visually appealing and simple to use. Instructor Emily Kay begins with an explanation of why form design is important, describing the ways that specific form elements can influence results. Discover how user expectations impact design, and how to make a form accessible so people using screen readers can more easily identify and understand form controls. Find out how to organize a form to keep users focused for optimal results, and how to overcome common design challenges. Learn ways to help circumvent scams and malicious submissions to a form, and methods to handle errors and validation.

Topics include:

  • Why form design matters
  • Incorporating visual information
  • Selecting colors for web forms
  • Designating types of inputs
  • Grouping and sequencing questions
  • Helping with predictive search
  • Showing validation and success messages
  • Addressing errors
  • Designing forms for mobile screens
  • Leveraging boxes, buttons, and tabs
  • Adding CAPTCHA to forms
  • Accessibility considerations
Table of Contents

1 Get your UX web form jam on
2 What is a form
3 Why does form design matter
4 Terminology
5 Types of forms
6 Audience
7 Types of inputs
8 The impact of form design
9 Form design principles
10 Considerations prior to starting
11 Expectations
12 Main purpose of a form
13 Voice and words matter
14 Psychology of forms
15 Types of inputs and key components
16 Incorporate visual information
17 Endowed progress effect
18 Show progress
19 Colors and design
20 Question order
21 Grouping questions
22 Placeholder text
23 Default values
24 Labels
25 Conditional logic
26 Primary versus secondary buttons
27 Alignment and styling
28 Labeling, agreeing, and submitting
29 Placement of labels
30 Floating labels
31 How many columns
32 Width of fields
33 Required and optional fields
34 Help text
35 Errors
36 Validation and success messaging
37 Mobile forms
38 Login forms
39 Booking or registration forms
40 Contact forms
41 Payment forms
42 Very long forms
43 Input masks
44 Redundant fields
46 Accessibility
47 Confirmation
48 Next steps