Cloud Intelligence™Cloud Intelligence™

Cloud Intelligence™

Diseño accesible para la analítica

By Aleksandra WalczakJul 26, 20225 min read

Esta página también está disponible en English, Deutsch, Français, Italiano, 日本語 y Português.

El lanzamiento de la nueva identidad visual de DoiT fue la oportunidad ideal para adaptar nuestra plataforma cloud. Te contamos lo que está haciendo nuestro equipo de UX para que sea más accesible.

Cloud-UX

La nueva imagen de DoiT: la oportunidad ideal para mejorar la accesibilidad

El estreno de la nueva identidad visual de DoiT nos dio la oportunidad perfecta para hacer más accesibles nuestros diagramas mientras los alineábamos con la marca renovada. Queríamos un sistema visual distintivo, sencillo y cercano, así que tenía mucho sentido adaptar DoiT Cloud Intelligence™ para reflejar la nueva marca y mejorar la accesibilidad.

El papel de la accesibilidad

La accesibilidad en el diseño consiste en hacer un producto más inclusivo para que cualquiera pueda usarlo. Aunque se enfoca en ayudar a personas con discapacidad, en realidad beneficia a todos los usuarios. Un ejemplo del mundo real es la rampa frente a un edificio: permite el acceso a personas en silla de ruedas, pero también facilita la entrada con un coche de bebé o con una bicicleta.

En el ámbito digital, los subtítulos de los videos se pensaron para personas con dificultades auditivas, pero también ayudan a quienes ven videos sin sonido en lugares ruidosos o concurridos, por ejemplo.

En el ámbito físico, las funciones de accesibilidad son obligatorias por ley.

Accesibilidad web

Si la accesibilidad describe qué tan utilizable es un entorno para la mayor cantidad posible de personas, la accesibilidad web describe qué tan utilizable es un sitio web para la mayor cantidad posible de personas. Tomarte en serio la accesibilidad web significa trabajar para que tu tecnología online esté disponible para cualquiera que quiera usarla, sin importar sus capacidades ni su entorno.

En el caso de los productos digitales, se está aplicando de forma progresiva un conjunto de recomendaciones llamado Web Content Accessibility Guidelines (WCAG). En 2017, la Unión Europea comenzó a exigir que los sitios web y las aplicaciones móviles de los organismos del sector público cumplieran con WCAG 2.1 nivel AA.

WCAG plantea cuatro principios de accesibilidad que el contenido debe cumplir para considerarse accesible:

  1. Perceptible: los usuarios deben poder percibir la información y los componentes de la interfaz de usuario (UI). Es decir, la información no puede quedar oculta para todos los sentidos del usuario.
  2. Operable: el usuario debe poder realizar las interacciones necesarias para manejar los componentes de la UI y la navegación.
  3. Comprensible: el contenido y el funcionamiento de la UI deben estar al alcance de la comprensión del usuario.
  4. Robusto: el contenido debe poder interpretarse de forma confiable mediante una amplia variedad de agentes de usuario, incluidas las tecnologías de asistencia.

Hacer accesible tu sitio web o tu app no solo es lo correcto: también puede tener un impacto importante en tus resultados. Según la Organización Mundial de la Salud, cerca del 15% de la población mundial vive con algún tipo de discapacidad. Eso representa más de mil millones de personas, muchas de las cuales podrían ser usuarias potenciales de tecnología web, pero terminan excluidas por aplicaciones y sitios poco accesibles.

Si miramos más allá de las discapacidades permanentes y consideramos las temporales o situacionales, que pueden afectar a alguien por un tiempo limitado o en ciertas circunstancias, la necesidad de productos web accesibles se vuelve aún más evidente. Por ejemplo, un paciente que se recupera de una cirugía ocular tiene una discapacidad temporal que puede llevarlo a usar un lector de pantalla durante algunas semanas. Alguien que perdió sus lentes tendría una discapacidad situacional, lo que también podría hacer que use un sitio web de forma distinta por un tiempo.

Una paleta de colores accesible

La deficiencia en la visión del color afecta al 8% de los hombres y al 0,5% de las mujeres. Enfocarse en la accesibilidad no solo ayuda a las personas con problemas de visión permanentes, sino también a quienes tienen una limitación visual situacional; por ejemplo, alguien que esté usando nuestro servicio con mala iluminación. La poca luz dificulta distinguir diferencias entre colores.

Las personas con daltonismo tienen dificultades para distinguir algunos colores del arcoíris, así que tomamos como punto de partida el esquema de color divergente de Tol para el nuevo diseño. Este esquema se construye escalando las coordenadas de color (por ejemplo, de azul a amarillo a rojo) y es seguro para personas con daltonismo.

cloud accessibility

Esquema de color divergente Sunset, de Tol

Adoptamos el esquema de color de Tol para alinearnos mejor con nuestra marca y asegurarnos de que la nueva paleta fuera segura para personas con daltonismo.

cloud accessibility ux

ux cloud platform

Tras el rediseño, el esquema de color es más accesible y está alineado con la nueva dirección de marca.

Dark mode

Antes del rebranding solíamos dejar de lado el dark mode de la plataforma y concentrábamos casi toda la atención en el modo claro. Un tema oscuro puede reducir la luminancia que emite la pantalla y disminuir la fatiga visual de nuestros usuarios. Una encuesta interna reveló que dos tercios de los Doers usan el CMP (hoy parte de DoiT Cloud Intelligence) en dark mode, así que aprovechamos la oportunidad para prestarle especial atención.

Para el texto en blanco, un fondo gris oscuro genera menos contraste que el negro y reduce la fatiga visual. También usamos colores menos saturados y más claros en los diagramas y botones para mejorar la legibilidad y disminuir las vibraciones ópticas.

cloud accessibility experience

La paleta de nuestro dark mode es más clara y menos saturada para mejorar la visibilidad.

¿Qué sigue?

En DoiT seguimos trabajando para que nuestros productos sean accesibles para la mayor cantidad posible de personas. Lo vemos como una forma de hacerle la vida más fácil a clientes, partners y a quienes trabajan con nosotros.

Nuestro siguiente paso es hacer que la documentación sea más accesible desde dentro de la plataforma. Esto incluye poder leer la ayuda contextual mientras se ejecutan acciones en la plataforma. También queremos asegurarnos de que la plataforma sea accesible mediante teclado. Si bien los usuarios con ciertas discapacidades navegan por internet con el teclado en lugar del mouse, los power users prefieren la navegación por teclado por una cuestión de eficiencia.

Hacer que los sitios web y otras tecnologías online sean accesibles y cumplan con WCAG quizá aún no sea un requisito legal, pero genera una experiencia de usuario positiva y te ayudará a atraer y retener clientes.