ALIVE LIBRARY
PATTERNS & PRACTICE

Error messages as a design surface

Last updated: June 2026

Error messages as a design surface means treating every error not as a failure announcement, but as a helpful, respectful communication that explains the problem clearly, offers a solution, and preserves user dignity.

01

The Principle

Error messages are among the most emotionally charged moments in any interface. When something goes wrong, users already feel frustrated or uncertain. A poor error message amplifies that feeling with blame (“You entered an invalid email”), jargon, or vagueness. A good one acts as a helpful guide: it clearly states what happened, why it matters, and what the user can do next.

Effective error messages follow a simple structure:

  • Acknowledge the problem without blame
  • Explain it in plain language
  • Offer a clear, actionable next step
  • Maintain a calm, human tone

This turns a moment of friction into an opportunity to build trust and competence. Poor error handling is one of the fastest ways to lose users; thoughtful handling can actually strengthen the relationship.

In my own projects, I used to write error messages as quick afterthoughts — technical and defensive. Watching users in testing sessions get stuck or annoyed showed me how much damage they caused. Redesigning them with empathy and clarity reduced support tickets and improved perceived reliability, even when the underlying errors remained the same. The lesson was humbling: error messages are not technical necessities — they are a core part of the user experience.

02

Why It Matters for Design & Building

Error states are inevitable, especially in complex products. How we handle them directly affects user confidence, completion rates, and overall perception of the product. Good error design reduces frustration and cognitive load at the exact moment users need the most help. Poor design adds insult to injury.

As a Design Engineer, I now treat error messages with the same care as primary flows. In one form-heavy tool, we replaced generic “Something went wrong” messages with specific, actionable guidance (“The email address appears to be invalid. Please check the format and try again.” plus a one-click correction suggestion). Users recovered faster and reported feeling supported rather than scolded. The change was small in code but large in user experience.

This principle is deeply connected to calm technology. Errors are high-stress moments. Honest, helpful messages help users stay calm and in control. Vague or blaming ones spike anxiety and erode trust. Thoughtful error design is quiet proof that the product respects its users.

03

Real-World Examples

Mailchimp’s error messages are consistently excellent. They use plain language, humor when appropriate, and always provide a clear path forward. Users rarely feel stupid — they feel helped.

Many banking and government forms illustrate the opposite. Cryptic codes like “Error 0xFF47” or blame-heavy messages (“Invalid input”) leave users confused and frustrated, often causing abandonment of important tasks.

A checkout flow I worked on offered a mixed but instructive case. Original payment errors were technical and unhelpful. After rewriting them with plain explanations, suggested fixes, and easy retry options, recovery rates improved significantly and negative feedback about the payment step dropped sharply.

References

  1. Wroblewski, L. (2008). Web Form Design. Rosenfeld Media.
  2. NN/g: Error Message Guidelines. nngroup.com
  3. Case, A. (2015). Calm Technology. O'Reilly Media.
  4. Higgins, K. (2020). Better Onboarding. A Book Apart.
  5. Podmajersky, T. (2019). Strategic Writing for UX. O'Reilly Media.