Créer des animations interactives au survol dans vos présentations

Cette vidéo explique comment ajouter des animations au survol à des boutons et objets afin de renforcer l'expérience utilisateur et indiquer visuellement les éléments interactifs dans vos projets.

Détails de la leçon

Description de la leçon

Dans cette leçon, l’accent est mis sur la conception d’animations au survol pour optimiser l’interactivité des interfaces. Il est démontré, étape par étape, comment créer un bouton interactif puis y appliquer une animation d’accentuation, notamment un effet d’agrandissement. Le formateur aborde l’ajustement de la durée, de la vitesse et de la taille pour un rendu adapté à l’usage des boutons.


Une attention particulière est portée à l’utilisation du déclencheur d’objet, qui permet de lier l’animation à l’action du survol du curseur. L’importance de l’option « Restaurer lorsque le curseur quitte l’objet » est soulignée, garantissant ainsi que l’animation revient à son état initial lorsque la souris ne survole plus l’élément.


La vidéo propose ensuite une alternative aux animations via changement d’état, illustrée à l’aide d’un carré doté de deux états distincts. Le passage de l’état initial à l’état « Révéler » s’opère également grâce au survol de la souris, ce qui offre de nouvelles possibilités d’interactions avancées par la gestion des états personnalisés. Enfin, la leçon introduit le principe général du déclencheur, soulignant qu’il existe de nombreuses autres formes d’interactivité pour approfondir la conception dynamique et l’engagement utilisateur.

Objectifs de cette leçon

L’objectif principal est d’apprendre à concevoir des animations au survol afin de rendre les objets interactifs et ainsi offrir une meilleure expérience utilisateur. Il s’agit aussi d’être capable de gérer efficacement le retour à l’état initial et de découvrir l’utilisation des changements d’état pour enrichir les interactions.

Prérequis pour cette leçon

Il est nécessaire de maîtriser les bases du logiciel de présentation utilisé (ex. PowerPoint, Storyline, etc.), y compris l’insertion et la modification d’objets et l’accès au menu d’animation.

Métiers concernés

Les compétences présentées sont particulièrement pertinentes pour les concepteurs e-learning, formateurs digitaux, UX/UI Designers, spécialistes de la communication visuelle et chargés de projet multimédia.

Alternatives et ressources

Des alternatives comme Articulate Storyline, Adobe Captivate, PowerPoint ou Genially proposent des fonctionnalités semblables pour intégrer des animations au survol et des interactions avancées.

Questions & Réponses

L’animation au survol donne un feedback visuel immédiat à l’utilisateur, lui indiquant clairement qu’il peut cliquer sur le bouton. Cela améliore l’expérience utilisateur et augmente le taux d’engagement sur les éléments interactifs.
L’option « Restaurer lorsque le curseur quitte l’objet » permet à l’animation de revenir automatiquement à son état d’origine quand la souris ne survole plus l’objet. Sans cette option cochée, l’objet reste bloqué dans son état final.
Les changements d’état offrent une plus grande flexibilité en permettant de remplacer l’apparence ou le contenu d’un objet au survol, au lieu de se limiter à des effets d’animation. Cela permet de révéler des messages, modifier des couleurs ou afficher des éléments contextuels, enrichissant ainsi l’interactivité.