UX Patterns
Error State
UXerrorfeedbackrecoveryvalidation
UI shown when an operation fails — communicating what went wrong and how to recover.
When to use
- Network failures, validation errors, or server errors
- Always explain what happened and offer a recovery action (retry, contact support)
- Never show raw error codes to end users
Examples
- 'Something went wrong. Try again.' with a Retry button
- Form field turning red with 'Email is invalid' inline message
See this in the wild
Analyze a site and look for error state in the breakdown.
