Feu de signalisation comme indicateur pour les utilisateurs daltoniens?
Nous voulons implémenter un indicateur pour afficher "bon" "moyen" ou "mauvais".
Donc, quelqu'un est venu avec une image de feux tricolores. (cercle vert pour "bon" cercle jaune pour "moyen" et cercle rouge pour "mauvais")
Les utilisateurs daltoniens comprendront-ils cet indicateur?
Et sinon, suggéreriez-vous une autre représentation?
Tout dépend du contexte. Les automobilistes daltoniens ont peu de problèmes avec les feux de circulation qu'ils rencontrent dans la vraie vie. Mais lorsque vous déplacez la métaphore des feux de circulation vers un autre domaine, les gens peuvent avoir plus de difficulté à reconnaître le symbole et à comprendre sa signification sans les informations de couleur.
Par exemple: 
en niveaux de gris devient 
À mon avis, un feu de circulation n'est pas la meilleure métaphore possible pour un indicateur de qualité. J'associe un feu rouge à un panneau d'arrêt, à un danger ou à une obstruction, et non à une mauvaise qualité. Un feu vert signale la sécurité, le jaune est un avertissement.
Alternatives pour les bons/moyens/mauvais indicateurs:
- graphiques à barres (complètement remplis = 100% d'accord)
- étoiles (plus d'étoiles = mieux)
- visages tristes/neutres/heureux (s'il ne s'agit pas de qualité objective, mais plutôt de satisfaction subjective)
- pouces haut/bas (pas culturellement sûr cependant)
Ceux-ci ont tous leurs propres avantages et inconvénients (dont certains ont été discutés ici auparavant), et il peut y avoir beaucoup d'autres possibilités que je n'ai pas mentionnées.
On prétend que les utilisateurs savent que le haut d'un panneau d'arrêt est "rouge" ou s'arrête, et le bas est parti, mais je ne dépendrais pas de cette association; top-bad/bottom-good est une association maladroite, red: bad :: green: good fonctionne beaucoup mieux. Il y a beaucoup de discussions sur ce problème, ce site prétend que les utilisateurs daltoniens passent toujours par la couleur au feu stop, mais comme ils voient des couleurs "différentes" et la correspondance des couleurs est tellement différente, cela ne s'appliquerait pas dans ton cas. J'éviterais complètement la métaphore.
L'approche multimodale est un excellent moyen de traiter le daltonisme; si vous changez la couleur et la forme, la position, l'ect d'un élément, ils sont plus clairement distincts. Pour conserver la métaphore de la circulation, un panneau d'arrêt (octogone rouge) pourrait signifier "mauvais", un panneau de rendement (triangle jaune) pourrait signifier "d'accord", mais les panneaux de signalisation ne sont pas toujours standard.
Je m'en tiendrai à des symboles plus idiomatiques: vert plus/vérifier pour le bien, X rouge/cercle barré pour le mauvais. "D'accord" est plus délicat. Peut-être -/=/+? Si l'espace le permet, une étiquette est souvent géniale. N'oubliez pas non plus le texte alternatif pour les utilisateurs malvoyants.
(Remarque: aux fins de cet exemple, je suppose que vous voulez dire "daltonien" comme dans le daltonien rouge/vert, qui couvre la grande majorité des utilisateurs daltoniens.)
Cela devrait être très utile - c'est un outil qui vous permet de simuler l'apparence des couleurs pour les personnes ayant une vision des couleurs différente.
http://www.iamcal.com/toys/colors/
description: 1 personne sur 12 a une sorte de déficience de couleur. Lorsque vous concevez pour le Web, cela signifie que 1 personne sur 12 pourrait ne pas voir votre site. C'est beaucoup de gens. Cet outil vous aide à simuler l'apparence des couleurs de notre site pour les personnes ayant des visions de couleurs différentes. Sélectionnez les couleurs du texte et de l'arrière-plan dans la palette ci-dessous, puis choisissez un mode de vision des couleurs.
Pour tester votre site Web, essayez ceci:
http://colorfilter.wickline.org/
Saisissez l'URL du site Web que vous souhaitez tester et sélectionnez un type de daltonisme. L'outil vous montrera alors le site Web comme le verra l'utilisateur daltonien. (crédit à Jørn E. Angeltveit pour l'avoir publié en réponse à Quelles sont les bonnes ressources pour tester la conception de l'interface utilisateur pour les utilisateurs daltoniens? )
Meilleure pratique? WCAG 2.0 est votre ami: ayez une alternative textuelle qui inclut des informations véhiculées par les différences de couleur dans l'image.
plus:
http://www.w3.org/WAI/WCAG20/quickref/#qr-visual-audio-contrast-without-color
Aux États-Unis au moins, feux de circulation
Habituellement, la lumière rouge contient de l'orange dans sa teinte et la lumière verte contient du bleu, pour fournir un certain soutien aux personnes atteintes de daltonisme rouge-vert
Si vous souhaitez utiliser un symbole de circulation, il n'y a aucune raison pour laquelle vous ne pouvez pas ajuster les couleurs (en utilisant les liens dans d'autres réponses) à quelque chose de visuellement distinct pour les utilisateurs daltoniens.
Vous pouvez également changer la forme des lentilles colorées, disons carrées pour le rouge, triangulaires pour le vert - bien qu'en fonction de la taille/résolution, cela peut ne pas être très clair. Ou, peut-être une bordure épaisse autour de la lentille actuellement active.
Un test de daltonisme rapide et sale peut être effectué dans Photoshop.
Créez une image ou ouvrez une image dans Photoshop. Changer le mode de couleur sur "Lab Color" Désactiver le canal "Lab" Vous pouvez ensuite utiliser la palette "Channels" pour basculer entre les niveaux de gris (canal "Lightness" uniquement), bleu/jaune daltonien (canaux "Lightness" et "a" ) et daltonien rouge/vert (canaux "Lightness" et "b").
Comme tous les vérificateurs daltoniens, ce ne sont qu'une approximation de ce qu'une personne atteinte de daltonisme voit.