Toast
Les toasts affichent des notifications brèves et temporaires. Ils sont destinés à être remarqués sans perturber l'expérience d'un utilisateur ou nécessiter une action.
Description
Les toasts affichent des notifications brèves et temporaires. Ils sont destinés à être remarqués sans perturber l'expérience d'un utilisateur ou nécessiter une action.
Un toast sera affiché 5 secondes avant de disparaître automatiquement.
Plateformes
Anatomie
- Icône : illustre le type de toast (positive, negative, etc…)
- Contenu
- Bouton d'annulation : annule l'action liée à la modale
- Bouton de redirection : redirige l'utilisateur vers une page
Usage
Quand l'utiliser ?
Les toasts ne doivent être utilisés que pour des confirmations, notifications simples et alertes de faible priorité qui n'ont pas besoin d'interrompre l'expérience utilisateur.
Les modales sont conseillés lorsqu'une situation nécessite l'attention de l'utilisateur, que ce soit pour afficher des informations importantes ou pour demander une réponse.
Do's and don'ts
-
Do
Écrire des textes clairs et succinct.
-
Don't
Il est interdit d’écrire des textes trop longs.
-
Do
Utiliser un toast pour les confirmations, les notifications simples et les alertes de faible priorité.
-
Don't
Il est interdit d'utiliser une modale pour les notifications.
-
Do
Utiliser une seule action par toast.
-
Don't
Il est interdit d'utiliser une modale pour les notifications.
Anatomie
- Icône : illustre le type de toast (positive, negative, etc…)
- Contenu
- Bouton d'annulation : annule l'action liée à la modale
- Bouton de redirection : redirige l'utilisateur vers une page
Usage
Quand l'utiliser ?
Les toasts ne doivent être utilisés que pour des confirmations, notifications simples et alertes de faible priorité qui n'ont pas besoin d'interrompre l'expérience utilisateur.
Les modales sont conseillés lorsqu'une situation nécessite l'attention de l'utilisateur, que ce soit pour afficher des informations importantes ou pour demander une réponse.
Do's and don'ts
-
Do
Écrire des textes clairs et succinct. -
Don't
Il est interdit d’écrire des textes trop longs. -
Do
Utiliser un toast pour les confirmations, les notifications simples et les alertes de faible priorité.
-
Don't
Il est interdit d'utiliser une modale pour les notifications.
-
Do
Utiliser une seule action par toast.
-
Don't
Il est interdit d'utiliser une modale pour les notifications.
Des questions ou un feedback ?
N’hésitez pas à contacter la team Design System par mail.