web-dev-qa-db-fra.com

Pour info-bulle ou non info-bulle?

Pour quels widgets voudriez-vous avoir une info-bulle? Je peux voir le cas des icônes dans les barres d'outils sans texte. Et pour les boutons avec des étiquettes? J'espère que l'étiquette communique clairement ce que font les boutons, mais que se passe-t-il si vous souhaitez donner plus d'informations sur le bouton?

Si vous les utilisez, je crains que l'utilisateur s'attende à ce que d'autres widgets d'interface utilisateur en disposent. Si la souris survole quelque chose et qu'il n'y a pas d'infobulle, cela entraînera-t-il une mauvaise expérience utilisateur?

25
milesmeow

Si un bouton, une étiquette ou une icône a peu ou pas de texte descriptif ou a besoin d'une explication courte, alors une info-bulle fonctionne bien pour cela. Vous pouvez en voir des exemples tout au long de cette application Web StackExchange. Si nous n'avions pas d'infobulles sur toutes ces flèches haut et bas à côté de chaque réponse, certaines personnes pourraient penser qu'elles sont destinées au défilement.

Mais si le texte que vous utilisez dans une info-bulle est une refonte redondante de l'étiquette, alors c'est inutile. La chose malheureuse à propos des info-bulles est qu'elles couvrent la zone en dessous. Des info-bulles excessives peuvent donc devenir ennuyeuses pour l'utilisateur, surtout si l'utilisateur essaie de les ignorer de toute façon.

De plus, si l'info-bulle dépasse une certaine longueur que l'utilisateur va lire, vous avez vraiment besoin d'un autre mécanisme. Après tout, l'infobulle ne sera visible que pendant quelques secondes.

28
Steve Wortham

Microsoft propose des conseils utiles pour les info-bulles: quand les utiliser et quand ne pas les utiliser.

Dans les Windows Interaction User-Experience Interaction Guidelines (une excellente ressource, au fait!), Si vous regardez sous Info-bulles et info-bulles , vous trouverez l'en-tête - Est-ce le bon contrôle? et, en dessous, le titre Concepts de conception .

14
JeromeR

Je trouve que les info-bulles sont plus compliquées qu'elles n'en valent la peine. Difficile à lire, disparaît lorsque vous essayez de les lire, trop peu de place pour dire quoi que ce soit de sensé. Je ne suis pas fan, pourtant, à vrai dire, je les utilise quand même à certains endroits.

3
Glen Lipka

Bien que la cohérence soit importante, il n'est pas nécessaire d'être fanatique pour montrer l'info-bulle à chaque endroit.

Jetez un œil même à cette page - certains éléments ont des info-bulles et d'autres pas. Les actions ont des info-bulles, car l'utilisateur peut avoir besoin de plus d'informations avant de faire quelque chose - mais pas toujours (par exemple, les "questions", les "badges", les "utilisateurs" explicites ... ne le font pas ).

D'autres éléments comme "demandé Aujourd'hui" ne sont pas des actions, mais il est très raisonnable d'afficher une info-bulle indiquant la date exacte.

Quoi que vous fassiez, n'oubliez pas que les appareils tactiles ne peuvent pas utiliser les info-bulles ...

3
Dan Barak

Par widgets, je suppose que vous entendez des éléments de page. Il n'y a vraiment aucun mal à utiliser des info-bulles tant que vous ne les utilisez pas pour transmettre des informations vitales. Votre exemple de l'étiquette sur le bouton fournissant plus d'informations est juste sur la balle. Si j'ai une interface à onglets, je vais souvent inclure une info-bulle en plus de l'étiquette de l'onglet pour décrire ce qui est dans la section. Assurez-vous simplement que les informations sont disponibles ailleurs ou qu'il n'est pas essentiel que l'utilisateur les voie.

2
LoganGoesPlaces

Je ne m'inquiéterais pas que les utilisateurs "attendent" des info-bulles. J’ai observé lors de tests d’utilisabilité qu’une majorité d’utilisateurs ne recherchent pas d’infobulles, même s’ils ont du mal à comprendre les fonctionnalités de l’interface utilisateur. En fait, j'ai vu des utilisateurs survoler une icône, faire apparaître une info-bulle contenant des informations qui les auraient aidés, et TOUJOURS ne pas les voir.

1
Kim Bieler

Notez que les info-bulles ne sont utiles que pour les utilisateurs d'ordinateurs de bureau/portables, ce qui si votre application/site devrait avoir des utilisateurs mobiles, leur manque de hover rendra les info-bulles impossibles. Ainsi, si les info-bulles sont requis pour savoir comment quelque chose fonctionne, votre conception est défectueuse.

C'est également le meilleur scénario; J'ai seulement dit que les info-bulles seulement travail sur les clients dekstop/laptop. C'est différent de dire que les clients de bureau/portables ont tendance à utiliser régulièrement les info-bulles.

Les icônes doivent être clairement étiquetées. L'interaction de l'utilisateur ne doit pas être requise pour savoir comment fonctionne une interface.

1
HC_