web-dev-qa-db-fra.com

Les info-bulles doivent-elles être utilisées sur le texte / les liens?

Devrions-nous utiliser des info-bulles sur du texte/des liens? Je vois de nombreux cadres comme les info-bulles de support de la Fondation sur le texte, mais je ne sais pas pourquoi? J'ai supposé que le texte était explicite, mais je crois que Foundation doit avoir une bonne raison pour que les info-bulles apparaissent sur le texte.

http://foundation.zurb.com/sites/docs/v/5.5.3/components/tooltips.html

Quels sont quelques exemples où l'on pourrait avoir besoin d'utiliser une info-bulle sur du texte/lien?

4
takeradi

À partir du site Web que vous avez lié:

Les info-bulles sont un moyen rapide de fournir des informations détaillées sur un terme ou une action sur une page

Dans le texte, il pourrait y avoir un certain nombre d'applications pour cela:

  • Fournir des informations de glossaire sur un terme qui pourrait prêter à confusion à l'utilisateur
  • Afficher le texte de la note de bas de page sans avoir à amener l'utilisateur au bas de la page
  • Afficher la cible des liens (si vous craignez que l'utilisateur ne puisse pas le voir dans la barre d'état de son navigateur)
  • Sur une page concernant Unicode, affichez le code de caractère pour des caractères particuliers sur la page.
    • Plus généralement, sur une page où tout contenu textuel peut être lié à d'autres contenus textuels, utilisez les info-bulles pour les relier.
  • Oeufs de Pâques cachés dans le texte d'une page
3
Toby 1 Kenobi

J'ai deux exemples à partager qui ont réussi:

  • Les titres longs dépassent les limites de caractères. Lorsque les titres sont tronqués de force et coupent les informations distinctives. Vous pouvez facilement vous retrouver avec une liste de 3 titres ou plus qui semblent identiques les uns aux autres. Une info-bulle constitue une solution de rechange intéressante pour que les utilisateurs puissent trouver des informations sans quitter la page (ce qui ajoute plus de charge au rouage).
    • Paginer de grands ensembles de données. ex. La série de liens <1, 2, 3, 4…> n'offre qu'une voie aveugle vers l'avant. Au lieu de cela, des infobulles pourraient être utilisées sur chaque lien numéroté pour révéler des informations contextuelles. Tels que la première et la dernière date apparaissant dans, 1996–2000, 2001–2005,… ou alphabétique: A – Ab, Ai, Al – Av.
1
Mark Opalski

Il est recommandé de toujours concevoir des interfaces basées sur la reconnaissance. Si un utilisateur reconnaît un graphique d'infobulle comme un crayon, il comprendra qu'il peut être utilisé pour éditer quelque chose (selon le contexte bien sûr). L'objectif est de réduire la charge cognitive de l'utilisateur et de fournir une expérience agréable. Si vous allez utiliser une info-bulle, utilisez-en une qui est associée à l'endroit où le lien mènera l'utilisateur ou à quoi le lien sera utilisé. Considérez les tâches que l'utilisateur effectuera en cliquant sur votre lien. Les éléments de la page doivent prendre en charge la tâche que l'utilisateur doit effectuer.

1
Dgella89