<?xml version="1.0" encoding="utf-8"?>
Help users recognize and recover from errors
Exercise

Help users recognize and recover from errors

Error prevention
Exercise

Error prevention

Prevent user errors
Exercise

Prevent user errors

Error state
Exercise

Error state

UI kits
Exercise

UI kits

Place error messages below the input
Exercise

Place error messages below the input

An error may occur because of incorrect data
Exercise

An error may occur because of incorrect data

Don't truncate error messages
Exercise

Don't truncate error messages

Microcopy patterns for errors and alerts
Exercise

Microcopy patterns for errors and alerts

Provide inline validation
Exercise

Provide inline validation

Exercise

Add inline validation in forms

Write clear error messages
Exercise

Write clear error messages

Make important information clear
Exercise

Make important information clear

Create helpful 404 pages
Exercise

Create helpful 404 pages

Provide helpful error messages
Exercise

Provide helpful error messages

Exercise

Keep the error state visible till fixed

Place the error message near the erroneous input
Exercise

Place the error message near the erroneous input

Avoid ALL CAPS
Exercise

Avoid ALL CAPS

Write clear and concise error messages
Exercise

Write clear and concise error messages

Provide input masks to avoid errors
Exercise

Provide input masks to avoid errors

Prevent errors from the start
Exercise

Prevent errors from the start

Meaningful error messages
Exercise

Meaningful error messages

Allow users to enter information
Exercise

Allow users to enter information

Don’t make users feel bad
Exercise

Don’t make users feel bad

Use human language
Exercise

Use human language

Error alert
Exercise

Error alert

Prevent errors before they happen
Exercise

Prevent errors before they happen

Use humor mindfully
Exercise

Use humor mindfully

Keep the input in default state
Exercise

Keep the input in default state

What is an error message?
Exercise

What is an error message?

Signal error after loss of focus
Exercise

Signal error after loss of focus

Tell users what went wrong
Exercise

Tell users what went wrong

Error messages
Exercise

Error messages

The gulfs of evaluation and execution
Exercise

The gulfs of evaluation and execution

Promo code error
Exercise

Promo code error

Provide a search input
Exercise

Provide a search input

Guide users to your best content
Exercise

Guide users to your best content

Confirm destructive actions
Exercise

Confirm destructive actions

Add on-point visuals
Exercise

Add on-point visuals

Put some effort into the copy
Exercise

Put some effort into the copy

Demonstrate attention to detail
Exercise

Demonstrate attention to detail

Make users crack a smile
Exercise

Make users crack a smile

Represent your brand
Exercise

Represent your brand

Include helpful constraints
Exercise

Include helpful constraints

What are slips?
Exercise

What are slips?

Discover gaps through research
Exercise

Discover gaps through research

Avoid clutter
Exercise

Avoid clutter

Explain what happened
Exercise

Explain what happened

Set reasonable defaults
Exercise

Set reasonable defaults

Don't go overboard
Exercise

Don't go overboard