← All design terms

Microinteraction

Definition

A Microinteraction is a small, focused interaction within a product that addresses a single task or user need. Examples include liking a post, toggling a switch, or receiving a notification. These interactions provide feedback, enhance user engagement, and add delight, often through subtle animations, sounds, or visual changes that guide users intuitively.

Why it matters

Microinteractions are what separate products that feel polished from those that feel functional-but-cold. They don't add features — they add feeling. A button that responds slightly to a tap, a checkbox that animates when checked, a progress bar that fills with a satisfying animation — these tiny moments accumulate into a product that users describe as 'delightful' or 'well-made.' For premium-priced SaaS products, microinteractions signal craft and justify the price point.

Real-world example

Trello's 'You did it!' onboarding completion screen fills the page with confetti and a mascot — a microinteraction that transforms completing setup from a chore into a moment of genuine celebration.

Trello you did it confetti celebration microinteraction
Confused about
Microinteraction
?
Design is fun, but it's not easy.
Get help from a senior designer.
Start your project with us!
Start a project