au-dessus de la ligne de flottaison.
Micro-interaction
ConceptMoment 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.
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.
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.
Dans le flux
Quand on arrête d'optimiser chaque micro-interaction, on redécouvre qu'une vraie friction peut renforcer la confiance, marquer les moments importants, ou simplement ralentir pour qu'on pense.
Les formulaires d'inscription semblent résolus depuis 20 ans, et pourtant les erreurs persévèrent. Cet article identifie les vrais leviers : pas de la micro-interaction cosmétique, mais des choix structurels qu'on peut appliquer dès lundi.