Quelle est la meilleure pratique pour utiliser l'infobulle sur le site Web? Disons par exemple que j'ai un produit ABC qui contient des informations (pays, catégorie, prix) USA | Électronique | 500 $. De la même manière, j'ai une longue liste de produits. Est-ce une bonne pratique d'utiliser l'infobulle à chaque fois que l'utilisateur doit survoler les données pour voir quels sont ces champs? Électronique | 500 $.
ou
Faut-il écrire Lieu | Catégorie | Prix USA | Électronique | 500 $
(Selon UX, l'utilisateur ne devrait pas se fier fortement à l'info-bulle)
Cette vue est essentiellement une vue de carte. Parfois, il y aurait des champs supplémentaires et parfois moins de champs. Disons l'année de lancement du produit, la notation, etc.
cela dépend en fait de vos utilisateurs. Si vos utilisateurs sont vraiment avertis de la technologie, ils seront au courant de certaines caractéristiques et fonctionnalités. exemple: il existe des sites Web où vous survolez quelque chose pour révéler plus d'informations. Cela ne sera pas compris par les utilisateurs normaux. Mais les utilisateurs avertis de la technologie en sont très conscients.
Dans votre cas, montrer des informations en face est une bonne chose. Comme Avoir un en-tête en petit cas et leurs valeurs en grand pour que l'utilisateur puisse obtenir des valeurs en première instance.
Les info-bulles sont utilisées uniquement dans les sites Web de bureau. Le but principal de info-bulles est de supprimer l'excédent sur l'écran. Les conseils d'information doivent être courts et doux.
Les info-bulles sont conviviales. Ils guident l'utilisateur dans son voyage avec moins d'encombrement à l'écran.
Les info-bulles sont destinées à clarifier la fonctionnalité ou le contenu d'un élément . Ils ne doivent pas contenir de contenu supplémentaire de l'élément.
Dans votre cas, si le contenu n'est pas suffisamment clair, c'est une bonne idée d'afficher dans une info-bulle ce à quoi chaque champ fait référence, en tant qu'aide. Mais considérez si la quantité d'informations que vous affichez est suffisante pour que la plupart des utilisateurs comprennent le contenu ou la plupart d'entre eux seront obligés de le survoler à la recherche d'une info-bulle pour le comprendre.
Material design a une bonne section sur les info-bulles.
Les info-bulles identifient un élément lors de leur activation. Ils peuvent contenir un bref texte d'aide sur sa fonction. Par exemple, ils peuvent contenir des informations textuelles sur les icônes exploitables.
(...)
Les info-bulles n'affichent pas d'informations riches, notamment des images et du texte formaté.
Si j'avais une longue liste de produits avec des informations "Emplacement | Catégorie | Prix USA | Électronique | 500 $" étant répétées, je les placerais dans une grille de données ou un tableau. De cette façon, je ne placerais les noms de champ que dans l'en-tête du tableau et éviterais d'utiliser des info-bulles. D'après mon expérience, j'ai trouvé trop de bulles d'aide sur un seul écran distrayant les utilisateurs et je m'assure donc toujours de ne pas en faire trop.