Micro-interactions are the small, self-contained interactive moments in a UI: a button that changes color on hover, a toggle switch that snaps with a subtle animation, a form field that shows a green check when your email format is valid. Dan Saffer, who literally wrote the book on them, defines the pattern as: trigger, rules, feedback, loops/modes.
On landing pages, micro-interactions serve a purpose beyond delight — they're trust proxies. When a user hovers over a button and it responds instantly with a smooth state change, that signals technical competence. When they fill in a form field and get real-time validation, that signals attention to detail. Visitors draw conclusions about your product from how your page feels to interact with.
High-impact micro-interactions for landing pages
Focus on these five: (1) Button hover and active states — every clickable element needs them, (2) Form field focus states — highlight the active field, (3) Real-time form validation — don't make users submit to discover errors, (4) Scroll-triggered progress indicators — show how far down the page they are, (5) Interactive pricing calculators or sliders — let users self-configure.
The anti-pattern: micro-interactions that get in the way. A toggle that takes 800ms to animate before registering the state change. A hover effect that obscures the text. Interactive elements that feel clever but make basic tasks slower. Speed and clarity always beat novelty.