Conseils pour la conception pour les utilisateurs daltoniens
On estime qu'environ 8% des hommes et 0, 5% des femmes naissent daltoniens. Cela peut sembler peu élevé, mais si vous concevez pour un large public, avoir un site inutilisable pour huit hommes sur cent est certainement moins que souhaitable.
Heureusement, vous pouvez vous assurer assez facilement que votre site est compatible avec les daltoniens en gardant toujours à l'esprit les informations ci-dessous. Nous allons voir ce que signifie réellement le daltonisme et comment vous pouvez modifier vos conceptions en fonction de quelques principes simples.
J'aimerais commencer par dire que même si je ne suis en aucun cas un opthamologue, la plupart des hommes de ma famille sont daltoniens et tous les exemples donnés ci-dessous ont été dirigés par des hommes daltoniens authentiques. Si vous êtes une personne daltonienne, votre description des exemples ci-dessous peut être légèrement ou même considérablement différente car il n'y a pas deux jeux d'yeux daltoniens identiques.
La science
Une discussion sur le daltonisme peut devenir très scientifique très rapidement. Des termes comme Protanopia et Trichromacy Anomalous sont suffisants pour attacher et confondre même des gens considérablement intelligents.
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 font et n'ont pas de difficulté à percevoir. Cela vous permet non seulement d'économiser une leçon de science, mais également de garantir que vous concevez de sorte 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 Wikipédia car elle est beaucoup plus avancée et appropriée dans cet article.
Briser le mythe
Tout d'abord, vous pouvez parier en toute confiance que personne que vous connaissez n'est littéralement daltonien. Le titre est en fait (dans la plupart des cas) un terme totalement inapproprié. Un petit pourcentage d'humains naissent avec une vision vraiment monochromatique.
Des termes beaucoup plus précis incluent «altération des couleurs» ou «déficience en couleurs». Au lieu de voir le monde en noir et blanc, les personnes daltoniennes peuvent généralement percevoir et comprendre presque toutes les couleurs du spectre. L'une des questions les plus stupides et les plus ennuyeuses que vous pouvez poser aux personnes daltoniennes est de savoir si elles peuvent ou non «voir» le jaune, le vert ou toute autre couleur.
Le vrai problème est qu'il est assez difficile pour les utilisateurs daltoniens de distinguer deux couleurs similaires. C'est vraiment difficile à comprendre lorsque vous considérez que les couleurs qui ne vous semblent pas du tout similaires peuvent sembler très similaires à une personne daltonienne, et vice versa.
Tout est question de nuances
Pour rendre cela plus facile à comprendre, pensez à toutes les nuances de toutes les couleurs que vous avez déjà vues. Par exemple, lorsque vous pensez à la couleur «verte», pensez au nombre d'échantillons de couleurs complètement différents qui pourraient correspondre à votre définition du vert. Lumineux, 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 que l'autre vert.
Imaginez maintenant que vous avez compté toutes ces différentes nuances de vert que vos yeux sont capables de percevoir et qu'elles ont égalé, disons 1 million (nombre complètement arbitraire). Donnez maintenant la même tâche à une personne daltonienne et elle pourrait en trouver 500 000 ou moins.
Donc, vous voyez, ce n'est pas que les personnes daltoniennes (dans la plupart des cas) sont incapables ou perçoivent le «vert», au lieu de cela, elles distinguent simplement moins de nuances de vert que vous. Ainsi, lorsque vous voyez trois nuances de vert similaires, un utilisateur daltonien pourrait ne voir qu'une seule nuance de vert
Pour le rendre encore plus compliqué, des nuances similaires de différentes couleurs se combinent souvent et rendent difficile de déterminer avec précision quelle couleur est réellement quelque chose.
Exemples
C'est toujours un peu plus facile à comprendre avec quelques exemples solides devant vous. Considérez les quatre échantillons suivants.
Regardez d'abord les deux échantillons du bas. Considérez principalement la luminosité des échantillons, encore plus que la couleur de base. Les utilisateurs daltoniens devraient facilement pouvoir distinguer ces deux échantillons; comme vous le pouvez. Que les personnes daltoniennes identifient correctement ou non les couleurs est une tout autre histoire, 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. L'exemple précédent pourrait vous faire penser que les utilisateurs daltoniens peuvent facilement différencier le brun du vert, mais vous vous trompez. Encore une fois, en comparant uniquement la luminosité / obscurité relative des deux échantillons, vous pouvez probablement voir à quoi ces deux échantillons pourraient ressembler. Considérez maintenant que, pour de nombreux individus daltoniens, les deux premiers échantillons seront identiques.
Pour voyager 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 de couleurs différentes, mais encore une fois, la luminosité relative des échantillons est si similaire qu'un utilisateur daltonien aura du mal à les distinguer.
Un ensemble d'yeux normaux devrait voir cinq échantillons de couleurs différentes dans l'arrangement ci-dessus (un est répété). Un ensemble d'yeux daltoniens en verra probablement trois ou moins!
Combinaisons de couleurs douloureuses
Mélangez des nuances similaires à celles des exemples ci-dessus et vos utilisateurs daltoniens ne s'en rendront pas compte seront légèrement ennuyés. Mais si vous voulez vraiment rendre votre site complètement inutilisable, commencez à chevaucher des nuances de couleurs qui ont des valeurs de luminosité similaires mais qui risquent de se heurter 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. Comme exemple de ce qu'il ne faut pas faire, considérez l'image ci-dessous.
Alors que vous pouvez voir simplement du texte laid, de nombreux utilisateurs daltoniens verront des couleurs si vibrantes que leurs yeux commenceront presque à arroser (plus ils sont éloignés, plus c'est pire). Il est difficile d'expliquer correctement quand vous ne pouvez pas le voir, mais ce qui se passe essentiellement, c'est qu'il est évident que les couleurs sont très différentes mais qu'elles sont en fait suffisamment similaires pour que les bords où les deux couleurs se rencontrent deviennent très difficiles à distinguer. Cela provoque une expérience tout à fait désagréable pour de nombreux utilisateurs daltoniens lors de la visualisation d'une image comme celle ci-dessus.
Et alors? Comment cela affecte-t-il mes créations?
Ces informations sont très bien, mais comment s'appliquent-elles pratiquement à la conception? La réponse est qu'il existe quelques domaines clés dans lesquels vous devez vraiment faire attention à la façon dont les utilisateurs daltoniens peuvent ressentir votre site différemment.
L'une des erreurs les plus courantes que je constate concerne les effets de survol de lien. D'innombrables designers appliquent simplement un changement de couleur en tant qu'effet de survol et l'appellent un jour car ils peuvent le percevoir très bien.
En cas de doute, rappelez-vous que les utilisateurs daltoniens peuvent percevoir les changements de luminosité, pour la plupart, tout comme vous. Un bleu très foncé et un bleu très clair seront un changement évident. Donc, si vous changez de couleur en survol, assurez-vous que les deux couleurs sont très différentes dans leur luminosité relative. 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 visuellement quelque chose d'autre en plus des changements de couleur. Lorsque l'utilisateur survole un lien, ajoutez un trait, une ombre portée ou tout autre élément auquel vous pouvez penser pour créer une différence visuelle accrue qui ne repose pas simplement sur un changement de couleur.
Infographie
Un autre domaine clé où les différences de couleur sont importantes est la visualisation des données. 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, c'est souvent une bonne idée 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 rayures constituent une référence visuelle rapide et facile 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 endroit dont je veux discuter où cela peut être particulièrement frustrant pour eux est avec les jeux.
Imaginez-vous essayer de jouer au jeu iPhone ci-dessous en tant qu'utilisateur daltonien. Faire correspondre les couleurs pour terminer le puzzle pourrait être assez difficile!
De nombreux jeux iPhone ont compensé cela en ayant un mode daltonien en option, mais pour le rendre simple, il suffit d'envisager d'ajouter des symboles en plus de la couleur pour le rendre plus facile pour tout le monde. À titre d'illustration, considérons un jeu de cartes à jouer. Il se passe plus que des cartons rouges et des cartons noirs. Tous ceux qui jouent, daltoniens ou non, savent que les diamants et les cœurs sont les cartons rouges tandis que les massues et les piques sont les cartons noirs. 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 ainsi que vos jeux doivent être développés.
Conclusion
En terminant, n'oubliez pas qu'il est en fait très facile de rendre votre site accessible aux utilisateurs daltoniens. Vous n'avez qu'à déployer un effort conscient là où cela affecte le fonctionnement du site ou lorsque la perception des couleurs peut nuire à la lisibilité du texte. Peu importe Si vous avez un fond brun 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, comme pour les liens, les graphiques et les jeux, vous recherchez 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 et autres pour vous assurer qu'il existe une différence visuelle significative aux bons endroits. Il peut souvent être utile d'utiliser un simulateur de daltonisme pour aider à décider comment les couleurs de la page affectent l'expérience globale.
Laissez un commentaire ci-dessous et faites-nous savoir si vous considérez les utilisateurs daltoniens lors de la conception d'un site et comment vous répondez à leurs besoins.
