Le Journal d'UX
L'actualité UX,
au-dessus de la ligne de flottaison.
Wiki UX Micro-interaction

Micro-interaction

Concept
Définition

Moment interactif minuscule et ciblé, contenu dans un seul cas d'usage. Dan Saffer les décompose en quatre parties : déclencheur, règles, feedback et boucles/modes. Le like sur un post, le toggle d'un switch, le pull-to-refresh sont des micro-interactions. Elles transforment des actions banales en moments satisfaisants. Une bonne micro-interaction est invisible quand elle fonctionne et frustrante quand elle manque.

En pratique

Identifier les actions répétitives où un feedback riche améliorerait l'expérience. Garder les animations de micro-interaction sous 300ms pour ne pas ralentir l'utilisateur. Ajouter du feedback haptique sur mobile pour les actions critiques (validation de paiement, suppression). Tester les micro-interactions en condition réelle : une animation fluide sur un iPhone 15 peut saccader sur un téléphone d'entrée de gamme. Les micro-interactions ne sont pas décoratives : chacune doit communiquer une information.

Exemple

Le double-tap pour liker sur Instagram produit une animation de coeur qui apparaît et disparaît en 400ms. Ce feedback rend le geste satisfaisant et a contribué à en faire un pattern repris par d'autres plateformes.

Voir aussi
Affordance
Design émotionnel
Feedback
Flow
Sources
Dan Saffer, Microinteractions: Designing with Details, 2013
Le Journal d'UX : veille UX et design au quotidien, wiki UX de référence en français. Ouvert aux contributions de la communauté.