Error Messages in Practice

Abstract design gradient artwork

Consistency is kind, but clarity wins when the two disagree. Contrast is not a style choice; it is whether people can read the page. We removed three options and support tickets dropped by a third.

Lessons

Users scan, so headings carry more weight than paragraphs. We tested with five people and found the same problem four times. Labels above fields beat clever placeholders every time. A design system is a set of decisions you no longer have to argue about.

Dark mode is a second palette, not an inverted first one. We tested with five people and found the same problem four times.

Context

An error message should blame the system, not the person. Users scan, so headings carry more weight than paragraphs. The prototype answered in a day what the meeting could not in a month.

  • Write the microcopy before the mockup
  • Design the empty and error states
  • Prefer one clear action per screen
  • Start from content, not components

Users scan, so headings carry more weight than paragraphs. Consistency is kind, but clarity wins when the two disagree.

What didn’t

Consistency is kind, but clarity wins when the two disagree. We removed three options and support tickets dropped by a third. Dark mode is a second palette, not an inverted first one.

We removed three options and support tickets dropped by a third. Users scan, so headings carry more weight than paragraphs.

Users scan, so headings carry more weight than paragraphs. Good defaults are the design most users will ever see.

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *