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