web-dev-qa-db-fra.com

Indiquez que le survol (ou le toucher) affichera plus d'informations avec de nombreux éléments

Tout d'abord, ce n'est pas un double des nombreuses autres questions intitulées similaires (que j'ai pu trouver au moins) en raison d'un bit supplémentaire. Veuillez donc d'abord lire.

Ce que j'ai, c'est un paragraphe d'explication, suivi d'une longue liste de références pour sauvegarder le paragraphe. Maintenant, je sais avec des choses comme des articles ou Wikipedia, ils utilisent des numéros de référence, mais ce n'est pas ce que je veux.

Précisément, dans mon cas, c'est un paragraphe de l'enseignement biblique, suivi d'une liste de passages bibliques le soutenant. Tous ces éléments sont énoncés. En survolant chacun, le texte complet est affiché, par opposition à juste la référence.

De toute évidence, cela fait que le symbole d'information (i) ne fonctionne pas non plus. La meilleure solution que j'ai vue jusqu'à présent est un soulignement en pointillés, mais avec autant, et avec eux dans une longue chaîne, il me semble que l'indicateur est perdu (exemple ci-dessous).

Donc, ma question est, dans ce genre de scénario, y a-t-il une meilleure option pour quelque chose comme ça, ou parce qu'il s'agit d'une situation qui n'est pas compatible avec les espaces blancs (les blocs de texte ne le sont jamais), est-ce juste la meilleure chose à aller avec?

Exemple

enter image description here

2
David

Quelques suggestions:

  • Ajoutez une structure à la vue pour séparer plus clairement le bloc de références. Utilisez également l'espace blanc et la taille de la police. La taille de la police permet de transmettre l'importance des blocs d'informations. Je suggère que les références sont moins importantes.
  • Rendez les références plus faciles à distinguer . Actuellement, ils ressemblent à l'ensemble du paragraphe souligné. L'utilisation du séparateur • (point) permet de séparer les liens plus clairement.
  • Transmettez l'idée "il y a beaucoup de liens" en spécifiant le nombre de liens.
  • Ajoutez des signifiants pour fournir la meilleure accessibilité . Appliquez une mise en forme soulignée en bleu aux liens.
  • Réduisez le bruit visuel en surlignant uniquement la section de référence "active" (sous le curseur).
  • Fournissez un signal si nécessaire . Survolez pour afficher le message dans la zone de référence fonctionnera.
  • Effectuez un test d'utilisabilité avec vos utilisateurs
    .

enter image description here

Certains hors-sujet: veuillez prêter plus d'attention à la lisibilité.

2
Alexey Kolchenko