On estime qu'environ 8% des hommes et 0,5% des femmes naissent daltoniens. Cela peut sembler un nombre peu élevé, mais si vous concevez pour un large public, avoir un site inutilisable pour huit hommes sur cent est nettement moins souhaitable.
Heureusement, vous pouvez vous assurer assez facilement que votre site accepte les daltoniens en gardant toujours à l'esprit les informations ci-dessous. Nous verrons ce que signifie daltonien et comment modifier vos dessins en fonction de quelques principes simples.
Je voudrais commencer par dire que, même si je ne suis en aucun cas un ophtalmologiste, la plupart des hommes de ma famille sont daltoniens et que tous les exemples donnés ci-dessous ont été gérés par des daltoniens dignes de confiance. Si vous êtes un daltonien, votre description des exemples ci-dessous peut être légèrement ou même considérablement différente, car aucun ensemble de deux yeux daltoniens ne sera tout à fait pareil.
La science
Une discussion sur le daltonisme peut devenir très scientifique très rapidement. Des termes tels que Protanopia et Trichromacy anormal sont suffisants pour que même des personnes très intelligentes aient la langue attachée et confuse.
Heureusement, en tant que designer, vous n'avez pas besoin de devenir un expert en daltonisme. Au lieu de cela, vous pouvez faire des généralisations largement applicables sur ce que les utilisateurs daltoniens ont et ne perçoivent pas difficilement. Cela vous évite non seulement une leçon de science, mais aide également à garantir que vous concevez de manière à ce que presque tous les utilisateurs daltoniens puissent utiliser efficacement votre site plutôt qu'un seul type.
Gardez cela à l'esprit lorsque vous lisez les informations ci-dessous. Chaque déclaration faite ne sera pas vraie pour tous les utilisateurs daltoniens, mais au moins une partie s’appliquera à une très grande majorité d’entre eux.
Si vous êtes intéressé par la science, consultez l'explication de Wikipedia car elle est bien plus avancée que ce qui convient dans cet article.
Briser le mythe
Tout d’abord, vous pouvez parier avec confiance que personne que vous connaissez n’est Littéralement daltonien. Le titre est en fait (dans la plupart des cas) un abus de langage. Un pourcentage infime d’êtres humains naissent avec une vision véritablement monochromatique.
Des termes bien plus précis incluent: altération des couleurs? ou? couleur déficiente.? Au lieu de voir le monde en noir et blanc, les daltoniens peuvent généralement percevoir et comprendre presque toutes les couleurs du spectre. Une des questions les plus ridicules et les plus ennuyeuses que vous puissiez poser aux daltoniens est de savoir s'ils peuvent ou non «voir». jaune, vert ou toute autre couleur.
Le vrai problème est qu’il est assez difficile pour les utilisateurs daltoniens de faire la distinction entre deux couleurs similaires. C'est vraiment difficile à comprendre lorsque vous considérez que des couleurs qui ne vous ressemblent pas du tout pourraient sembler très similaires à celles d'une personne daltonienne, et inversement.
Tout est une question de teintes
Pour faciliter la compréhension, réfléchissez à toutes les nuances de toutes les couleurs que vous avez jamais vues. Par exemple, quand vous pensez à la couleur? Vert ,? songez au nombre de nuances de couleurs complètement différentes qui pourraient correspondre à votre définition du vert. Brillant, sombre, en sourdine, aquarelle, néon; encore et encore. Cela inclut les moindres variations où un vert peut contenir un tout petit peu plus de lumière rouge ou bleue qu'un autre vert.
Maintenant, imaginez que vous ayez compté toutes ces nuances de vert que vos yeux sont capables de percevoir et équivalaient, disons, à 1 million (nombre complètement arbitraire). Confiez maintenant la même tâche à un daltonien, qui pourrait en avoir 500 000 ou moins.
Donc, voyez-vous, ce n'est pas que les daltoniens (dans la plupart des cas) sont incapables ou perçoivent le «vert»? au lieu de cela, ils ne font que distinguer moins de nuances de vert que vous. Ainsi, lorsque vous voyez trois nuances de vert similaires, un utilisateur daltonien peut ne voir qu'une seule nuance de vert.
Pour compliquer encore les choses, des nuances similaires de couleurs différentes vont souvent de pair et rendent difficile la détermination précise de la couleur d’une chose.
Exemples
C'est toujours un peu plus facile à comprendre avec quelques exemples concrets devant vous. Considérons les quatre échantillons suivants.
Regardez d'abord les deux échantillons du bas. Considérez principalement la luminosité des échantillons, plus encore que la couleur de base. Les utilisateurs daltoniens devraient pouvoir facilement distinguer ces deux échantillons; juste comme tu peux. Qu'une personne daltonienne identifie correctement les couleurs est une histoire complètement différente, mais à tout le moins, il est facile de dire qu'il s'agit de couleurs différentes.
Maintenant, les deux premiers échantillons sont une histoire différente. Dans l'exemple précédent, vous penserez peut-être que les utilisateurs daltoniens peuvent facilement distinguer le brun du vert, mais vous vous trompez. Encore une fois, en comparant uniquement la luminosité / obscurité relative des deux nuances, vous pouvez probablement voir en quoi ces deux nuances pourraient être plus similaires. Considérons maintenant que, pour de nombreux daltoniens, les deux échantillons de haut seront identiques.
Pour aller encore plus loin dans le terrier du lapin, répétons le brun foncé et ajoutons une nuance de rouge foncé.
Encore une fois, nous voyons deux nuances qui sont des couleurs différentes, mais là encore, la luminosité relative des nuances est si similaire qu'un utilisateur daltonien aura du mal à les distinguer.
Une série d'yeux normaux devrait voir cinq échantillons de couleurs différentes dans l'arrangement ci-dessus (un est répété). Une série de daltoniens verra probablement trois ou moins!
Combinaisons de couleurs douloureuses
Mélangez les mêmes nuances que dans les exemples ci-dessus et vos utilisateurs daltoniens ne s'apercevront pas qu'ils seront légèrement ennuyés. Mais si vous voulez vraiment rendre votre site complètement inutilisable, commencez par appliquer des nuances de couleurs qui se chevauchent et ont des valeurs de luminosité similaires, mais qui risquent de s’affronter sérieusement.
Les rouges et les bleus, les violets et les rouges, les roses et les bleus et presque toutes les combinaisons de ceux-ci en sont un excellent exemple. A titre d'exemple de ce qu'il ne faut pas faire, considérons l'image ci-dessous.
Tandis que vous ne voyez peut-être que du texte laid, de nombreux utilisateurs daltoniens verront des couleurs si vibrantes que leurs yeux commenceront à peine à se mouiller (plus ils s'éloignent, plus ils s'aggravent). Il est difficile d'expliquer correctement lorsque vous ne pouvez pas le voir, mais en gros, il est évident que les couleurs sont très différentes, mais elles sont en fait suffisamment similaires pour qu'il soit très difficile de distinguer les bords où se rencontrent les deux couleurs. Cela provoque une expérience totalement désagréable pour de nombreux utilisateurs daltoniens lors de l'affichage d'une image comme celle ci-dessus.
Et alors? Comment cela affecte-t-il mes conceptions?
Cette information est très utile, mais comment s’applique-t-elle pratiquement au design? La réponse est qu'il y a quelques domaines clés sur lesquels vous devriez vraiment prêter attention à la manière dont les utilisateurs daltoniens peuvent percevoir votre site différemment.
Une des erreurs les plus courantes que je vois est dans les effets de survol de lien. D'innombrables concepteurs appliquent simplement un changement de couleur en tant qu'effet de survol et l'appellent un jour, car ils peuvent le percevoir parfaitement.
En cas de doute, rappelez-vous que les utilisateurs daltoniens peuvent percevoir les changements de luminosité, dans l’ensemble, exactement comme vous le pouvez. Un bleu très foncé et un bleu très clair sera un commutateur évident. Par conséquent, si vous changez de couleur en survol, assurez-vous que la luminosité relative des deux couleurs est très différente. Vous pouvez passer du brun foncé au vert vif, mais pas du brun foncé au vert foncé.
De plus, il est toujours préférable d'ajouter quelque chose d'autre visuellement en plus des changements de couleur. Lorsque l'utilisateur survole un lien, ajoute un trait, une ombre portée ou toute autre chose à laquelle vous pouvez penser pour créer une différence visuelle accrue qui ne repose pas simplement sur un changement de couleur.
Infographie
La visualisation des données est un autre domaine important dans lequel les différences de couleur sont importantes. Choisir les mauvaises couleurs pour un graphique peut le rendre littéralement illisible pour un utilisateur daltonien.
Même si vos couleurs sont très différentes, il est souvent judicieux d'ajouter un petit motif ou une texture à différentes parties d'un graphique pour faciliter la différenciation visuelle.
Dans l'exemple ci-dessus, même si les couleurs sont encore suffisamment similaires pour qu'un utilisateur daltonien ne puisse pas voir la différence, les bandes constituent une référence visuelle simple et rapide pour tous les utilisateurs.
Jeux
Comme vous pouvez l’imaginer, les possibilités pour les utilisateurs daltoniens d’être laissés de côté sont infinies, mais un dernier point sur lequel je souhaite aborder le point qui peut être particulièrement frustrant pour eux est celui des jeux.
Imaginez que vous essayez de jouer au jeu iPhone ci-dessous en tant qu'utilisateur daltonien. Faire correspondre les couleurs pour compléter le puzzle pourrait être assez difficile!
Beaucoup de jeux iPhone ont compensé cela en ayant un mode daltonien en option, mais pour simplifier les choses, envisagez simplement d'ajouter des symboles en plus de la couleur pour que tout le monde puisse jouer plus facilement. A titre d'illustration, considérons un jeu de cartes. Il y a plus que des cartes rouges et des cartes noires. Tous les joueurs, daltoniens ou non, savent que les diamants et les cœurs sont les cartes rouges, tandis que les clubs et les piques sont les cartes noires. Même lorsque vous voyez ces symboles sur une photo en noir et blanc, vous pouvez distinguer en toute confiance entre les cartes rouges et les cartes noires. C’est exactement comme cela que vos jeux devraient être développés.
Conclusion
En terminant, rappelez-vous qu’il est très facile de rendre votre site accessible aux utilisateurs daltoniens. Vous devez seulement faire un effort conscient lorsque cela affecte le fonctionnement du site ou lorsque la perception des couleurs peut nuire à la lisibilité du texte. Qui s'en soucie Si vous avez un fond marron que les utilisateurs daltoniens pensent être vert? La plupart du temps, ils ne le feront certainement pas.
Assurez-vous simplement que lorsque cela est important, par exemple avec des liens, des graphiques et des jeux, vous cherchez des moyens d'ajouter du contraste. Utilisez des couleurs très contrastées, implémentez des motifs, appliquez des symboles et utilisez des astuces avec des traits, des ombres, etc., pour vous assurer qu'il y a une différence visuelle significative aux bons endroits. Il peut souvent être utile d’utiliser un simulateur de daltonisme pour déterminer dans quelle mesure les couleurs de la page affectent l’expérience globale.
Laissez un commentaire ci-dessous et indiquez-nous si vous envisagez de prendre en compte les utilisateurs daltoniens lors de la conception d'un site et comment vous répondez à leurs besoins.