Microinteractions are small visual or auditory feedback that users receive when performing an action. These small details can greatly improve the user experience.
Examples of effective microinteractions:
- Ripple effect when a button is clicked
- Animations seen when typing in form fields
- Check mark shown after successful completion
- Elastic responses seen in drag movements
4 rules for well-designed microinteractions:
- 1. Serve a purpose - Should not be merely decorative
- 2. Be simple - Should not disturb the user
- 3. Be consistent - Should behave similarly throughout the interface
- 4. Be quick - Should complete within 0.1-0.4 seconds
These small details can increase user satisfaction by up to 26%!