Un style différent pour différentes info-bulles sur une seule page?
Je travaille sur une application web, et nous nous concentrons beaucoup sur la cohérence du look & feel. Lorsque nous concevons des styles d'infobulles, nous pouvons voir qu'il y a l'infobulle "style simple" et toutes sortes d'infobulles de style. Comme le bootstrap celui par exemple.
Voici l'exemple d'une infobulle simple:
Voici un exemple d'une "info-bulle stylisée": 
Il est très naturel de penser que sur la même page, le même style d'infobulle devrait être utilisé, non? mais en réalité, Google Drive les utilisait tous les deux sur une seule page, et très proches l'un de l'autre.
Comme le montre l'image ci-dessous, dans le coin supérieur droit de Google Drive, toutes les icônes du groupe A utiliseront l'info-bulle de style simple; tandis que toutes les ICÔNES du groupe B utiliseront l '"info-bulle stylisée".
Y a-t-il une raison probable pour cette différence UX?
Il s'agit d'un bogue avec l'interface utilisateur de Google, et non intentionnel.
Vous avez eu raison de remarquer la distinction, mais elle ne doit pas être utilisée comme un exemple de bonne conception.
À partir de maintenant (mars 2015), Google est au milieu d'un long processus de migration de ses applications et plates-formes vers Material Design , et il faudra un certain temps avant que la plupart des applications ne soient conformes.
Material Design a des directives spécifiques pour des info-bulles cohérentes qui peuvent être trouvées ici . Finalement, les info-bulles Google devraient être déplacées pour être conformes aux directives Material Design et ressembler à ceci:
Je suis sûr que c'est parce que Drive est développé par une autre équipe que l'équipe qui travaille sur le canevas de compte Google. Plus une question d'horaire/de production que d'UI/UX, je pense.
Techniquement, la partie supérieure et la partie inférieure appartiennent à deux produits logiciels différents.
La partie supérieure implémente l'interface utilisateur au compte d'utilisateur et gère la navigation.
La partie inférieure appartient à l'application actuelle.
Je suppose qu'ils ont été créés à différents moments. Entre ceux-ci, il y a eu un changement dans le guide de style utilisé, concernant la façon de styler les info-bulles.
Donc, une partie est juste plus à jour concernant le style, et je m'attends à ce que l'autre partie soit modifiée pour ce style dans le cadre d'une future mise à jour de l'interface utilisateur.
Je n'ai pas de réponse faisant autorité MAIS les deux info-bulles se réfèrent à des environnements différents et les concepteurs de Google auraient peut-être voulu les différencier.
La première info-bulle "simple" concerne la section de navigation principale de Google.
La deuxième info-bulle "stylisée" concerne l'application individuelle dans l'environnement Google plus large.
J'irais avec l'info-bulle native si possible (si vous n'essayez pas de faire une info-bulle de fantaisie avec des icônes ou des couleurs). Cela sera plus familier aux utilisateurs et vous n'aurez pas à vous soucier autant de l'accessibilité, etc. dans la façon dont vous le faites lorsque vous utilisez une solution personnalisée.