Accesibilidad Visual en Diseños Digitales

Clase 3 de 5 • Audiocápsulas: Consejos, Historias y Anécdotas de Diseño

Resumen

En esta cápsula de diseño, se revisan los problemas de accesibilidad visual más comunes de los usuarios y cómo resolverlos.

Guadalupe Lucía Fernández

student•

Accesibilidad es una de las caracteristicas principales que debe poseer un diseño para asegurar que respeta los principios de UCD (user centered design) y se diseño inclusivo. Se debe tener en cuenta todas las posibles características y obstáculos con los que se puede encontrar el usuario. Garantizar que un producto sea inclusivo y que se adapta a la diversidad es tarea de todas las personas que forman el equipo de UX.

Consejos básicos para diseñar con una perspectiva inclusiva y accesible:

Investigar sobre la personas que va a utilizar el producto, se necesita conocer cuáles son los tipos de perfiles y las características de los usuarios. Al definir los segmentos de usuarios para la investigación recuerda no dejar a nadie atrás.
Los equipos deben ser diversos, esto asegura tener una perspectiva más amplias que se buscan resolver y de sus posibles soluciones.
Permite a los usuarios que puedan elegir todos os aspectos de la interfaz que sean posibles, desde el dispositivo que utilizan, el idioma o el aspecto visual del mismo (daltonismo, modo claro u oscuro).

Afecciones visuales más comunes:

Daltonismo: implica una dificultad para distinguir colores, en especial los tonos rojos con verdes, azules con amarillos o naranjas con grises. Además en los casos más graves puede causar la incapacidad total para percibir cualquier color.
Baja visión: es una afección que puede implicar distintos tipos de problemas en la visión, por ejemplo, poca agudeza visual o visión poco nítida. Implica una dificultad para distinguir elementos pequeños o poco definidos.
Visión borrosa o efecto de niebla: genera la sensación de que los elementos del frente se difuminan con el fondo, por lo que los elementos que no tengan buen contraste con el fondo no se podrán distinguir correctamente.
Visión de túnel: implica que solamente se consigue ver con cierta calidad la zona central, perdiendo la visión periférica, por lo que solo se puede apreciar lo que se encuentra en el centro de la visión, además por lo general este problema viene acompañado de visión borrosa.
Pérdida de campo visual: la zona central de la visión se ve afectada, por lo que genera una dificultad para ver los elementos que se están mirando directamente, consiguiendo distinguir exclusivamente los bordes del campo visual.
Ceguera: perdida total o sustancial e incorregible de la visión. Implica una discapacidad visual lo suficientemente significativa como para que la persona que lo posee no puede desplazarse por el producto digital sin asistencia personal o tecnológica.

Algunos aspectos a tener en cuenta para adaptarse a estas afecciones:

Utilizar el suficiente contraste para mejorar la legibilidad.
Incluir colores con gran contraste y combinaciones que no generen problemas a personas con daltonismo. Incluir texturas que se diferencien de forma visual.
Permitir que se ajuste el tamaño de la fuente de forma sencilla y ofrecer un tamaño estandar lo suficientemente grande.
Utilizar etiquetas explícitas y descriptivas para los enlaces y los botones y añadir texto alternativo para la imágenes.

Modo oscuro

El diseño modo oscuro actualmente es una tendencia en el aspecto visual de los productos digitales esto hace que los usuarios perciban al diseño como elegante y moderno.

El modo oscuro permite a las personas con dificultades de visión una mejor accesibilidad y además ayuda a reducir los posibles problemas de visión derivados del uso prolongado de pantallas y productos digitales, las razones son:

Tienen menos probabilidades de agravar ciertas afecciones médicas, como la fotofobia (intolerancia hacia la luminosidad).
Reduce la cantidad de luz azul a la que nos sometemos como usuarios al usar una pantalla.
Los fondos oscuros permiten en muchas pantallas el ahorro de electricidad, además las pantallas oscuras son más adecuadas para utilizar en habitaciones con poca luz.
Los pixeles defectuosos que son permanentemente oscuros pueden causar menos confusión si el fondo es también oscuro.
Ayuda a minimizar la fatiga ocular causada por el resplandor de los brillos. La fatiga visual es cuando las pupilas se dilatan por la constante exposición a luces fuertes, lo que provoca aberraciones esféricas y polarizaciones de contraste.

A veces el modo oscuro está en desventaja, por ejemplo cuando se utilizan elementos de distintos colores, cuando hay muchos elementos donde centrar la atención o cuando se debe de leer mucho texto. Por esto se debe permitir al usuario elegir entre modo oscuro o modo claro según sus necesidad.

Siempre se debe hacer test de accesibilidad, basados en los estándares de accesibilidad web de W3C (World Wide Web Consortium) y haz pruebas de usabilidad con usuarios con diferentes tipos de iluminación para comprobar la adaptabilidad.

Arles A. Pinzon Molina

student•

"Un equipo que tiene diversidad asegurará tener una perspectiva más amplia de la problemática de un producto y sus soluciones". 💥

María Paula Molano

student•

¡En la diversidad, está la riqueza! ✨

Felipe Bernardo González Barranco

student•

La diversidad es un súper poder!

Carolina Gómez

student•

