Popover

Le popover est un complément d’information qui s’affiche au survol d’un élément.

# Usage

Le Tooltip est une petite fenêtre d'information contextuelle qui apparaît lorsque l'utilisateur survole un élément de l'interface. Il est généralement utilisé pour expliquer ou décrire des fonctionnalités, des icônes ou des termes spécifiques sans distraire l'utilisateur de sa tâche principale.

  • Éléments d'interface : Pour expliquer des icônes ou des boutons dont la signification n'est pas immédiatement claire.

  • Instructions et astuces : Pour fournir des conseils d'utilisation ou des instructions supplémentaires sans surcharger l'interface principale.

  • Informations supplémentaires : Pour offrir des détails supplémentaires sur un produit ou une fonctionnalité sans rediriger l'utilisateur vers une nouvelle page.

Quand utiliser :

  • Vente :

    • Utiliser des tooltips pour fournir des informations supplémentaires.
    • Explication des icônes qui montrent les caractéristiques des produits, comme "livraison gratuite" ou "retours gratuits".
    • Offrir des conseils pour améliorer l'expérience d'achat, comme des astuces pour utiliser les filtres ou les catégories.
  • Assistance :

    • Fournir des explications supplémentaires pour les options ou les paramètres dans les formulaires ou les tableaux de bord.
    • Expliquer les icônes utilisées pour les différentes catégories de support (chat en direct, email, téléphone).
    • Définir les termes ou les acronymes techniques pour aider les utilisateurs à comprendre le contenu.
  • Application/Espace client :

    • Offrir des explications sur les différentes options de gestion de compte, comme la mise à jour des informations personnelles ou des préférences de notification.
    • Donner des détails supplémentaires sur les alertes ou les notifications, par exemple, pourquoi une alerte est déclenchée.
    • Utiliser des tooltips pour fournir des aides contextuelles dans les tableaux de bord ou les rapports.

Quand ne pas utiliser :

  • Informations critiques : Ne pas utiliser les tooltips pour des informations essentielles qui doivent toujours être visibles.

  • Contenu long : Éviter de mettre trop d'informations dans un tooltip. Si le contenu est trop long, il est préférable d'utiliser un modal ou une page dédiée.

  • Interactions principales : Ne pas mettre des actions principales (comme des boutons de soumission) à l'intérieur des tooltips

# Do & Don't

Ne pas mettre trop de texte
Ne doit pas contenir de lien ou d’action
Positionner la tooltip en évitant de cacher d’autres informations