<?xml version="1.0" encoding="utf-8"?>
Connect error messages to their input fields
Exercise

Connect error messages to their input fields

Provide concise but meaningful helper text
Exercise

Provide concise but meaningful helper text

Text input
Exercise

Text input

Ensure labels are easier to read
Exercise

Ensure labels are easier to read

Avoid clutter and add enough spacing between elements
Exercise

Avoid clutter and add enough spacing between elements

Exercise

Add an error summary

Use standard input styling for faster recognition
Exercise

Use standard input styling for faster recognition

Keep the input text legible
Exercise

Keep the input text legible

Provide informative placeholders
Exercise

Provide informative placeholders

Select a label case that's easier to read
Exercise

Select a label case that's easier to read

Always keep labels outside of the input
Exercise

Always keep labels outside of the input

Opt for a single-column layout
Exercise

Opt for a single-column layout

Add enough space between inputs
Exercise

Add enough space between inputs

Enable autofill
Exercise

Enable autofill

Use autocomplete for common information
Exercise

Use autocomplete for common information

Provide enough input padding for scannability
Exercise

Provide enough input padding for scannability

Ensure that labels are visible
Exercise

Ensure that labels are visible

Provide helpful labels
Exercise

Provide helpful labels

Exercise

Optimize for keyboard

Define input boundaries
Exercise

Define input boundaries

Use multiple cues for error states
Exercise

Use multiple cues for error states

Automation vs. AI-powered experiences
Exercise

Automation vs. AI-powered experiences

Exercise

Workflow automation opportunities

Alignment errors and user assumptions
Exercise

Alignment errors and user assumptions

Tasks for automation vs augmentation
Exercise

Tasks for automation vs augmentation

Input and training data errors
Exercise

Input and training data errors