Cómo diseñar para el daltonismo
el daltonismo o la deficiencia de la visión del color (ECV) afecta a alrededor de 1 de cada 12 hombres y 1 de cada 200 mujeres en todo el mundo. Esto significa que por cada 100 usuarios que visitan tu sitio web o aplicación, hasta 8 personas podrían experimentar el contenido de manera muy diferente a lo que esperarías. Pero, ¿cómo te aseguras de que tu experiencia de usuario atraiga por igual a estos visitantes? Estamos aquí para echar una mano. Por lo tanto, antes de correr a su equipo de diseño en pánico, eche un vistazo a nuestro resumen de las principales cosas a considerar al diseñar una UX para la accesibilidad del color.,
en primer lugar, ¿qué es exactamente el daltonismo?
La mayoría de las personas daltónicas son capaces de ver las cosas tan claramente como el resto de la población, la diferencia es su incapacidad para distinguir la luz roja, verde o azul. La deficiencia es el resultado de una mutación en el cromosoma X-lo que significa que las mujeres son más propensas a ser portadoras que las víctimas – y puede manifestarse de 3 maneras principales.
el más común es el daltonismo rojo/verde, donde los enfermos mezclan todos los colores que tienen rojo o verde como parte de todo el color., Los afectados por el daltonismo Protan son menos sensibles a la luz roja, mientras que los enfermos de deuteranopía tienen el mismo problema con el verde. Por ejemplo, una persona con protanopía confundirá el azul y el púrpura porque no puede reconocer el elemento rojo del color púrpura. El tercer tipo de deficiencia de color, Tritanopía, es el menos común y se refiere a los enfermos que luchan por distinguir la luz azul o amarilla. La siguiente imagen muestra cómo puede verse el arco iris a las personas con cada una de estas formas de daltonismo.,
Entonces, ¿cómo puedo diseñar para una mejor accesibilidad del color?
usted podría estar pensando: «¿Por qué debería molestarme en diseñar para un grupo tan pequeño de usuarios?»Pero en general, los elementos que son favorables para los usuarios daltónicos se consideran En realidad buenas prácticas de diseño en un sentido más amplio. Por lo tanto, si su sitio está bien diseñado, ya debería ser accesible para todos los usuarios.
diseñar para la accesibilidad no significa que la integridad estética de su diseño deba sufrir., Con esto en mente, estos son los cinco elementos principales en los que debe centrarse para una experiencia de usuario daltónica:
Use colores y símbolos
no debe confiar solo en el color para transmitir un mensaje; por ejemplo, ciertos tipos de daltonismo podrían dificultar o incluso imposibilitar ver mensajes de error rojos comunes. Un enfoque es utilizar colores y símbolos donde se requiere la atención de los usuarios. Un buen ejemplo de esto son los campos de formulario de Facebook y el mensaje de error adjunto.,
dato curioso: el logotipo de Facebook y el famoso esquema de color azul fueron elegidos específicamente porque Mark Zuckerberg es daltónico rojo-verde y ve el azul como el mejor.
manténgalo mínimo
debe limitar la paleta de colores que usa para su sitio web; cuantos menos colores use en su diseño, menos instancias habrá para confusión.
El diseño minimalista no solo es una tendencia atemporal y estéticamente agradable, sino que también es útil cuando diseñas para la accesibilidad del color.,
Use patrones y texturas para mostrar contraste
intente usar diferentes texturas, en lugar de varios colores, para los elementos que requieren énfasis. Por ejemplo, puede ser difícil para los usuarios daltónicos interpretar gráficos y tablas. En este caso, es mejor usar patrones contrastantes y, cuando sea posible, colocar texto en su lugar.
tenga cuidado con los colores y tonos contrastantes
en lugar de confiar en el blanco y negro como sus únicos colores contrastantes; trate de utilizar una gama de colores y tonos claramente contrastantes en su diseño., Por ejemplo, el juego Word Feud utiliza cuatro colores para sus fichas que se pueden distinguir fácilmente por aquellos con o sin deficiencia de visión de color.
evite malos combos de color
debe ser inteligente al elegir sus combinaciones de colores. Dado que el daltonismo afecta a las personas de diferentes maneras, es difícil determinar qué colores son ‘seguros’ para usar en el diseño web.,iv id=»7030bde3c1″> Red
Side note: how do you know if you’re color blind?,
bueno Some algunas personas pasan años sin saber que son daltónicos, ya que los efectos pueden pasar relativamente desapercibidos a menos que alguien más los señale. La imagen de abajo se usa comúnmente para probar el daltonismo – ¡ inténtalo! (Puede encontrar un enlace a la prueba completa en la parte inferior de este artículo.)
Todavía no es seguro?
- prueba de daltonismo Ishihara: puede tomar la prueba basada en 38 placas y obtener comentarios también.,
- daltónico Check: una aplicación para Android creada por daltónico donde puedes probar si eres daltónico en ±60 segundos.
- Coblis: daltonismo Simulador: aquí se puede subir una imagen y echar un vistazo a lo que se vería a través de los ojos de las personas con diferentes tipos de daltonismo.
- Aplicaciones móviles: aquí hay 3 aplicaciones para Android e iOS específicamente desarrolladas para ayudar a los usuarios daltónicos.,
conclusión
En general, los diseñadores de experiencia de usuario deben crear sitios web que sean accesibles y fáciles de usar para todos., Desafortunadamente, no hay una solución única para diseñar específicamente para daltonismo, pero hay algunos principios esenciales de diseño de UX a tener en cuenta que sin duda ayudarán:
- no solo confíe en el color para transmitir un mensaje
- mantenga su paleta de colores limitada a 2 o 3 colores
- use textura y patrones para mostrar contraste
- seleccione cuidadosamente cualquier color y tono contrastante
- evite usar malas combinaciones de colores
