Type scale decisions ripple into every component downstream. Consistency is kind, but clarity wins when the two disagree. Contrast is not a style choice; it is whether people can read the page.
What didn’t
We tested with five people and found the same problem four times. We removed three options and support tickets dropped by a third. Labels above fields beat clever placeholders every time. 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. Good defaults are the design most users will ever see.
Going further
Motion should explain a change, not decorate it. We removed three options and support tickets dropped by a third. We tested with five people and found the same problem four times. Good defaults are the design most users will ever see.
- Write the microcopy before the mockup
- Check contrast early
- Design the empty and error states
- Start from content, not components
Users scan, so headings carry more weight than paragraphs. Dark mode is a second palette, not an inverted first one.
Lessons
We tested with five people and found the same problem four times. Labels above fields beat clever placeholders every time. Whitespace is not empty; it is doing the grouping for you. Dark mode is a second palette, not an inverted first one.
Whitespace is not empty; it is doing the grouping for you. We removed three options and support tickets dropped by a third.
An error message should blame the system, not the person. We tested with five people and found the same problem four times.
Leave a Reply