Common Data Tables Mistakes

Abstract design gradient artwork

Whitespace is not empty; it is doing the grouping for you. Motion should explain a change, not decorate it. Dark mode is a second palette, not an inverted first one.

Context

Good defaults are the design most users will ever see. Whitespace is not empty; it is doing the grouping for you. Consistency is kind, but clarity wins when the two disagree.

Labels above fields beat clever placeholders every time. Whitespace is not empty; it is doing the grouping for you.

Getting started

Contrast is not a style choice; it is whether people can read the page. Consistency is kind, but clarity wins when the two disagree. We tested with five people and found the same problem four times. The prototype answered in a day what the meeting could not in a month.

  • Write the microcopy before the mockup
  • Prefer one clear action per screen
  • Design the empty and error states
  • Check contrast early

The prototype answered in a day what the meeting could not in a month. Good defaults are the design most users will ever see.

The short version

The prototype answered in a day what the meeting could not in a month. Users scan, so headings carry more weight than paragraphs. A design system is a set of decisions you no longer have to argue about. Whitespace is not empty; it is doing the grouping for you.

Users scan, so headings carry more weight than paragraphs. Dark mode is a second palette, not an inverted first one.

Labels above fields beat clever placeholders every time. Motion should explain a change, not decorate it.

Comments

Leave a Reply

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