Usages
L'infobulle est généralement utilisée pour afficher des informations contextuelles ou explicatives lorsqu'un utilisateur survole un Bouton ou un Bouton Icône, à l'aide de son curseur.
Elle permet de fournir des détails supplémentaires sans encombrer l'interface utilisateur principale.
Les infobulles sont couramment employées pour améliorer l'expérience utilisateur en offrant des indications succinctes ou des explications sur la fonction ou le contenu de l'élément survolé. Cela permet aux utilisateurs d'obtenir des informations rapidement et facilement, sans avoir besoin de cliquer ou de naviguer vers une autre page.
✅ Usage correct :
- Afficher un texte informatif au survol de la souris, au focus et à l'activation au clavier d'un Bouton ou d'un Bouton Icône.
- Décrire les différences entre des éléments similaires et distinguer les actions avec une iconographie associée
- Une infobulle doit être proche de l'élément auquel elle est associée.
🚫 Usage incorrect :
- Si le texte que vous souhaitez inclure n'est pas assez concis, utilisez plutôt une modale.
- Ne pas reformuler le texte visible de l'interface utilisateur dans l'infobulle
- Le texte de l'infobulle ne doit pas contenir d'informations essentielles au parcours
Comportement général
L'objectif principal d'une infobulle est de fournir des informations utiles et contextuelles de manière non intrusive, tout en améliorant l'expérience utilisateur globale en guidant les utilisateurs vers une meilleure compréhension de l'interface et de ses éléments interactifs.
Activation du curseur
Lorsque l'utilisateur place le curseur de la souris sur un Bouton ou un Bouton Icône, une infobulle est déclenchée.
Positionnement
L'infobulle est généralement positionnée de manière à ne pas obstruer l'élément lui-même ni d'autres éléments importants de l'interface utilisateur. Elle apparaît souvent au-dessus ou en dessous de l'élément, parfois à gauche ou à droite si l'espace le permet.
Contenu
Le contenu de l'infobulle est généralement succinct, composé de quelques phrases ou d'une courte description. Il doit être clair, facile à comprendre et pertinent pour le contexte.
Disparition
L'infobulle disparaît lorsque l'utilisateur déplace le curseur hors de l'élément interactif. Dans certains cas, elle peut également être configurée pour disparaître après un certain laps de temps, même si le curseur ne bouge pas, pour éviter de gêner la navigation.