Comparaison comportementale
Mouvement réduit et repli vs Animation à ressort
Différence décisive
Mouvement réduit et repli concerne le même résultat sans mouvement ; Animation à ressort concerne une réponse physique amortie. Les deux peuvent se combiner si le besoin le justifie.
Critères de choix, liens et sources
- 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
- Animation à ressortChoisis Animation à ressort si tu cherches une réponse physique amortie.Ouvrir la fiche Animation à ressort
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 ?
Mouvement réduit et repli
Contexte commun aux essais
Un élément se déplace, change d’état ou attend un contenu. Quelle information doit rester sans mouvement ?
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.
Animation à ressort
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.
Passe l’amortissement de 10 à 20 avec une masse de 1 et une raideur de 100. Un faible amortissement dépasse la cible ; l’amortissement critique se stabilise sans oscillation. La démo échantillonne deux secondes puis rejoint la cible exacte.
Ce que cet essai montre
La pause fige une animation en cours ; le mouvement réduit la remplace par un résultat statique. Le repli couvre aussi une API absente ou un échec de chargement.
Lequel convient à ton besoin ?
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.
Animation à ressort
Explique la stabilisation après un glissement ou un déplacement lorsque la réponse physique aide à se repérer.
Différence et sources
La pause fige une animation en cours ; le mouvement réduit la remplace par un résultat statique. Le repli couvre aussi une API absente ou un échec de chargement.
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
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.
Animation à ressort
Explique la stabilisation après un glissement ou un déplacement lorsque la réponse physique aide à se repérer.
- Interactivité
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.
Animation à ressort
Règle un paramètre pour une réponse physique amortie ; mets en pause ou utilise un résultat statique.
- Comportement mobile
Mouvement réduit et repli
Contrôles tactiles natifs ; la réduction système reste prioritaire.
Animation à ressort
Contrôles tactiles natifs ; la réduction système reste prioritaire.
Neuf dimensions
- Déclenchement
Mouvement réduit et repli
Activation explicite pour démontrer le même résultat sans mouvement.
Animation à ressort
Activation explicite pour démontrer une réponse physique amortie.
- Modalité
Mouvement réduit et repli
Non modal ; le contenu environnant reste utilisable.
Animation à ressort
Non modal ; le contenu environnant reste utilisable.
- Positionnement
Mouvement réduit et repli
Dans un spécimen délimité ; aucune décoration globale.
Animation à ressort
Dans un spécimen délimité ; aucune décoration globale.
- Interactivité
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.
Animation à ressort
Règle un paramètre pour une réponse physique amortie ; mets en pause ou utilise un résultat statique.
- Focus
Mouvement réduit et repli
Le focus reste sur le contrôle activé. Recommencer rend le focus à son bouton.
Animation à ressort
Le focus reste sur le contrôle activé. Recommencer rend le focus à son bouton.
- Fermeture
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.
Animation à ressort
Pause fige la lecture ; le repli statique l’annule. Quitter le spécimen annule son animation et retire les écouteurs.
- Rôle accessible
Mouvement réduit et repli
button + checkbox + status
Animation à ressort
button + select + checkbox + status
- Cas d’usage
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.
Animation à ressort
Explique la stabilisation après un glissement ou un déplacement lorsque la réponse physique aide à se repérer.
- Comportement mobile
Mouvement réduit et repli
Contrôles tactiles natifs ; la réduction système reste prioritaire.
Animation à ressort
Contrôles tactiles natifs ; la réduction système reste prioritaire.
| Dimension | Mouvement réduit et repliReduced motion and fallback | Animation à ressortSpring animation |
|---|---|---|
| Déclenchement | Activation explicite pour démontrer le même résultat sans mouvement. | Activation explicite pour démontrer une réponse physique amortie. |
| 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 le même résultat sans mouvement ; mets en pause ou utilise un résultat statique. | Règle un paramètre pour une réponse physique amortie ; 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 + checkbox + status | button + select + checkbox + status |
| Cas d’usage | Propose un résultat statique pour chaque action essentielle, en respectant le système et une désactivation locale explicite. | Explique la stabilisation après un glissement ou un déplacement lorsque la réponse physique aide à se repérer. |
| Comportement mobile | Contrôles tactiles natifs ; la réduction système reste prioritaire. | Contrôles tactiles natifs ; la réduction système reste prioritaire. |