Dans cette section, nous allons établir un lien entre les 12 principes classiques de l'animation de Disney et les animations d'interface utilisateur, en expliquant les notions de timing, d'espacement, de « squash-and-stretch » et d'accélération/décélération, afin de créer des interactions crédibles qui clarifient l'état et guident l'attention.

Dans cette section, nous allons concevoir des animations d'interface utilisateur interactives et ciblées, trouver le juste équilibre entre la durée et les effets d'accélération/décélération pour garantir la lisibilité, et optimiser les propriétés animées afin d'assurer une fluidité optimale, en veillant à ce que le mouvement facilite les tâches sans créer d'obstacles.

Dans cette section, nous allons utiliser des indices de mouvement de l'interface pour révéler des éléments hors champ, animer des transitions de vues en couches afin de créer une impression de profondeur, et intégrer des animations de changement de contexte qui guident le déroulement des tâches et réduisent la charge cognitive.

Dans cette section, nous allons exploiter les animations web ciblées – mouvement, continuité et contraste – pour guider le regard de l'utilisateur, maintenir son intérêt et mettre en valeur les contenus essentiels, transformant ainsi des effets autrefois source de distraction en outils de conception ciblés et centrés sur l'utilisateur.

Dans cette section, nous allons utiliser des animations subtiles pour suggérer des possibilités d'interaction, donner un aperçu des résultats et valider ces derniers, ce qui permettra aux flux d'interface utilisateur non linéaires de mettre en évidence les relations de cause à effet, de signaler les erreurs et de renforcer la confiance de l'utilisateur.

Dans cette section, nous allons apprendre à animer les messages d'erreur, les confirmations d'actions et les indicateurs de progression, en synchronisant les mouvements afin de maintenir le dialogue avec l'interface utilisateur, de rassurer les utilisateurs et de réduire la perception des temps d'attente.

Dans cette section, nous allons utiliser des micro-animations pour illustrer les fonctionnalités de l'interface et le parcours d'intégration, puis affiner leur timing et leur rythme afin de refléter la personnalité de la marque, de faciliter la compréhension et de renforcer l'engagement des utilisateurs.

Dans cette section, nous allons répertorier toutes les animations de l'interface utilisateur dans le cadre d'un audit des animations, les évaluer au regard des adjectifs de marque retenus, puis élaborer un guide de style dédié aux animations web afin de garantir des interactions cohérentes et pertinentes.

Dans cette section, nous intégrerons l'animation de l'interface utilisateur dans les processus de conception en identifiant les points de contact optimaux, en esquissant des storyboards, en créant des prototypes animés et en documentant les modèles réutilisables dans le guide de style, afin d'assurer une communication cohérente au sein de l'équipe.

Dans cette section, nous comparerons des croquis, des compositions animées et des prototypes complets, afin de montrer comment le fait d'allier fidélité et interactivité permet d'accélérer les décisions en matière d'animation, de valider l'expérience utilisateur et de convaincre les parties prenantes.

Dans cette section, nous aborderons la détection des mouvements à risque, le respect des préférences des utilisateurs qui optent pour un réglage réduisant les mouvements, l'ajout de commandes de pause, ainsi que l'application des Directives pour l'accessibilité des contenus Web (WCAG) dans le cadre d'une stratégie d'animation inclusive.