How We Rebuilt Our Onboarding

Abstract design gradient artwork

Whitespace is not empty; it is doing the grouping for you. Motion should explain a change, not decorate it. We tested with five people and found the same problem four times.

Context

Labels above fields beat clever placeholders every time. 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.

A design system is a set of decisions you no longer have to argue about. Users scan, so headings carry more weight than paragraphs.

Details

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. A design system is a set of decisions you no longer have to argue about.

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

We removed three options and support tickets dropped by a third. Labels above fields beat clever placeholders every time.

Getting started

We removed three options and support tickets dropped by a third. An error message should blame the system, not the person. Labels above fields beat clever placeholders every time. Consistency is kind, but clarity wins when the two disagree.

Labels above fields beat clever placeholders every time. We tested with five people and found the same problem four times.

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

Comments

One response to “How We Rebuilt Our Onboarding”

  1. Marco Avatar
    Marco

    Could you share more details on the second section?

Leave a Reply

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