Composants
Alert
Les alertes sont utilisées pour afficher des informations concernant un impact sur l'expérience utilisateur et les utilisations du produit.
# Usage
Le composant "Alerte" est un élément destiné à attirer l'attention de l'utilisateur sur des informations importantes, des erreurs, des avertissements ou des confirmations. Il se manifeste généralement sous forme de bandeau ou de boîte de dialogue contenant un message clair et concis, souvent accompagné d'icônes pour renforcer la compréhension visuelle.
-
Messages d'erreur : Pour informer l'utilisateur d'un problème ou d'une action nécessaire pour corriger une erreur.
-
Notifications de succès : Pour confirmer qu'une action a été complétée avec succès.
-
Avertissements : Pour prévenir l'utilisateur d'une action potentiellement risquée ou des conséquences possibles.
-
Informations importantes : Pour fournir des informations critiques qui nécessitent une attention immédiate de l'utilisateur.
Quand utiliser
-
Vente : les alertes sont utilisées pour notifier les utilisateurs des promotions, des soldes, des erreurs de paiement, des ruptures de stock ou des mises à jour importantes concernant leur commande.
-
Assistance : les alertes sont utilisées pour informer les utilisateurs des interruptions de service, des changements de politiques, des réponses à leurs tickets ou des recommandations d'actions.
-
Application/Espace client : les alertes sont utilisées pour signaler des activités suspectes, des changements de statut de compte, des notifications de facturation, ou des rappels de paiement.
Quand ne pas utiliser
-
Messages non essentiels : Évitez d'utiliser des alertes pour des informations triviales qui ne nécessitent pas une attention immédiate.
-
Trop d'alertes : Ne pas surcharger une page avec plusieurs alertes en même temps. Priorisez les messages les plus importants.
-
Informations de fond : Pour des informations contextuelles ou détaillées qui ne nécessitent pas une action immédiate, préférez des infobulles ou des modals
# Do & Don't
Privilégier un titre concis
Éviter les doublons entre le titre et le contenu de l’alerte
Associer une action maximum à une alerte
Ne pas changer/enlever l’icone