Expérience utilisateur · 2 min de lecture

Animation spectaculaire ou expérience fluide ? Les deux peuvent se combiner.

L’animation est précieuse lorsqu’elle sert un objectif : montrer la relation entre les calques, expliquer le résultat d’un choix ou rendre la transition compréhensible.

BCL Web Design ·
Illustration éditoriale dédiée au sujet: Animation spectaculaire ou expérience fluide ? Les deux peuvent se combiner.BCLDESIGN JOURNAL
Image éditoriale illustrative créée pour BCL, sans représenter un bureau ou projet client réel.

Présentez la décision de manière appropriée.

L’animation est précieuse lorsqu’elle sert un objectif : montrer la relation entre les calques, expliquer le résultat d’un choix ou rendre la transition compréhensible. Des éléments qui clignotent constamment et le même mouvement de glissement dans chaque section peuvent distraire le visiteur. Déterminez d’abord quelles informations peuvent être mieux transmises par le mouvement.

Que faut-il prendre en compte en pratique ?

Mesurer l'impact des animations sur l'écran du téléphone. Les vidéos volumineuses, les scènes 3D complexes et les effets qui s'exécutent même loin de la page affectent l'autonomie de la batterie et la fluidité. Mettre en pause les scènes invisibles, afficher les visuels dans des tailles appropriées et séparer l'interaction du contenu principal sont de bons points de départ.

Contrôle et étape suivante

Prise en charge des animations réduites. Les informations essentielles doivent être lisibles avant même la fin de l'animation ; l'utilisateur ne doit pas avoir à attendre un long chargement pour accéder au site. Si l'indicateur de chargement ne reflète pas la progression réelle, il ne doit pas être présenté comme un pourcentage de téléchargement.

Votre liste de contrôle

  • Définir l'objectif des animations.
  • Mesurer l'impact des animations sur l'écran du téléphone.
  • Prise en charge des animations réduites.
AnimationPerformanceDesign
Ouvrir les contacts