Dicas para projetar para usuários daltônicos
Estima-se que cerca de 8% dos homens e 0, 5% das mulheres nascem daltônicos. Pode parecer um número baixo, mas se você estiver projetando para um grande público, ter um site inutilizável para oito em cada cem homens é definitivamente menos do que desejável.
Felizmente, você pode facilmente garantir que seu site seja daltônico, sempre tendo em mente as informações abaixo. Vamos dar uma olhada no significado de daltonismo e como você pode ajustar seus designs com base em alguns princípios simples.
Eu gostaria de começar dizendo que, embora eu não seja de modo algum um oftalmologista, a maioria dos homens da minha família é daltônica e quaisquer exemplos dados abaixo foram executados por daltônicos genuínos. Se você é uma pessoa daltônica, sua descrição dos exemplos abaixo pode ser um pouco ou até consideravelmente diferente, pois nenhum conjunto de olhos daltônicos será o mesmo.
A ciência
Uma discussão sobre daltonismo pode ser realmente científica muito rápida. Termos como Protanopia e Tricromacia Anômala são suficientes para deixar as pessoas consideravelmente inteligentes atadas e confusas.
Felizmente, como designer, você não precisa se tornar um especialista em daltonismo. Em vez disso, você pode fazer generalizações amplamente aplicáveis sobre o que os usuários daltônicos fazem e não têm problemas para perceber. Isso não apenas poupa uma lição de ciência, mas também ajuda a garantir que você esteja criando um design, para que quase todos os usuários daltônicos possam usar efetivamente o site, em vez de apenas um tipo.
Lembre-se disso ao ler as informações abaixo. Todas as declarações feitas não serão verdadeiras para todos os usuários daltônicos, mas pelo menos parte delas será aplicada a uma grande maioria deles.
Se você estiver interessado na ciência, consulte a explicação da Wikipedia, pois ela é muito mais avançada e apropriada neste artigo.
Rebentando o Mito
Primeiro de tudo, você pode apostar com confiança que ninguém que você conhece seja literalmente daltônico. O título é de fato (na maioria dos casos) um nome impróprio completo. Uma pequena porcentagem de humanos nasce com uma visão verdadeiramente monocromática.
Termos muito mais precisos incluem "cor comprometida" ou "cor deficiente". Em vez de ver o mundo em preto e branco, as pessoas daltônicas geralmente podem perceber e entender quase todas as cores do espectro. Uma das perguntas mais bobas e irritantes que você pode fazer às pessoas daltônicas é se elas podem ou não "ver" amarelo, verde ou qualquer outra cor.
O verdadeiro problema é que é bastante difícil para os usuários daltônicos distinguir entre duas cores semelhantes. Isso é realmente difícil de entender quando você considera que cores que não parecem nem um pouco parecidas com você podem parecer muito parecidas com uma pessoa daltônica e vice-versa.
É Tudo Sobre Sombras
Para facilitar a compreensão, pense em todos os tons de todas as cores que você já viu. Por exemplo, quando você pensa na cor "verde", pense em quantas amostras de cores completamente diferentes podem corresponder à sua definição de verde. Brilhante, escuro, suave, aquarela, neon; e assim por diante. Isso inclui as menores variações em que um verde pode conter um pouco mais de luz vermelha ou azul do que o outro verde.
Agora imagine que você contou todos esses diferentes tons de verde que seus olhos são capazes de perceber e foram iguais, digamos 1 milhão (número completamente arbitrário). Agora, dê a mesma tarefa a uma pessoa daltônica e ela poderá chegar a 500.000 ou menos.
Então, veja bem, não é que as pessoas daltônicas (na maioria dos casos) sejam incapazes ou percebam o "verde", em vez disso, elas apenas distinguem menos tons de verde do que você. Então, onde você vê três tons semelhantes de verde, um usuário daltônico pode ver apenas um tom de verde
Para torná-lo ainda mais complicado, tons semelhantes de cores diferentes geralmente se combinam e dificultam a determinação exata da cor de alguma coisa.
Exemplos
É sempre um pouco mais fácil de entender com alguns exemplos sólidos à sua frente. Considere as quatro amostras a seguir.
Primeiro, observe as duas amostras inferiores. Considere principalmente o brilho das amostras, ainda mais que a cor básica. Os usuários daltônicos devem ser capazes de distinguir facilmente entre essas duas amostras; assim como você pode. Se uma pessoa daltônica identificará ou não corretamente as cores é uma história completamente diferente, mas, no mínimo, é fácil dizer que são cores diferentes.
Agora, as duas principais amostras são uma história diferente. O exemplo anterior pode fazer você pensar que usuários daltônicos podem diferenciar facilmente entre marrom e verde, mas você está errado. Novamente, comparando apenas o brilho / escuridão relativo das duas amostras, você provavelmente pode ver como essas duas amostras podem parecer mais semelhantes. Agora considere que, para muitos indivíduos daltônicos, as duas principais amostras serão idênticas.
Para viajar ainda mais fundo na toca do coelho, vamos repetir o marrom escuro e adicionar um tom de vermelho escuro.
Mais uma vez, vemos dois tons com cores diferentes, mas, novamente, o brilho relativo das amostras é tão semelhante que um usuário daltônico terá problemas para distinguir entre eles.
Um conjunto de olhos normais deve ver cinco amostras de cores diferentes no arranjo acima (uma é repetida). Um conjunto de olhos daltônicos provavelmente verá três ou menos!
Combinações de cores dolorosas
Misture tons semelhantes aos dos exemplos acima e os usuários daltônicos que você nem notará ficarão um pouco irritados. Mas se você realmente deseja tornar seu site completamente inutilizável, comece a sobrepor tons de cores com valores de brilho semelhantes, mas com potencial de colidir seriamente.
Vermelhos e azuis, roxos e vermelhos, rosa e azuis e quase qualquer combinação destes são um ótimo exemplo. Como um exemplo do que não fazer, considere a imagem abaixo.
Enquanto você pode ver apenas um texto feio, muitos usuários daltônicos verão cores tão vibrantes que seus olhos quase começam a lacrimejar (quanto mais distantes, pior fica). É difícil explicar corretamente quando você não pode vê-lo, mas basicamente o que acontece é que é evidente que as cores são muito diferentes, mas na verdade são semelhantes o suficiente para que as bordas onde as duas cores se encontram se tornem muito difíceis de distinguir. Isso causa uma experiência totalmente desagradável para muitos usuários daltônicos ao visualizar uma imagem como a acima.
E daí? Como isso afeta meus desenhos?
Essas informações são boas e boas, mas como elas se aplicam praticamente ao design? A resposta é que existem algumas áreas-chave nas quais você realmente deve prestar atenção em como os usuários daltônicos podem experimentar seu site de maneira diferente.
Um dos erros mais comuns que eu vejo é nos efeitos de foco de link. Inúmeros designers simplesmente aplicam uma mudança de cor como um efeito suspenso e a chamam de dia porque podem percebê-la perfeitamente.
Em caso de dúvida, lembre-se de que os usuários daltônicos podem perceber mudanças de brilho, na maioria das vezes, exatamente como você. Um azul realmente escuro e um azul muito claro serão uma mudança óbvia. Portanto, se você alternar as cores ao passar o mouse, verifique se as duas cores são muito diferentes no brilho relativo. Você pode mudar de um marrom escuro para um verde brilhante, mas não de um marrom escuro para um verde escuro.
Além disso, é sempre melhor adicionar algo visualmente além das mudanças de cor. Quando o usuário passa o mouse sobre um link, adicione um traço, sombra projetada ou qualquer outra coisa que você possa imaginar para aumentar a diferença visual que não depende apenas de uma mudança de cor.
Infográficos
Outra área importante em que as diferenças de cores são importantes é a visualização de dados. Escolher as cores erradas para um gráfico pode torná-lo literalmente ilegível para um usuário daltônico.
Mesmo que suas cores sejam muito diferentes, geralmente é uma boa ideia adicionar um pouco de padrão ou textura a diferentes partes de um gráfico para facilitar a diferenciação visual.
No exemplo acima, mesmo que as cores ainda sejam semelhantes o suficiente para que um usuário daltônico não consiga ver a diferença, as faixas são uma referência visual rápida e fácil para todos os usuários.
Jogos
Como você pode imaginar, as possibilidades de usuários daltônicos ficarem de fora são infinitas, mas um último lugar que quero discutir é que isso pode ser particularmente frustrante para os jogos.
Imagine tentar jogar o jogo do iPhone abaixo como um usuário daltônico. Combinar as cores para completar o quebra-cabeça pode ser bastante difícil!
Muitos jogos para iPhone compensaram isso com um modo daltônico opcional, mas para simplificar, basta adicionar símbolos e cores para facilitar o jogo de todos. Como ilustração, considere um baralho de cartas. Há mais coisas acontecendo do que cartões vermelhos e cartões pretos. Todo mundo jogando, daltônico ou não, sabe que os diamantes e os corações são os cartões vermelhos, enquanto os tacos e as espadas são os cartões pretos. Mesmo quando você vê esses símbolos em uma fotografia em preto e branco, é possível distinguir com segurança entre os cartões vermelho e preto. É exatamente assim que seus jogos devem ser desenvolvidos.
Conclusão
Para finalizar, lembre-se de que é realmente muito fácil tornar seu site acessível para usuários daltônicos. Você só precisa fazer um esforço consciente onde isso afeta o funcionamento do site ou quando a percepção das cores pode prejudicar a legibilidade do texto. Quem se importa Se você tem um fundo marrom que os usuários daltônicos acham que é verde? Na maioria das vezes, com certeza não.
Apenas certifique-se de que, quando isso for importante, como links, gráficos e jogos, você procure maneiras de adicionar contraste. Use cores de alto contraste, implemente padrões, aplique símbolos e use truques com pinceladas, sombras e afins para garantir que haja uma diferença visual significativa nos lugares certos. Muitas vezes, pode ser útil usar um simulador de daltonismo para ajudar a decidir como as cores na página afetam a experiência geral.
Deixe um comentário abaixo e informe-nos se você considerar usuários daltônicos ao criar um site e como atender às necessidades deles.
