5 conseils pour concevoir des visualisations compatibles avec les daltoniens
Remarque: Ce qui suit est le premier épisode d’une série de messages invités par Jeffrey Shaffer, Maître Zen de Tableau.
ceci est une première dans une série de messages sur certaines des règles bien connues « data-viz. »Nous entendons souvent ces règles, mais les détails qui les sous-tendent ne sont souvent pas examinés en profondeur ou complètement négligés. Je voulais en examiner quelques-uns pour mieux comprendre comment ils devraient être appliqués. Pour le premier de la série, j’ai examiné la question de l’utilisation du rouge et du vert ensemble.,
des études ont montré qu’environ 8% des hommes et 0,5% des femmes ont un déficit de vision des couleurs (MCV). Ceci est plus communément appelé daltonien, bien que daltonien ne soit pas le terme le plus précis.
avoir une MCV ne signifie pas qu’une personne ne peut pas voir la couleur à moins que vous ne soyez la personne très rare (une personne sur 33 000) atteinte d’achromatopsie. Pour la personne plus commune avec CVD, le problème clé est que les couleurs que la plupart des gens voient comme différentes se ressemblent.,
Les deux types de MCV les plus courants sont la deutéranomalie et la deutéranopie, qui comptent ensemble pour environ 6% des hommes, et la protanomalie et la protanopie, qui représentent un autre 2% (plus d’informations disponibles à color-blindness.com). ces conditions sont également communément appelées” rouge faible « et” vert faible « ou » daltonien rouge-vert. »(Remarque: Je ne discuterai pas de MCV bleu/jaune car il est beaucoup moins commun.)
Voici quelques conseils pour concevoir des visualisations compatibles avec les daltoniens.,
le rouge et le vert ensemble peuvent être problématiques, mais ils peuvent parfois être utilisés ensemble
donc en effet, utiliser le rouge et le vert ensemble est un problème commun. Les personnes atteintes de MCV Forte (Forte signifiant une condition plus grave de MCV) verraient à la fois le rouge et le vert comme brun. Les personnes atteintes de MCV faibles peuvent voir de fortes couleurs rouge et vert comme rouge et vert. Cependant, cela peut toujours être problématique lorsque les couleurs sont faibles ou mélangées.,
gardez à l’esprit que la possibilité de distinguer ces couleurs n’est un problème que si la couleur est la seule méthode d’encodage utilisée pour faire une comparaison distincte—par exemple, un bon nombre par rapport à un mauvais nombre dans un tableau, ou une ligne par rapport à une autre ligne dans le même graphique linéaire. Par exemple, dans le tableau ci-dessous, la couleur est nécessaire pour distinguer un bon carré d’un mauvais carré. En utilisant la simulation deutéranope, nous pouvons voir à quel point cela serait difficile.,
j’ai vu des critiques concernant l’utilisation du rouge et du vert ensemble dans la même visualisation, mais les couleurs n’étaient pas utilisées d’une manière qui obligeait quelqu’un à faire la différence entre elles. S’ils sont autonomes-par exemple, deux graphiques différents, un rouge et un vert—et qu’ils sont bien étiquetés, alors ce n’est peut-être pas un problème s’ils apparaissent tous les deux en couleur brune.
le graphique ci-dessous offre un exemple où il est facile de voir à partir de la ligne d’axe que la plupart des nombres sont positifs et d’autres sont négatifs., La couleur est une caractéristique secondaire codant simplement positif contre négatif. Bien que ce ne soit pas le meilleur choix de couleurs, quelqu’un avec CVD peut interpréter ce tableau sans l’utilisation de la couleur pour faire la comparaison.
sachez que ce n’est pas seulement du rouge et du vert
de nombreux outils de visualisation de données ont une palette « stoplight” intégrée, et de nombreuses entreprises (et clients et patrons) insistent toujours pour utiliser la palette stoplight., Avec toutes les discussions sur les couleurs des feux de signalisation et les Surnoms pour les conditions CVD, il n’est pas étonnant que la règle de visualisation des données soit simplement devenue « n’utilisez pas le rouge et le vert. »Vous trouverez ci-dessous une simulation des couleurs des feux de signalisation de Tableau à l’aide de la simulation protanope.
Notez qu’ici, le problème est beaucoup plus complexe que de simplement rouge vs vert. Étant donné que le rouge, le vert et l’orange semblent tous être bruns pour quelqu’un avec une MCV forte, il serait plus précis de dire, « Ne pas utiliser rouge/vert/brun/orange ensemble.” Cependant, il ne s’arrête pas là., Lorsque les couleurs sont mélangées, elles peuvent également être problématiques.
Une combinaison de couleurs souvent négligée consiste à utiliser le bleu et le violet ensemble. Dans un modèle de couleur RVB, le violet est obtenu en utilisant le bleu et le rouge Ensemble. Si quelqu’un a des problèmes avec le rouge, la personne peut également avoir des problèmes avec le violet, qui semble ressembler au bleu.
de plus, le rose et le gris ensemble et le gris et le brun ensemble peuvent être problématiques. Vous trouverez ci-dessous la palette de couleurs Tableau 10 utilisant une simulation deutéranope., Non seulement sont le rouge, le vert et le brun problématique, mais sont le bleu et le violet, le rose et le gris, et gris et le brun.
mon beau-frère a un CVD, il est donc souvent le cobaye pour mes expériences de couleur. Sur toutes les choses que j’ai testées sur lui, la combinaison de couleurs sur l’image ci-dessous (à gauche) était la plus difficile à distinguer. Il semble souffrir de protanopie, qui est simulée ci-dessous à droite.
Alors, maintenant que nous savons qu’il ya beaucoup plus de combinaisons de couleur qui peut être problématique, que devons-nous faire?,
utilisez une palette adaptée aux daltoniens lorsque cela est approprié
Une couleur utilisée en combinaison avec une autre couleur est généralement correcte lorsque l’une d’entre elles n’est généralement pas associée à un CVD. Par exemple, Bleu/orange est une palette commune pour les daltoniens. Bleu / rouge ou bleu / marron fonctionnerait également. Pour les conditions les plus courantes de MCV, tous ces fonctionnent bien, puisque le bleu serait généralement bleu à quelqu’un avec MCV.
Tableau dispose d’une palette intégrée pour les daltoniens conçue par Maureen Stone. Cette palette fonctionne très bien pour les cas courants de MCV., Vous trouverez ci-dessous la palette Tableau compatible avec les daltoniens sous deuteranope et protanope simulation. Remarquez à quel point cette palette de couleurs fonctionne pour les différentes comparaisons de couleur.
Peut-être que c’est le patron, le client, ou encore les couleurs de la compagnie ou de guide de style qui vous oblige à utiliser le rouge et le vert. Alors maintenant, que pouvons-nous faire?
si vous devez utiliser le rouge et le vert ensemble, tirez parti de la lumière contre l’obscurité
Pour quelqu’un avec CVD, le problème est principalement avec la teinte de couleur (par exemple rouge contre vert) et non avec la valeur de couleur (lumière contre Vert)., sombre).
presque tout le monde peut faire la différence entre une couleur très claire et une couleur très foncée, donc une autre option lorsque vous utilisez le rouge et le vert ensemble est d’utiliser un vert vraiment clair, un jaune moyen et un rouge très foncé. Cela semblerait être plus un schéma de couleurs séquentiel pour quelqu’un qui a une forte CVD, mais la personne serait au moins capable de distinguer le rouge du vert en fonction de la lumière par rapport à l’obscurité.,
si vous devez utiliser le rouge et le vert ensemble, offrez d’autres méthodes pour distinguer les données
dans le même sens, si vous utilisez le rouge et le vert, vous pouvez également ajouter des icônes, des flèches directionnelles, des étiquettes, des annotations ou d’autres indicateurs qui permettraient à une personne atteinte de MCV de voir
Une autre option peut être une case à cocher permettant à un utilisateur de basculer la palette de couleurs de l’ensemble de la visualisation vers une palette compatible avec les daltoniens., Cela permet l’appariement rouge / vert pour la majorité du public tout en offrant un moyen pour quelqu’un avec CVD de changer la palette entièrement.
malheureusement, il n’existe pas de moyen facile de le faire dans Tableau. Cependant, il peut certainement être fait. Voici deux exemples, l’un utilisant un paramètre pour changer la palette de couleurs (en utilisant à la fois un schéma de couleurs séquentiel et catégorique avec transparence) et l’autre en utilisant une action de tableau de bord, similaire à ce que Tableau Zen Master Robert Rouse a utilisé dans sa technique de menu caché.,
Vous Voulez vous assurer que la visualisation que vous avez conçue est compatible avec les daltoniens? En plus d’un certain nombre de simulateurs daltoniens en ligne, il existe également un plug-in pour cela. Le plug-in Chrome « NoCoffee » simule tous les types de CVD directement dans votre navigateur, y compris vos visualisations hébergées sur Tableau Public ou Tableau Server.
essayez d’utiliser le plug-in du navigateur NoCoffee pendant une journée entière, et vous serez étonné de voir à quoi ressemble le monde pour quelqu’un avec CVD. Pour des images de votre visualisation sans navigateur, Essayez ce simulateur de vision chromatique.,
je voudrais remercier Maureen Stone pour la précieuse critique, contribution et suggestions pour ce post.
Pour plus de conseils, d’idées et de visualisations par Jeffrey Shaffer, consultez sa page Tableau Public et son blog. Vous pouvez également vous connecter avec lui sur Twitter @HighVizAbility.