Microinteraction explained
A microinteraction is a short feedback loop around an action or state change. A pressed button, a saved item confirmation, and field validation are examples. A microinteraction typically has a trigger, a response, and a resulting state. Motion can help, but meaning should also be available through text or a clear state change.
Why it matters.
People want to know what happened after they act. Timely, restrained responses explain that the system is working and what changed. Small responses shape the overall feel of a product because they occur often. A delayed, excessive, or ambiguous response can make the same simple action tiring each time.
Let's look at an example.
Think of a favorite button.
When selected, the heart changes appearance and a ‘Added to favorites’ message appears. The response confirms the action succeeded. Removing a favorite should return the icon to its original state and may offer an undo action. People should understand both directions of the change equally well.
How to apply it.
- 01
Decide what the person needs to know after the action.
- 02
Keep feedback short and clear.
- 03
Provide an alternative for reduced-motion preferences.
“The best small motion carries meaning.