Qu’est-ce que Micro-interaction ?

C'est comme le « clic » d’un interrupteur physique : sans ce feedback, vous ne seriez pas sûr que la lumière va suivre. Les micro-interactions couvrent animations de bouton, transitions de validation, skeleton loaders, vibrations discrètes sur mobile ou son optionnel. Elles renforcent la compréhension immédiate (« ma demande est prise en compte ») et réduisent l’anxiété dans les formulaires et tunnels — à condition de rester performantes et respectueuses des préférences (réduction des mouvements, accessibilité).

Déclencheur (événement) ; règles (états) ; feedback (animation, couleur, texte) ; parfois boucle (auto-complete). Implémentées en CSS/JS légère ou Lottie modéré ; couplées aux tokens du [design system](/lexique/design-system). Sur mobile, elles complètent le [responsive mobile](/lexique/responsive-mobile) en rendant le tactile moins « aveugle ».

Sur parcours formulaires et checkout, des retours d’études UX et de tests A/B sur feedback immédiat (états chargement, erreurs contextualisées) montrent souvent une baisse des abandons de plusieurs points lorsque l’utilisateur comprend où il en est — à budget animation équivalent, mieux vaut clarifier l’état que d’ajouter une étape de plus.

• Durées courtes ; signification claire ; désactivation possible ; respect WCAG (pas d’information uniquement par couleur ou mouvement) ; mesure perf continue.

• Animations longues ou omniprésentes qui dégradent [INP](/lexique/inp-interaction-to-next-paint). Micro-interactions décoratives sans lien avec l’action. Ignorer `prefers-reduced-motion`.