web-dev-qa-db-fra.com

Comment afficher ces informations si elles ne figurent pas dans une info-bulle?

J'ai une info-bulle (image ci-dessous) que lorsque l'utilisateur survole, on lui donne un résumé rapide d'une ligne de ce qu'il a survolé, puis 8 autres lignes d'informations. Je sais déjà que c'est beaucoup trop d'informations, mais je rencontre quelques problèmes.

  1. Il n'y a pas vraiment de moyen de raccourcir les informations dans le More text zones.
  2. Les informations doivent être fournies à l'utilisateur lorsqu'il survole
    • Tout dépend de la façon dont l'utilisateur peut filtrer les données

Pour donner plus d'informations sur le More text partie, ce seront des mesures de l'objet sur lequel l'utilisateur passe la souris (des choses comme Name, Location, etc.). Ce sont les morceaux de texte que j'aimerais déplacer.

Voici l'infobulle telle qu'elle est actuellement:

Tooltip


Question

Quelle serait la meilleure façon de montrer tous les More text pièces? J'ai envisagé de faire quelque chose de similaire à ce que cette carte Leaflet a fait pour les États américains , mais je ne sais pas si c'est la meilleure méthode

1
BDD

Cela semble être une bonne solution. Le résultat dépendra beaucoup du visuel et de la micro-copie que vous utiliserez. Peut-être qu'une combinaison avec une icône indiquant qu'il y a plus d'informations cachées serait bien de découvrir le contenu caché s'il correspond au reste de votre interface utilisateur. Ou un didacticiel qui en informe l'utilisateur lorsqu'il travaille avec l'interface utilisateur pour la première fois.

Gardez à l'esprit que ce type d'interaction n'est pas idéal pour les appareils mobiles au cas où vous en auriez besoin pour fonctionner également sur ces appareils.

1
digsrafik