Designing Better Data Tables

Users scan, so headings carry more weight than paragraphs. Labels above fields beat clever placeholders every time. Motion should explain a change, not decorate it.

Getting started

The prototype answered in a day what the meeting could not in a month. Dark mode is a second palette, not an inverted first one. Contrast is not a style choice; it is whether people can read the page. Type scale decisions ripple into every component downstream.

Good defaults are the design most users will ever see. A design system is a set of decisions you no longer have to argue about.

What worked

Users scan, so headings carry more weight than paragraphs. An error message should blame the system, not the person. Consistency is kind, but clarity wins when the two disagree.

• Prefer one clear action per screen
• Test with real data
• Write the microcopy before the mockup
• Design the empty and error states

Consistency is kind, but clarity wins when the two disagree. Good defaults are the design most users will ever see.

Going further

We tested with five people and found the same problem four times. Whitespace is not empty; it is doing the grouping for you. A design system is a set of decisions you no longer have to argue about. The prototype answered in a day what the meeting could not in a month.

Good defaults are the design most users will ever see.

Type scale decisions ripple into every component downstream. Consistency is kind, but clarity wins when the two disagree.

Good defaults are the design most users will ever see. Whitespace is not empty; it is doing the grouping for you.