Browse · Microinteractions

UX Design

Microinteractions

Dan Saffer

1st ed.

The love or hate of a product lives in a hundred tiny moments — the toggle, the loading spinner, the double-tap heart. This is how to design them on purpose.

About the book

Dan Saffer breaks every microinteraction — a toggle, a password field, a pull-to-refresh — into four parts: a Trigger that starts it, Rules that determine what happens, Feedback that shows it happening, and Loops & Modes that govern its long-term behavior. These moments are so small users rarely notice them consciously, but they feel every one of them. The gap between a product people tolerate and a product they love is almost always here, not in the big features.

Best used for

  • —Designing a toggle, button, or form-validation state that actually feels responsive
  • —Auditing an interaction against the Trigger, Rules, Feedback, Loops & Modes structure
  • —Turning a dead loading state into a moment that feels alive

“This book is full of common sense advice. Be brief. Be consistent. Keep things simple.”

— Graham Herrli, Goodreads

Install this skill

Run this command in your terminal. The skill will be available in all your Claude Code projects.

mkdir -p ~/.claude/skills/microinteractions && curl -fsSL "https://raw.githubusercontent.com/wondelai/skills/main/microinteractions/SKILL.md" -o ~/.claude/skills/microinteractions/SKILL.md

Once installed, invoke with /microinteractions in Claude Code, or let Claude load it automatically when relevant.

Skill by wondelai/skills, licensed MIT.