Common Motion Mistakes

Abstract design gradient artwork

Type scale decisions ripple into every component downstream. Dark mode is a second palette, not an inverted first one. A design system is a set of decisions you no longer have to argue about.

Trade-offs

Whitespace is not empty; it is doing the grouping for you. The prototype answered in a day what the meeting could not in a month. An error message should blame the system, not the person. We tested with five people and found the same problem four times.

Users scan, so headings carry more weight than paragraphs. Whitespace is not empty; it is doing the grouping for you.

Details

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. Contrast is not a style choice; it is whether people can read the page. Whitespace is not empty; it is doing the grouping for you.

We tested with five people and found the same problem four times. Users scan, so headings carry more weight than paragraphs.

A small example

A design system is a set of decisions you no longer have to argue about. We removed three options and support tickets dropped by a third. Type scale decisions ripple into every component downstream.

We removed three options and support tickets dropped by a third.

Whitespace is not empty; it is doing the grouping for you. We removed three options and support tickets dropped by a third.

Users scan, so headings carry more weight than paragraphs. Type scale decisions ripple into every component downstream.

Comments

2 responses to “Common Motion Mistakes”

  1. Elena Avatar
    Elena

    The photos and examples make this so much clearer.

  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 *