Articles

Como desenhar para a cegueira de cores

cegueira de cores ou deficiência de visão de cores (CVD) afeta cerca de 1 em 12 homens e 1 em 200 mulheres em todo o mundo. Isso significa que para cada 100 usuários que visitam seu site ou aplicativo, até 8 pessoas poderiam realmente experimentar o conteúdo de forma muito diferente que você esperaria. Mas como você garante que sua experiência de usuário apela igualmente a esses visitantes? Estamos aqui para ajudar. Então, antes de correr para a sua equipe de design em pânico, dê uma olhada no nosso roundup de coisas de topo a considerar ao projetar um UX para acessibilidade de cores.,em primeiro lugar, o que é exactamente cegueira de cores?

a maioria das pessoas cegas de cor são capazes de ver as coisas tão claramente quanto o resto da população, a diferença é a sua incapacidade de distinguir a luz vermelha, verde ou azul. A deficiência é o resultado de uma mutação no cromossoma X-as mulheres são mais propensas a ser portadoras do que as que sofrem – e pode se manifestar de três maneiras principais.

a mais comum é a cegueira de cores vermelho/verde, onde os portadores misturam todas as cores que têm vermelho ou verde como parte de toda a cor., Aqueles afetados pela cegueira de cores Protan são menos sensíveis à luz vermelha, enquanto que os portadores de Deuteranopia têm o mesmo problema com o verde. Por exemplo, uma pessoa com Protanopia vai confundir azul e roxo porque eles não podem reconhecer o elemento vermelho da cor púrpura. O terceiro tipo de deficiência de cor, Tritanopia, é o menos comum e refere-se aos doentes que lutam para distinguir a luz azul ou amarela. A imagem abaixo mostra o que o arco-íris pode parecer para os indivíduos com cada uma destas formas de cegueira de cor.,

então, como posso desenhar para uma melhor acessibilidade de cores?

você pode estar pensando: “Por Que devo me dar ao trabalho de projetar para um grupo tão pequeno de usuários?”Mas geralmente, os elementos que são favoráveis para usuários daltónicos são realmente considerados boas práticas de design no sentido mais amplo. Assim, se o seu site é bem projetado, ele já deve ser acessível a todos os usuários.projetar para acessibilidade não significa que a integridade estética de seu projeto precisa sofrer., Com isso em mente, aqui estão as cinco principais elementos que devem ser focadas para um daltônico-friendly UX:

Usar ambas as cores e os símbolos

Você não deve depender apenas de cores para transmitir uma mensagem; por exemplo, certos tipos de daltonismo podem tornar difícil ou mesmo impossível ver comuns vermelho mensagens de erro. Uma abordagem é usar cores e símbolos onde a atenção dos usuários é necessária. Um bom exemplo disso são os campos de formulário do Facebook e as mensagens de erro anexadas.,

Fun fact: o logótipo do Facebook e o famoso esquema de cores azuis foi escolhido especificamente porque Mark Zuckerberg é vermelho-verde cego e vê o azul o melhor.

mantenha-o mínimo

você deve limitar a paleta de cores que você usa para o seu site; quanto menos cores você usar em seu projeto, menos instâncias haverá para confusão.

não só o design minimalista é uma tendência intemporal e esteticamente agradável, como também é útil quando você está desenhando para acessibilidade de cores.,

Use padrões e texturas para mostrar contraste

tente usar texturas diferentes, ao contrário de várias cores, para elementos que requerem ênfase. Por exemplo, pode ser difícil para os usuários daltónicos interpretarem gráficos e gráficos. Neste caso, é melhor usar padrões contrastantes e, sempre que possível, colocar texto em vez.

tenha cuidado com cores e cores contrastantes

em vez de depender do preto e branco como a sua única cor contrastante; tente usar uma gama de cores e cores claramente contrastantes no seu desenho., Por exemplo, o Game Word Feud usa quatro cores para suas peças que podem ser facilmente distinguidas por aqueles com ou sem deficiência de visão de cores.

Evite combinações de cores ruins

você precisa ser inteligente ao escolher suas combinações de cores. Uma vez que a cegueira de cores afeta as pessoas de diferentes maneiras, é difícil determinar quais cores são “seguras” para usar no web design.,iv id=”7030bde3c1″> Red

  • Green & Brown
  • Blue & Purple
  • Green & Blue
  • Light Green & Yellow
  • Blue & Grey
  • Green & Grey
  • Green & Black
  • Side note: how do you know if you’re color blind?,bem … algumas pessoas passam anos sem saber que são daltónicos, pois os efeitos podem passar relativamente despercebidos, a menos que alguém as indique. A imagem abaixo é comumente usada para testar a cegueira de cores-dê-lhe uma chance! (Você pode encontrar um link para o teste completo no final deste artigo.)

    ainda não tem a certeza?

    1. Ishihara Color Blindness Test: You can take the 38 plate based test and get feedback as well.,
    2. Color Blind Check: uma aplicação do Android criada por Colorblindor, onde poderá testar se é daltónico em ±60 segundos.
    3. Coblis: Color Blindness Simulator: Aqui você pode carregar uma imagem e dar uma olhada em como ela seria através dos olhos de pessoas com diferentes tipos de cegueira de cores.
    4. apps móveis: aqui estão 3 aplicativos Android e iOS especificamente desenvolvidos para ajudar os usuários daltónicos.,

    conclusão

    geralmente, os designers de UX devem criar websites acessíveis e de fácil utilização para todos., Infelizmente não há um one-size-fits-all solução ao projetar para o daltonismo especificamente, mas existem algumas essencial UX princípios de design para se ter em mente que vai certamente ajudar:

    1. não confie apenas na cor para transmitir uma mensagem.
    2. Manter a sua paleta de cores limitada a 2 ou 3 cores
    3. Usar texturas e padrões para mostrar o contraste
    4. Selecionar cuidadosamente qualquer contraste de cores e tons
    5. Evite utilizar más combinações de cores