UX
La puissance des Micro Interactions
20 avril 2018
Pourquoi préférez-vous cette appli plutôt qu’une autre? Est-ce qu’elle contient des fonctionnalités qui manque dans l’autre? Peut-être qu’elle se charge plus rapidement et qu’elle est plus facile à utiliser? Ou est-ce dû à des petits détails clairsemés ici et là qui lui donnent ce je-ne-sais-quoi? Si vous préférez une appli pour cette dernière raison, vous êtes influencé par une stratégie de Micro Interactions améliorées.
Le terme Micro Interaction fait référence aux petites fonctionnalités qui composent un produit, comme se connecter ou modifier un paramètre.
On trouve plusieurs ressources inspirantes sur le Web qui présentent des exemples de Micro Interactions tirés d’applis auxquelles une attention particulière a été apportée.
Est-ce que les bienfaits apportés par les améliorations aux Micro Interactions justifient l’effort supplémentaire? Comment nos usagers profitent des Micro Interactions améliorées? Explorons comment et pourquoi nous devrions bonifier nos Micro Interactions.
Micro Interactions esthétiques et fonctionnelles
Les améliorations des Micro Interactions peuvent être séparées en deux catégories : esthétiques et fonctionnelles.
Améliorations esthétiques
Les améliorations esthétiques sont souvent constituées d’animations ajoutées à des interactions simples. Ces animations peuvent servir à :
Rendre l’attente plus agréable en divertissant l’usager
Informer l’usager de son cheminement durant les transitions entre les écrans
Attirer l’attention aux changements en donnant une rétroaction immédiate
Aider l’usager à comprendre comment utiliser le produit
Améliorations fonctionnelles
Les améliorations fonctionnelles sont plus subtiles mais sont d’autant plus plaisantes pour l’usager.
Modifier les paramètres par défaut selon les sélections et les comportements de l’usager
Les améliorations fonctionnelles nécessitent une grande compréhension des comportements et besoins du public cible.
Comment en faire bénéficier votre marque?
Alors que les usagers profitent d’une meilleure expérience grâce aux Micro Interactions améliorées, les entreprises en retirent aussi des bénéfices. En voici quelques exemples :
Créer un rapprochement avec l’usager
L’usager ressent que l’appli et la marque font des efforts pour améliorer son expérience.
Renforcer l’image de marque
Les images et le texte sont des outils pour exprimer votre image de marque mais les animations peuvent faire passer cette expression à un niveau supérieur.
Par exemple, pour une marque sportive, des transitions à mouvement rapide et fluide communiquent une sensation de vitesse.
Pour une marque de pâte à modeler, des boutons qui grossissent avec une impression de malléabilité quand ils sont poussés rappellent le produit et les sensations tactiles qui l’accompagnent.
Donner au produit un air créatif et amusant
Un écran statique peut paraître trop sérieux. Ajouter des Micro Interactions animées aide à créer un effet de surprise et renforcer la créativité de votre marque. De plus, les Micro Interactions animées contribuent à transformer l’expérience d’utilisation de votre produit en une expérience ludique.
Attribuer une intelligence au produit
Avec des animations qui semblent naturelles, souvent en respectant les lois de la physique, et des rétroactions qui répondent aux besoins actuels des usagers, les améliorations aux Micro Interactions donnent à votre produit un air intelligent et intuitif.
Règles de base
« Si je suis convaincu! Je vais mettre des Micro Interactions améliorées partout dans mon produit! »
Un instant! Avant d’appliquer des améliorations aux Micro Interactions un peu partout, voici quelques règles de base à garder en tête :
Prenez soin de…
Respecter la narrative et la thématique
Les Micro Interactions améliorées doivent faire partie de la narrative de votre produit et être conçues pour se fondre à l’expérience
Prendre connaissance des besoins de votre public cible
Les Micro Interactions améliorées vont satisfaire vos usagers seulement si ceux-ci les désirent ou en ont besoin. Sinon, vos améliorations peuvent devenir des dérangements.
Évitez…
De briser la cohérence de votre design
Il est rarement bénéfique de faire des exceptions à votre design pour introduire des Micro Interactions améliorées.
Plutôt, privilégiez les fonctionnalités qui sont cohérentes avec votre design ou, mieux encore, réutilisez celles qui en font déjà partie. Ainsi, vous pouvez plus facilement respecter la vision de votre design.
De vouloir en faire trop
La modération a bien meilleur goût! Faites des choix pour offrir les améliorations qui offrent le plus de bienfaits à vos utilisateurs. Tentez d’éviter d’ajouter des améliorations seulement pour en avoir plus.
Conclusion
Autant les usagers que les marques peuvent bénéficier des améliorations esthétiques et fonctionnelles aux petites fonctionnalités qui composent un produit.
Tant que ces améliorations sont intégrées en respectant la cohérence du design et qu’elles sont choisies judicieusement pour conserver celles qui apportent le maximum de valeur, le produit dont elles font partie peut devenir plus intéressant et attirant pour les usagers tout en communiquant des sensations ludiques et intuitives.
Source des images et GIF animés : Dribbble.com