Tag: prototyping

  • Designing Better Icon Sets

    Designing Better Icon Sets

    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. Dark mode is a second palette, not an inverted first one. Lessons We removed three options and support tickets dropped by a third. Whitespace is not…

  • A Field Guide to Onboarding

    A Field Guide to Onboarding

    Whitespace is not empty; it is doing the grouping for you. Contrast is not a style choice; it is whether people can read the page. Consistency is kind, but clarity wins when the two disagree. Going further Good defaults are the design most users will ever see. Users scan, so headings carry more weight than…

  • A Field Guide to Motion

    A Field Guide to Motion

    A design system is a set of decisions you no longer have to argue about. Consistency is kind, but clarity wins when the two disagree. We removed three options and support tickets dropped by a third. Details Motion should explain a change, not decorate it. An error message should blame the system, not the person.…

  • Navigation That Actually Help Users

    Navigation That Actually Help Users

    A design system is a set of decisions you no longer have to argue about. An error message should blame the system, not the person. Whitespace is not empty; it is doing the grouping for you. Details Motion should explain a change, not decorate it. Type scale decisions ripple into every component downstream. An error…

  • Designing Better Grid Systems

    Designing Better Grid Systems

    Labels above fields beat clever placeholders every time. Users scan, so headings carry more weight than paragraphs. We removed three options and support tickets dropped by a third. Getting started Users scan, so headings carry more weight than paragraphs. Good defaults are the design most users will ever see. An error message should blame the…

  • Micro-interactions in Practice

    Micro-interactions in Practice

    Consistency is kind, but clarity wins when the two disagree. Good defaults are the design most users will ever see. Users scan, so headings carry more weight than paragraphs. What didn’t Whitespace is not empty; it is doing the grouping for you. Type scale decisions ripple into every component downstream. Labels above fields beat clever…

  • A Field Guide to Navigation

    A Field Guide to Navigation

    Consistency is kind, but clarity wins when the two disagree. An error message should blame the system, not the person. We tested with five people and found the same problem four times. A small example The prototype answered in a day what the meeting could not in a month. Labels above fields beat clever placeholders…

  • Designing Better Form Design

    Designing Better Form Design

    Consistency is kind, but clarity wins when the two disagree. 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. Details An error message should blame the system, not the person. We removed three options and support tickets dropped by…

  • How We Rebuilt Our Dark Mode

    How We Rebuilt Our Dark Mode

    Motion should explain a change, not decorate it. Whitespace is not empty; it is doing the grouping for you. Contrast is not a style choice; it is whether people can read the page. A small example The prototype answered in a day what the meeting could not in a month. Type scale decisions ripple into…

  • Designing Better Navigation

    Designing Better Navigation

    Dark mode is a second palette, not an inverted first one. Labels above fields beat clever placeholders every time. A design system is a set of decisions you no longer have to argue about. What didn’t Motion should explain a change, not decorate it. Consistency is kind, but clarity wins when the two disagree. Good…

  • Onboarding: Small Details, Big Wins

    Onboarding: Small Details, Big Wins

    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…

  • Navigation in Practice

    Navigation in Practice

    Contrast is not a style choice; it is whether people can read the page. Users scan, so headings carry more weight than paragraphs. Consistency is kind, but clarity wins when the two disagree. Lessons The prototype answered in a day what the meeting could not in a month. Labels above fields beat clever placeholders every…