web-dev-qa-db-fra.com

Contexte Les lignes de la grille dans les graphiques sont bonnes ou mauvaises?

J'utilise différents graphiques (graphiques en courbes et à barres) dans mon application Web. Je veux savoir si les lignes de grille d'arrière-plan sont bonnes à avoir dans les graphiques ou non? Ces lignes détournent-elles ou non l'attention des utilisateurs des principales lignes de données? Différents graphiques ont des lignes de grille de couleur très claire (principalement gris clair) mais ils font quand même une différence. Ou peut-être que je me trompe, mais je veux juste savoir quelle est la bonne pratique, que ce soit pour avoir ces lignes ou non?

1
Omar Bahir

Je pense que cela varie avec la quantité de données que vous souhaitez afficher. Prenons des graphiques linéaires pour exemple - si vous n'avez qu'une ou deux lignes décrivant vos données, je pense qu'il devient pertinent de voir la grille (et ne cause pas beaucoup d'encombrement) car cela aide à voir la référence valeurs. par exemple. Il est assez facile de voir que la ligne bleue vient de franchir la grille de lignes "50".

Cependant, si vous avez plusieurs lignes, je pense que les grilles ne sont plus aussi pertinentes. Il serait utile qu'ils soient presque transparents pour permettre d'extraire ces données avec un examen attentif du graphique, mais sur son propre plan, les gens compareront les données entre les lignes.

Pour les graphiques à barres exemple Je vois un scénario différent où les lignes de la grille seraient à peu près toujours utiles spécialement lorsque vous avez plusieurs barres, pour faciliter la comparaison.

Je ne sais pas comment vous avez l'intention de mettre en œuvre ces graphiques, mais vous devriez peut-être vous demander. "Pendant combien de temps dois-je m'attendre à ce que l'utilisateur regarde ce graphique" et continuez votre chemin à partir de là. La réponse peut aller d'un coup d'œil rapide à une analyse détaillée, et pour chaque cas, l'utilisation des lignes de grille peut être différente.

J'espère que je pourrais aider un peu.

3
Thaenor

Si vous décidez de choisir un quadrillage, vous devez considérer quelques problèmes:

  • La taille de l'écran est importante - de nombreuses lignes de grille rapprochées sur un petit écran seront beaucoup plus déroutantes qu'utiles. De plus, si l'écran est suffisamment petit (c'est-à-dire tout ce qui est mobile), vos utilisateurs pourront probablement vérifier facilement par rapport à l'axe concerné. Peut-être avons-nous une règle selon laquelle en dessous d'une certaine taille d'affichage, le quadrillage est désactivé ou, à tout le moins, très feint.
  • Les choix d'espacement sont essentiels - si votre application est susceptible d'être utilisée sur une grande variété d'appareils avec une gamme importante de tailles d'écran, vous devrez travailler votre quadrillage de manière dynamique. Il n'y a pas de règles strictes à ce sujet, mais j'ai tendance à ne pas spécifier plus de 10 lignes sur un axe donné, quel que soit le niveau de zoom du graphique (cela est basé sur les commentaires généraux des utilisateurs pour notre application, pas sur une étude scientifique) .
  • Si vous êtes susceptible d'avoir un axe x ou y secondaire disponible, vous constaterez probablement que les lignes de quadrillage devront être supprimées, ou qu'elles deviennent non pertinentes pour un axe (si vous n'utilisez qu'un seul ensemble) ou bien trop encombré (si vous donnez à chaque axe ses propres lignes).
1
Tom Rowson