Comparaison comportementale
Courbe d’animation vs Mouvement réduit et repli
Différence décisive
Courbe d’animation concerne un rythme de durée fixée ; Mouvement réduit et repli concerne le même résultat sans mouvement. Les deux peuvent se combiner si le besoin le justifie.
Critères de choix, liens et sources
- Courbe d’animationChoisis Courbe d’animation si tu cherches un rythme de durée fixée.Ouvrir la fiche Courbe d’animation
- Mouvement réduit et repliChoisis Mouvement réduit et repli si tu cherches le même résultat sans mouvement.Ouvrir la fiche Mouvement réduit et repli
Voir les neuf dimensionsVoir les sources
Mouvement et effets
Essayer
Le mouvement explique-t-il un changement, signale-t-il un état ou décore-t-il seulement ?
Courbe d’animation
Contexte commun aux essais
Un élément se déplace, change d’état ou attend un contenu. Quelle information doit rester sans mouvement ?
Courbe d’animation
Aperçu statique : l’état et le résultat restent lisibles sans mouvement. Active la démo pour comparer le paramètre, mettre en pause et essayer le repli.
Compare linéaire et décélération sur la même distance et une durée pédagogique de 800 ms. La décélération avance plus vite au début et ralentit près de la cible.
Mouvement réduit et repli
Aperçu statique : l’état et le résultat restent lisibles sans mouvement. Active la démo pour comparer le paramètre, mettre en pause et essayer le repli.
Force le repli statique, puis lance l’action. La destination et l’état restent identiques. La préférence système reste prioritaire, même si elle change pendant la lecture.
Ce que cet essai montre
La courbe définit un rythme temporel ; le ressort évolue selon des paramètres physiques. Aucun des deux ne définit le sens du changement d’état.
Lequel convient à ton besoin ?
Courbe d’animation
Rends un petit déplacement plus facile à suivre avec une durée prévisible.
Mouvement réduit et repli
Propose un résultat statique pour chaque action essentielle, en respectant le système et une désactivation locale explicite.
Différence et sources
La courbe définit un rythme temporel ; le ressort évolue selon des paramètres physiques. Aucun des deux ne définit le sens du changement d’état.
Consulter les sourcesParties du spécimen
Sélectionne un repère numéroté sur le schéma, ou utilise la liste ci-dessous, pour afficher son rôle. Le schéma montre l'état représentatif du concept.
Déclencheur
Le contrôle qui ouvre ou révèle la surface.
Décision
Question de famille
Le mouvement explique-t-il un changement, signale-t-il un état ou décore-t-il seulement ?
Trois critères pour choisir
- Cas d’usage
Courbe d’animation
Rends un petit déplacement plus facile à suivre avec une durée prévisible.
Mouvement réduit et repli
Propose un résultat statique pour chaque action essentielle, en respectant le système et une désactivation locale explicite.
- Interactivité
Courbe d’animation
Règle un paramètre pour un rythme de durée fixée ; mets en pause ou utilise un résultat statique.
Mouvement réduit et repli
Règle un paramètre pour le même résultat sans mouvement ; mets en pause ou utilise un résultat statique.
- Comportement mobile
Courbe d’animation
Contrôles tactiles natifs ; la réduction système reste prioritaire.
Mouvement réduit et repli
Contrôles tactiles natifs ; la réduction système reste prioritaire.
Neuf dimensions
- Déclenchement
Courbe d’animation
Activation explicite pour démontrer un rythme de durée fixée.
Mouvement réduit et repli
Activation explicite pour démontrer le même résultat sans mouvement.
- Modalité
Courbe d’animation
Non modal ; le contenu environnant reste utilisable.
Mouvement réduit et repli
Non modal ; le contenu environnant reste utilisable.
- Positionnement
Courbe d’animation
Dans un spécimen délimité ; aucune décoration globale.
Mouvement réduit et repli
Dans un spécimen délimité ; aucune décoration globale.
- Interactivité
Courbe d’animation
Règle un paramètre pour un rythme de durée fixée ; mets en pause ou utilise un résultat statique.
Mouvement réduit et repli
Règle un paramètre pour le même résultat sans mouvement ; mets en pause ou utilise un résultat statique.
- Focus
Courbe d’animation
Le focus reste sur le contrôle activé. Recommencer rend le focus à son bouton.
Mouvement réduit et repli
Le focus reste sur le contrôle activé. Recommencer rend le focus à son bouton.
- Fermeture
Courbe d’animation
Pause fige la lecture ; le repli statique l’annule. Quitter le spécimen annule son animation et retire les écouteurs.
Mouvement réduit et repli
Pause fige la lecture ; le repli statique l’annule. Quitter le spécimen annule son animation et retire les écouteurs.
- Rôle accessible
Courbe d’animation
button + select + checkbox + status
Mouvement réduit et repli
button + checkbox + status
- Cas d’usage
Courbe d’animation
Rends un petit déplacement plus facile à suivre avec une durée prévisible.
Mouvement réduit et repli
Propose un résultat statique pour chaque action essentielle, en respectant le système et une désactivation locale explicite.
- Comportement mobile
Courbe d’animation
Contrôles tactiles natifs ; la réduction système reste prioritaire.
Mouvement réduit et repli
Contrôles tactiles natifs ; la réduction système reste prioritaire.
| Dimension | Courbe d’animationEasing | Mouvement réduit et repliReduced motion and fallback |
|---|---|---|
| Déclenchement | Activation explicite pour démontrer un rythme de durée fixée. | Activation explicite pour démontrer le même résultat sans mouvement. |
| Modalité | Non modal ; le contenu environnant reste utilisable. | Non modal ; le contenu environnant reste utilisable. |
| Positionnement | Dans un spécimen délimité ; aucune décoration globale. | Dans un spécimen délimité ; aucune décoration globale. |
| Interactivité | Règle un paramètre pour un rythme de durée fixée ; mets en pause ou utilise un résultat statique. | Règle un paramètre pour le même résultat sans mouvement ; mets en pause ou utilise un résultat statique. |
| Focus | Le focus reste sur le contrôle activé. Recommencer rend le focus à son bouton. | Le focus reste sur le contrôle activé. Recommencer rend le focus à son bouton. |
| Fermeture | Pause fige la lecture ; le repli statique l’annule. Quitter le spécimen annule son animation et retire les écouteurs. | Pause fige la lecture ; le repli statique l’annule. Quitter le spécimen annule son animation et retire les écouteurs. |
| Rôle accessible | button + select + checkbox + status | button + checkbox + status |
| Cas d’usage | Rends un petit déplacement plus facile à suivre avec une durée prévisible. | Propose un résultat statique pour chaque action essentielle, en respectant le système et une désactivation locale explicite. |
| Comportement mobile | Contrôles tactiles natifs ; la réduction système reste prioritaire. | Contrôles tactiles natifs ; la réduction système reste prioritaire. |