La accesibilidad visual en los diseños digitales:
Cinta Vergés, trending up en torresburriel
Accesibilidad: característica principal que debe poseer un diseño para asegurar que respeta los principios del diseño de usuario
Que cuando nos planteemos crear un diseño enfocado en el usuario, debo tener todas las posibles características y obstáculos con los que con los que me puedo encontrar, cosas externas hasta cualquier incapacidad física que pueda causar diferencias en la interacción con mi producto.
Garantizar que un producto sea inclusivo, que se adapte a la diversidad estaré de todo el equipo y todas las personas del equipo de usuarios
A continuación te voy a dar algunos consejos básicos para comenzar con una perspectiva inclusiva y accesible
Es esencial investigar sobre la persona que va a utilizar el producto, conocer cuáles son los tipos de perfiles y las características de los usuarios
Definir los segmentos de usuarios para la investigación: debemos incluir absolutamente todos los grupos incluidas minorías
Los equipos deben ser diversos: ya que esto nos da una perspectiva amplia, la diversidad enriquece.
Permitamos a los usuarios que puedan elegir todos los aspectos de la interfaz, Desde el dispositivo que utilizan, aspecto visual, idioma, etc.
Poder personalizar nuestro producto: tengamos en cuenta que las personas tienen distintas maneras de interactuar con nuestro producto, ya que hay gente con
- daltonismo leve ceguera, que no pueden ver de la misma manera que todo el mundo. También tengamos en cuenta las demás dificultades de la vista.
- Baja visión
- Ceguera
- world wide web conhttps://www.w3.org/Visión de túnel,
- Pérdida del campo visual
Tengamos en cuenta que estas personas también son nuestros usuarios a la hora de diseñar un producto digital
Debemos tener en cuenta a estas personas para adaptar nuestro diseño de producto a ellos también
Utilicemos el suficiente contraste para mejorar la legibilidad, colores con contraste o buenas combinaciones que no vibren, texturas legibles, fuerte grande
Dar la posibilidad de aumentar el tamaño de letra
Utilicemos etiquetas explícitas para los enlaces y los botones, añade texto alternativo para las imágenes,
Diseño en modo oscuro: esta es una tendencia muy utilizado actualmente, tiende a percibirse como elegante y moderno, éste permite a las personas con dificultad de visión acceder a una mejor lectura de nuestro producto, y ayuda a reducir los efectos negativos del uso constante de pantallas brillantes. (Evitan la fotofobia).
Los colores en fondo oscuro permiten en muchas pantallas el ahorro de electricidad, los pixeles defectuosos que son permanentemente oscuros pueden causar menos confusión si el fondo también es oscuro, se cansan menos los ojos.
A menor cantidad de luz menor fatiga visual.
No siempre el modo oscuro puede sustituir el modo claro: Por ejemplo cuando hay muchos elementos de diferentes colores, o hay mucho texto por dar un ejemplo, Por eso es recomendable permitir que el usuario pueda utilizar modo oscuro o modo claro cuando lo desee.
No tomemos el control ni decidamos por el usuario, las personas deben poder decidir por sí mismas y que el producto se adapte a ellas.
Recordar hacer Test de mi diseño en modo oscuro y modo Claro, esto nos permite dimensionar el nivel de alcance que tiene mi producto, y esto nos demuestra si todas las personas van a tener acceso, independent, independientemente de sus características diferenciadoras.
Éstos test están basados en el World Wide Web Consortium o
Test mas conocidos:
Siempre hacer prueba de accesibilidad con usuarios reales, tanto en modo oscuro como en modo claro.
Y con diferentes características ambientales para garantizar su diseño y accesibilidad.
Pautas para diseñar en modo oscuro: (curso especializado de Platzi)

Oscar Andrey Martinez Calderon

student•

Buenísimo que se den una pasada por la Escuela de Diversidad e Inclusión.

Por otro lado, hablando de daltonismo, pueden hacer un test básico, es increíble la cantidad de personas que lo tienen y no lo saben

Sergio Daniel

student•

Personalmente, ya sea de día, de noche, mucho sol, poco sol, a oscuras o con buena iluminación... Siempre configuro las App's en Modo Oscuro

Mónica Contreras Pazo

student•

A veces damos muchas cosas por sentado, entre ellas, que todos usamos el mismo producto de la misma manera. Esta capsula nos hace recordar lo distinto que somos, además del motivo real por el que hay que diseñar: desde y para la diversidad.

Erimer Alcantara Peña

student•

La accesibilidad es vital para nuestros productos digitales.

Fernanda López

student•

Para todo diseño centrado en los usuarios es imprescindible considerar e investigar a profundidad a nuestros posibles usuarios, a partir de la diversidad e inclusión.

Así como tener en cuenta a los usuarios extremos, por ejemplo, al diseñar una silla se debe considerar a aquellos usuarios tanto de baja estatura como alta estatura, no solo en los promedios.

Juan Miguel Garcia Moreno

student•

Guido Francisco Rodriguez Alvarez

student•

Creo que conceptualmente sabemos que debemos dar accesibilidad a todo usuario, sin embargo es un desafío ponerlo en la practica. Pero vamos a aprenderlo!

Accesibilidad Visual en Diseños Digitales

Cápsulas de diseño

Fundamentos del Diseño de Producto y Experiencia de Usuario

Diseño de Creatividades para Redes Sociales: Estrategias y Herramientas

Accesibilidad Visual en Diseños Digitales

Consejos Prácticos para el Diseño de Producto Digital

Herramientas Clave para Diseño Web y Prototipado: Sketch, Figma y Adobe XD