🟡 Fenêtres - Sheets

Fenêtre affichant un contenu secondaire

Component sheet

Usages

Les fenêtres apparaissent au-dessus du contenu principal pour afficher des informations supplémentaires ou demander des actions spécifiques.

En s'ancrant en bas de l'écran ou sur un côté, les fenêtres offrent une manière non intrusive de présenter des détails supplémentaires sans couvrir complètement le contenu principal. Les utilisateurs peuvent interagir avec la fenêtre tout en ayant une vue partielle du contenu sous-jacent, maintenant ainsi le contexte et la continuité dans l'expérience utilisateur.

 

✅ Usage correct :

Actions contextuelles : Utilisez une fenêtre lorsque vous avez des actions contextuelles spécifiques à un élément ou à une tâche en cours. Elle est idéale pour des actions liées à un contexte spécifique.

Options discrètes : Pour des options supplémentaires ou des actions moins critiques, la fenêtre offre une approche plus discrète, permettant à l'utilisateur de rester dans le flux principal.

 

🚫 Usage incorrect :

Dans les situations suivantes, privilégiez l'utilisation d'un composant d'alerte.

Informations critiques : Lorsque vous devez afficher des informations critiques qui nécessitent une attention immédiate de l'utilisateur. Les alertes sont plus intrusives et attirent davantage l'attention.

Validation ou confirmation : Pour des actions nécessitant une confirmation explicite de l'utilisateur, comme la suppression d'un élément important et qui engendrent une interruption du parcours principal.


Localisation :

Les fenêtres peuvent apparaitre en bas ou sur le côté de l'application.


Comportement général

Ancrage

En s'ouvrant, la fenêtre s'étend mais reste ancré au bas ou sur le côté de l'écran, faisant apparaitre une barre de défilement si le contenu est supérieur au conteneur.

 

Interaction

Les utilisateurs peuvent interagir avec la "bottom sheet" en effectuant des actions spécifiques, telles que la sélection d'options, l'entrée de données, ou sa fermeture.

 

Fermeture

Les utilisateurs peuvent généralement fermer la "bottom sheet" en effectuant des actions spécifiques, telles qu'un balayage vers le bas ou en appuyant sur un bouton de fermeture.