Modal

Le composant "Modal" s'affiche au-dessus du contenu principal de la page, qui nécessite une interaction de l'utilisateur avant de pouvoir retourner à l'interface principale. Les modals sont utilisés pour attirer l'attention sur des informations importantes ou des actions critiques.

Quand utiliser

• Confirmation d'actions : Pour demander à l'utilisateur de confirmer une action importante, comme la suppression d'un compte ou la confirmation d'un achat.

• Formulaires courts : Pour afficher des formulaires courts, tels que des inscriptions à la newsletter ou des formulaires de contact.

• Informations critiques : Pour présenter des informations critiques ou des erreurs qui nécessitent l'attention immédiate de l'utilisateur.

• Options détaillées : Pour montrer des options ou des détails supplémentaires sans naviguer loin de la page actuelle.

• Vente :

  • Confirmation d'achat : Utiliser une modal pour confirmer les achats avant de finaliser la transaction.
  • Détails de produit : Afficher des informations détaillées sur un produit sans quitter la page de liste de produits.
  • Offres spéciales : Présenter des offres spéciales ou des promotions de manière non intrusive.

• Assistance :

  • Formulaire de contact : Utiliser une modal pour permettre aux utilisateurs de soumettre des demandes d'assistance ou des tickets de support.
  • Tutoriels rapides : Afficher des tutoriels ou des aides contextuelles pour guider l'utilisateur à travers des fonctionnalités complexes.
  • Alertes critiques : Notifier l'utilisateur de pannes de service ou d'autres problèmes critiques.

• Application/Espace client :

  • Mise à jour des informations : Permettre aux utilisateurs de mettre à jour leurs informations personnelles ou de compte.
  • Notifications de sécurité : Informer les utilisateurs de connexions suspectes ou d'autres problèmes de sécurité nécessitant une attention immédiate.
  • Gestion des abonnements : Faciliter la gestion des abonnements et des services directement dans l'application.

Quand ne pas utiliser

• Interruptions non nécessaires : Évitez d'utiliser des modals pour des informations non essentielles qui peuvent être intégrées de manière moins intrusive.
• Navigation principale : Ne pas utiliser les modals pour la navigation principale ou pour des interactions fréquentes, car cela peut perturber l'expérience utilisateur.
• Contenus longs : Évitez d'utiliser des modals pour des contenus très longs qui nécessitent un défilement excessif.
• Navigation compliquée : Ne forcez pas les utilisateurs à naviguer à travers plusieurs étapes dans un modal. Gardez les interactions simples et directes.