web-dev-qa-db-fra.com

Quand dois-je utiliser un popover vs une info-bulle?

Existe-t-il des règles strictes pour décider quand utiliser une info-bulle par rapport à un popover? Je comprends que les info-bulles n'ont pas d'en-tête, mais avez-vous d'autres considérations?

Pour être cohérent, est-il judicieux de toujours utiliser un popover sur un site? Ou pouvez-vous utiliser les deux?

28
vphilipnyc

Il y a quelques considérations à prendre en compte entre une info-bulle et un popover.

But du contenu

Les info-bulles sont censées être exactement cela, un indice ou un conseil sur ce que fait un outil ou une autre interaction. Ils sont destinés à clarifier ou à vous aider à utiliser le contenu qu'ils survolent, pas à ajouter du contenu supplémentaire:

enter image description here

Les popovers sont destinés à donner du contenu supplémentaire associé. enter image description here

Taille du contenu

Étant donné que les info-bulles sont uniquement destinées à indiquer le but d'un élément, elles doivent être courtes et au point "Cliquez sur X pour faire X" ou "Nombre de messages utilisateur "

Les popovers , en revanche, peuvent être beaucoup plus verbeux, ils peuvent inclure un en-tête et de nombreuses lignes de texte dans le corps.

Les interactions

Les info-bulles ne sont généralement visibles qu'en survol, pour cette raison, si vous devez pouvoir lire le contenu tout en interagissant avec d'autres parties de la page, puis une info-bulle ne fonctionnera pas.

Les popovers sont généralement rejetables, que ce soit en cliquant sur d'autres parties de la page ou en cliquant deux fois sur la cible popover (selon l'implémentation), pour cette raison, vous pouvez définir un popover pour vous permettre d'interagir avec d'autres éléments de la page tout en étant capable de lire son contenu.

En plus de cela, puisque les popovers resteront ouverts lors de la suppression de leur cible, vous pouvez ajouter des boutons ou des interactions supplémentaires en leur sein:

enter image description here

Conclusion

Si vous souhaitez donner un petit indice Word sur la façon dont un élément de la page utilise une info-bulle ou sur ce qu'il utilise.

Si vous souhaitez ajouter du contenu, des interactions ou du contenu supplémentaires plus qu'une ligne; ou si vous avez besoin que le contenu reste ouvert sans que la souris ne soit déplacée, utilisez un popover.

Bien qu'il faille le noter en raison de problèmes d'accessibilité, de problèmes de référencement potentiels et d'un manque de découverte de l'info-bulle/popover, aucun n'est recommandé, sauf si vous en avez absolument besoin.

37
DasBeasto