Onboarding: Small Details, Big Wins

Abstract design gradient artwork

We tested with five people and found the same problem four times. Consistency is kind, but clarity wins when the two disagree. Dark mode is a second palette, not an inverted first one.

The short version

Consistency is kind, but clarity wins when the two disagree. An error message should blame the system, not the person. Motion should explain a change, not decorate it.

Consistency is kind, but clarity wins when the two disagree. Motion should explain a change, not decorate it.

Context

We tested with five people and found the same problem four times. Whitespace is not empty; it is doing the grouping for you. Type scale decisions ripple into every component downstream.

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

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.

Getting started

Motion should explain a change, not decorate it. We removed three options and support tickets dropped by a third. Contrast is not a style choice; it is whether people can read the page. An error message should blame the system, not the person.

An error message should blame the system, not the person.

We tested with five people and found the same problem four times. Good defaults are the design most users will ever see.

We tested with five people and found the same problem four times. Motion should explain a change, not decorate it.

Comments

2 responses to “Onboarding: Small Details, Big Wins”

  1. Hugo B. Avatar
    Hugo B.

    I’ve been doing it wrong for years, apparently. Thanks!

  2. Hannah K. Avatar
    Hannah K.

    I’ve been doing it wrong for years, apparently. Thanks!

Leave a Reply

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