web-dev-qa-db-fra.com

Y a-t-il des inconvénients à utiliser des coins arrondis pour les graphiques à barres?

Je me souviens avoir lu quelque part que les barres aux bords arrondis peuvent sembler inexactes. Mais je n'en suis pas trop sûr. Quelqu'un peut-il éclairer cela?

enter image description here

32
essdeepee

Si l'objectif des utilisateurs est de lire une valeur spécifique ou précise à partir de la longueur de la barre, alors @ Réponse de Schmuddi décrit l'importance d'avoir une extrémité plate . Un exemple de ceci serait un thermomètre en verre traditionnel, où la longueur exacte du fluide est très significative, et l'utilisateur doit être capable de lire une valeur spécifique.

Cependant, si le but est simplement de communiquer une valeur générale , alors les barres peuvent être stylisées avec des extrémités arrondies (ou d'autres variantes) sans nuire nécessairement à la convivialité. Un bon cas d'utilisation pour cette approche pourrait être une barre de progression, où la valeur spécifique n'est pas nécessairement importante, mais plutôt destinée simplement à donner à l'utilisateur une idée générale de l'endroit où il se trouve dans le processus.

41
maxathousand

Il existe un article de Skau et al. (2015) qui examine dans quelle mesure l'efficacité des graphiques à barres est affectée par différents types d'alternances visuelles. Les auteurs ont évalué si ces alternances affectent la capacité des participants à faire des comparaisons relatives et des jugements absolus à l'aide de la barre. Les participants ont été présentés différents types de graphiques à barres, puis ont dû répondre à des questions comme les suivantes:

a) Dans le tableau ci-dessous, quelle est la valeur de A?

b) Dans le tableau ci-dessous, quel pourcentage représente B de A?

Les alternances qu'ils ont testées comprenaient des barres triangulaires, des barres s'étendant en dessous de zéro, des barres avec des embouts et également des barres avec des embouts arrondis. Ces variantes ont été comparées au graphique à barres de référence qui comportait des rectangles à coins carrés sous forme de barres. Pour toute personne intéressée, les auteurs mettent leur jeu de données à disposition sur GitHub .

Dans l'étude, aucune des variantes n'a donné de meilleurs résultats que le graphique de référence. De plus, presque toutes les variantes empêchaient de faire des comparaisons correctes et augmentaient les taux d'erreur. Plus précisément, les plafonds arrondis ont rendu les comparaisons absolues (question a) ainsi que les comparaisons relatives (question b) nettement plus sujettes aux erreurs que dans les graphiques de référence. Les auteurs suggèrent que

les utilisateurs s'appuient en effet sur des lignes fortes aux extrémités des barres pour étendre mentalement l'extrémité de la barre à l'axe des valeurs, surtout si l'on considère les performances relativement médiocres des embellissements qui déforment le haut de la barre (bouchons arrondis, triangles, etc.),

et ils concluent que

établir que les embellissements des graphiques à barres ont effectivement un impact sur la façon dont les données contenues dans le graphique peuvent être communiquées. Pour presque tous les embellissements de graphiques testés, même de petits changements comme l'arrondi du haut d'une barre, ont conduit à un taux d'erreur plus élevé.

Donc, si vous souhaitez communiquer vos données le plus efficacement possible, les barres carrées traditionnelles semblent être le choix préféré.

60
Schmuddi

En ce qui concerne la revendication particulière que vous mentionnez, imaginez la limite lorsque la largeur (hauteur dans votre disposition horizontale) des barres approche de leur longueur, et où (comme dans votre exemple d'image) l'arrondi n'est pas seulement des "coins" mais produit des extrémités entièrement semi-circulaires aux bars. Dans ce cas, les zones (et par conséquent la "largeur" ​​visuelle) des barres deviennent artificiellement similaires, sous-représentant les différences (longueur) qu'elles sont censées transmettre.

Selon la façon dont vous gérez le cas dégénéré, il peut même ne pas y avoir de moyen de représenter de petites valeurs, ou vous pouvez surreprésenter "zéro" comme un cercle complet.

Prenez par exemple votre barre inférieure. Si vous divisez sa longueur par deux, la zone résultante sera considérablement différente de la moitié de sa zone d'origine.