Mouvement réduit et repli vs Reflet de chargement

Mouvement réduit et repli concerne le même résultat sans mouvement ; Reflet de chargement concerne une décoration facultative d’attente. Les deux peuvent se combiner si le besoin le justifie.

Essayer Mouvement réduit et repli Essayer Reflet de chargement

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
Reflet de chargementChoisis Reflet de chargement si tu cherches une décoration facultative d’attente.Ouvrir la fiche Reflet de chargement

Voir les neuf dimensions Voir les sources

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 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.

Utiliser le Pack — Mouvement réduit et repli

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.

Reflet de chargement

Montre un espace réservé au chargement, accompagné d’un texte Chargement persistant.

Quel composant utilises-tu ici ?Utiliser Mouvement réduit et repliUtiliser Reflet de chargement

Lire le Pack complet Vérifier le résultat

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 sources

Parties 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.
Reflet de chargement
Montre un espace réservé au chargement, accompagné d’un texte Chargement persistant.
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.
Reflet de chargement
Règle un paramètre pour une décoration facultative d’attente ; 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.
Reflet de chargement
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.
Reflet de chargement
Activation explicite pour démontrer une décoration facultative d’attente.
Modalité: Mouvement réduit et repli
Non modal ; le contenu environnant reste utilisable.
Reflet de chargement
Non modal ; le contenu environnant reste utilisable.
Positionnement: Mouvement réduit et repli
Dans un spécimen délimité ; aucune décoration globale.
Reflet de chargement
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.
Reflet de chargement
Règle un paramètre pour une décoration facultative d’attente ; 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.
Reflet de chargement
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.
Reflet de chargement
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
Reflet de chargement
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.
Reflet de chargement
Montre un espace réservé au chargement, accompagné d’un texte Chargement persistant.
Comportement mobile: Mouvement réduit et repli
Contrôles tactiles natifs ; la réduction système reste prioritaire.
Reflet de chargement
Contrôles tactiles natifs ; la réduction système reste prioritaire.

Dimension	Mouvement réduit et repliReduced motion and fallback	Reflet de chargementSkeleton shimmer
Déclenchement	Activation explicite pour démontrer le même résultat sans mouvement.	Activation explicite pour démontrer une décoration facultative d’attente.
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 décoration facultative d’attente ; 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.	Montre un espace réservé au chargement, accompagné d’un texte Chargement persistant.
Comportement mobile	Contrôles tactiles natifs ; la réduction système reste prioritaire.	Contrôles tactiles natifs ; la réduction système reste prioritaire.

Mouvement et effets

Mouvement réduit et repli

Reflet de chargement

Ce que cet essai montre

Lequel convient à ton besoin ?

Mouvement réduit et repli

Reflet de chargement

Parties du spécimen

Question de famille

Trois critères pour choisir

Neuf dimensions