Notre oeil est naturellement attiré par les objets en mouvements. C’est instinctif. Le mouvement attire l’attention de manière automatique. Une image animée a donc plus d’impact sur l’oeil d’un utilisateur qu’une image statique. Dans le domaine du digital, les animations sont passées en quelques années de tendance à norme. Au départ simple outil de différenciation de la concurrence, elles font aujourd’hui partie intégrante du design d’interface et cela, tant pour des raisons fonctionnelles que visuelles. Le motion joue désormais un rôle important au sein d’une expérience utilisateur. Il faut cependant veiller à user des animations au bon endroit, au bon moment, au risque de créer l’effet contraire et d’avoir un impact négatif sur l’expérience.

Dans le système du Material Design, le motion fait partie intégrante du système visuel. Tout simplement parce que dans la vraie vie, les objets n’apparaissent pas de manière abrupte, le motion transmet de l’énergie et communique une certaine forme de réalité naturelle. Les animations tendent à aider les utilisateurs à naviguer sur des interfaces, aussi complexes soient-elles, en leur apportant la bonne information au bon moment. Selon ces guidelines de Google, le motion, dans le monde matériel du design, est utilisé pour décrire une relation de spatialité entre des éléments, leurs fonctionnalités, rend l’interface fluide et donne une intention esthétique.

Le mouvement attire l’oeil des utilisateurs dans une zone souhaitée en la distinguant des autres éléments de l’interface. C’est un élément différenciant. Une animation contrôlée permet de rendre une interface plus intuitive, plus prévisible et plus facile d’utilisation. Par prévisible, j’entends donner des indices sur ce qui va arriver par la suite.

Enfin, le motion raconte une histoire, crée du sens, donne vie à un produit digital, rendant l’expérience utilisateur d’autant plus positive et “delightful”. Le motion apporte de la personnalité à une interface. Pour chaque bouton, chaque transition se cache une histoire. Quelque chose d’aussi simple que cliquer sur une vignette pour agrandir et révéler plus de contenus est valorisé par le simple fait de l’agrémenter une transition fluide. L’attention du détail est la clé d’une expérience mémorable puisque ces détails placent l’utilisateur au coeur du projet. Ainsi, animer l’UI permet de créer une expérience encore plus humaine et naturelle en apportant un nouveau niveau de profondeur au design d’interaction : l’émotion.

Il ne faut pas oublier que l’utilisation d’animations demande de la ressource sur le plan technique. Une sur-utilisation entraînerait un chargement beaucoup trop long. Les animations doivent rester par petites touches. Il ne faut pas animer les éléments simplement parce vous adorez l’animation. Une animation est aussi synonyme de distraction et pourrait éloigner l’utilisateur du contenu principal, ce qui serait l’effet totalement inverse de l’objectif de départ. Tout est donc question de balance, de justesse, d’équilibre, de proportion et surtout de bon sens.