Microinteraction
01 Definition
Microinteraction meaning: A small, focused moment of feedback or animation triggered by a single user action.
A microinteraction is a tiny, contained event that gives feedback or completes one small task, such as a button changing state, a toggle sliding, or a subtle confirmation animation. Done well, it communicates status and makes an interface feel responsive and polished.
Why it matters
How Microinteraction fits the work
Small feedback moments confirm that an action worked and guide the next step, which makes an interface feel alive and trustworthy without adding clutter.
In context
When the user tapped the heart icon, it briefly scaled up and turned red, confirming the post was saved to favorites.
Practical note
Keep them fast and purposeful. Overlong or excessive animations slow users down and annoy repeat visitors, and they should respect reduced-motion settings for accessibility.