¿Has oído hablar de un sistema de diseño accesible, universal o inclusivo? ¿Es todo lo mismo, o parecido? En ocasiones pueden parecer conceptos algo confusos entre sí. En este artículo te ayudaremos a entender el planteamiento de cada uno y ver cómo podemos aplicar los diferentes enfoques a algunos aspectos de nuestro sistema de diseño.
¿Qué es un Design System?
Un Design System es una documentación o herramienta que establece las reglas base sobre las que se articulan los elementos que conforman un producto digital. Los Design Systems están compuestos, por una parte, documental que define los aspectos visuales de nuestro sistema, las Foundations, juntamente con el UI Kit o componentes reutilizables, y la documentación sobre los mismos.
Esta herramienta constituye dentro de las empresas una única fuente de la verdad que, aunque impacta sobre todo en equipo de diseño y desarrollo, va más allá de ellos y se puede convertir en una herramienta útil para muchos otros departamentos de la organización.

Beneficios de un Sistema de Diseño
Un buen sistema de diseño implementado en la organización ofrece múltiples beneficios:
- Consistencia: La consistencia en nuestro producto tiene un impacto directo en la experiencia de nuestros usuarios.
- Escalabilidad y optimización de tiempo y procesos: Un sistema de diseño bien articulado, junto con un buen enfoque de Design Ops, ayudará a tu equipo a optimizar tiempo y esfuerzo, lo que tiene un impacto directo en el beneficio de la empresa.
- La imagen de nuestra marca mejora: Nuestros usuarios nos perciben de una manera sólida y consistente, tanto en nuestros productos digitales como en todos nuestros canales de comunicación.
- Los equipos trabajan mejor y en sincronía: Una vez superado el obstáculo de la adopción, el futuro es prometedor y avocado al entendimiento y a la comunicación entre equipos.
- Beneficios económicos: Aunque la inversión inicial de implementar un sistema de diseño es costosa, a largo plazo la recompensa supera con creces la inversión por múltiples aspectos, más allá del económico, que también.
Evolución del Pensamiento en Diseño: Universal, Accesible e Inclusivo
Ahora abordaremos cómo llevar a otro nivel tu sistema de diseño incluyendo en él planteamientos como Diseño Universal, Diseño Accesible o Diseño Inclusivo. Aunque tienen puntos en común, no todo es lo mismo.
Diseño Universal
Quizás has oído hablar de Diseño Universal, un término planteado por el arquitecto Ron L. Mace. Su planteamiento de diseño es aplicable al diseño de espacios, arquitectónico o de producto, es decir, aplicable a cualquier tipo de diseño.
Lo que este plantea es simplificar al máximo la vida de las personas eliminando todas las barreras posibles, intentando generar diseños utilizables en su misma forma por el mayor número de personas, planteando un modelo estándar, beneficiando así a todo tipo de usuarios, de todo tipo de edades o capacidades sin necesidad de ser adaptados.
Vinculándolo al diseño de interfaces, por ejemplo, lo que plantea es que si nuestra aplicación contiene un buscador alfanumérico, no hagamos un buscador por voz específico para una persona con cierta discapacidad visual y que este sea una alternativa de búsqueda. Lo que debemos hacer es plantear un buscador único que contemple al máximo todas las necesidades que puedan tener nuestros usuarios sin tener que adaptarse.
Puntos Estratégicos del Diseño Universal
- Igualdad de uso
- Diseño de uso flexible
- Uso simple y funcional
- Información comprensible
- Tolerancia al error
- Bajo esfuerzo físico
- Dimensiones apropiadas

Consejos para tu Sistema de Diseño con Enfoque Universal
- Conoce a todos los usuarios posibles y sus necesidades: Si conoces todos los requerimientos y limitaciones desde un inicio, podrás tenerlos en cuenta desde los primeros pasos de conceptualización de tu proyecto. El UX Research es clave e incluye una muestra representativa de usuarios diversos para que los resultados sean relevantes.
- Simplifica todo lo que puedas: Quedarnos en la esencia o la clave de las cosas es el gran reto de un diseñador UX/UI, pero si consigues una solución única para todos no necesitarás tener adaptaciones de un mismo elemento según las necesidades del usuario.
Diseño Accesible
El Diseño Accesible plantea tener en cuenta las situaciones o discapacidades que pueden tener nuestros usuarios potenciales. Nace desde la necesidad de "adaptar" un planteamiento inicial a una necesidad concreta.
Consejos para un Sistema de Diseño Accesible
Muchos de vosotros ya sabréis muchos de los aspectos a tener en cuenta para que nuestro Sistema de Diseño sea accesible, como color, tamaños de texto, contraste y jerarquía. A continuación, enumeramos algunos que no son tan evidentes o a los que no siempre se presta tanta atención:
- Repite patrones: Ya sea en módulos de contenido, componentes o funcionalidades. Si puedes tener 3 cards en tu Sistema de Diseño, es mejor que 5. Así, el usuario requiere menos esfuerzo a la hora de consumir elementos de nuestro sitio.
- Simplifica todo contenido: Cuanto más simples sean los copys, los CTAs, los flujos, las pantallas, más facilitarán la comprensión de los mismos. Personas con ciertos tipos de discapacidad tienen problemas a la hora de procesar páginas demasiado complejas; por lo tanto, si simplificas no solo les ayudarás a ellos, sino a cualquier tipo de persona.
- Posibilita las funcionalidades de voz: Ten en cuenta las funcionalidades de voz en el planteamiento de los componentes de tu sistema.
- Alinea a la izquierda todos los textos que puedas: El texto centrado o justificado no facilita su lectura y, por lo tanto, convierte nuestro contenido en menos accesible.
- Incluye subtítulos en videos: Si tu sistema tiene un componente de video, incluye subtítulos, ya que puede que haya usuarios que leyendo un contenido lo entiendan mejor que escuchándolo.
- Auditoría y Test de Usuario: Si tu sistema no cumple con los estándares de accesibilidad, empieza por hacer una Auditoría de Accesibilidad y Test de Usuario para detectar cuánto puede mejorar tu proyecto e implementar mejoras desde el Diseño UX/UI.

Niveles de Accesibilidad Web (WCAG)
La accesibilidad está regulada mediante las Directrices de Accesibilidad para el Contenido Web (WCAG), publicadas por la Iniciativa de Accesibilidad Web (WAI).
- Nivel A: Cubre los requisitos mínimos de accesibilidad. Incluye el uso de texto en imágenes no decorativas, o garantice que los videos tengan subtítulos.
- Nivel AA: El nivel recomendado para el estándar mínimo de proyectos web. Incluye navegación clara y predecible y compatibilidad con lectores de pantalla.
- Nivel AAA: Representa el nivel más alto de accesibilidad.
Otros aspectos importantes para la accesibilidad incluyen: Indicadores visuales, ya que es fundamental que las personas puedan identificar claramente qué elemento está activo; y el uso correcto de encabezados, donde los títulos y subtítulos deben seguir una jerarquía lógica, basándose en la estructura semántica del contenido para transmitir la información de forma ordenada.

Diseño Inclusivo
El Diseño Inclusivo es aquel diseño, creación o confección de un producto, servicio, sistema o entorno de manera que el máximo número de personas posible queden incluidas, incorporadas, en su utilización y amortización, y lo hagan en igualdad. Es un diseño que no quiere dejar a nadie fuera, que incluye, y que busca igualdad.
El diseño inclusivo plantea que las decisiones de diseño tengan en cuenta e incluyan a todo tipo de personas, sea cual sea su capacidad, género, raza, estado socioeconómico o condición. No diseñamos para un público objetivo concreto, nuestros diseños abrazan a todo tipo de públicos. Sin embargo, puede parecer una obviedad, pero si nuestro producto es un ecommerce que vende muebles de alto standing, nunca podremos ser 100% inclusivos, porque nuestro producto de venta no es asequible para todos los públicos.
Según la Organización Mundial de la Salud (OMS), en torno al 15% de la población mundial presenta algún tipo de discapacidad permanente, a lo que se suma en altos porcentajes las discapacidades temporales que todas las personas tenemos alguna vez en la vida.
Un diseño inclusivo busca, no solo aceptar la diversidad y tenerla en cuenta, sino favorecerla en la medida de lo posible haciendo que todo lo creado bajo sus principios sea accesible y tenga características que permitan el acceso universal y en igualdad a su uso, para cualquier persona.
Ejemplos de diseño inclusivo pueden variar desde la arquitectura de un edificio teniendo en cuenta que por todas sus plantas se moverán posibles personas que no ven o que van en silla de ruedas, hasta una página web que va a ser navegada por personas a las que les cueste leer, o un sistema sanitario que atenderá a personas que no hablan el idioma del país, o un lavavajillas eléctrico que tiene que ser fácil de encender y entender en todos los países y culturas del mundo.
Principios y Consejos para un Diseño Inclusivo
- Principios de Diseño: Pon especial atención a la definición de los principios de Diseño en tu Sistema. Si uno de tus principios clave es la inclusión de todo tipo de personas, sin tener en cuenta su condición, estos deberían reflejar de una manera u otra cómo se articula nuestra marca, ya sea en términos de comunicación o sistema de diseño.
- Lenguaje Inclusivo: Uno de los aspectos que más ayuda a la inclusividad en los productos digitales es el lenguaje inclusivo. Define unas bases de cómo dirigirte a todas y todos los usuarios. No olvides que el cómo nos dirigimos a la gente también genera una imagen de marca.
- Formularios y datos personales: Pon especial atención a los formularios, pregúntate cuándo es estrictamente necesario preguntar por el género a una persona, y si lo es, ofrece todas las opciones posibles más allá del binomio hombre-mujer, para que nadie pueda sentirse excluido.
- Iconografía e imágenes: Utiliza iconografía e imágenes que abarquen y que no excluyan a ningún tipo de persona o condición.
- Experiencia de uso comparable: Un producto, bien o servicio con diseño inclusivo debe tener en cuenta que la experiencia de uso o disfrute que tengan todos sus usuarios debe ser comparable.
- Diversidad en el equipo creativo: Para tener en consideración la situación real del usuario, es fundamental incorporar en el proceso creativo a una plantilla diversa y que presente, en primera persona, todo tipo de perfiles y capacidades.
- Consistencia y utilidad: El diseño inclusivo no debe estar reñido con la consistencia, la utilidad real o la importancia y pertinencia de ese bien.
- Personalización y opciones: El diseño inclusivo debe proponer múltiples opciones de uso, ajustes de personalización y configuraciones, permitiendo "customizarse" la experiencia de uso y ser adaptativo a la realidad de cada persona en cada momento. Por ejemplo, Apps o páginas web con diseño inclusivo suelen presentar una casilla de Configuración u Opciones donde el usuario con discapacidad visual puede aumentarse el tamaño de letra o incorporar contrastes, o donde el usuario sordo puede activar subtítulos para los diálogos de videos.
- Contenido primordial: El contenido de ese producto, servicio, sistema o entorno debe permanecer siempre como primordial, no desvirtuarse ni perderse por causas de la accesibilidad o la polivalencia.

Diferencias Clave entre Diseño Universal, Accesible e Inclusivo
El objetivo primordial de los tres conceptos es facilitar el acceso de las personas a aquello que pretenden utilizar. Sin embargo, existen diferencias claras en sus objetivos y enfoques:
- Mientras que el diseño accesible adapta o propone alternativas de acceso, el diseño universal propone un único enfoque que abarca el mayor número de personas desde el inicio.
- Si hablamos de accesibilidad, una situación común suele ser la de los colores de marca. Si estos no pasan los criterios de accesibilidad en cuanto a contraste, los diseñadores tendrán que hacer una adaptación del color original. Si se aplicara el principio de diseño universal, el color inicial escogido debería incluir de base el máximo número de personas.
- En el ámbito de la UX, el diseño accesible se enfoca en las características técnicas de un producto para que sea más fácil utilizarlo, garantizando la facilidad de uso para las personas con discapacidad. Está regulado por estándares como las WCAG.
- El Diseño Inclusivo, por su parte, trata un espectro más amplio. Su objetivo es construir productos que puedan utilizar todas las personas, implicando tener en cuenta la diversidad de las personas usuarias desde la metodología y no solo en el producto final. El diseño inclusivo es una metodología que busca la inclusión plena, considerando todos los perfiles, no solo las discapacidades.
- El diseño universal es un concepto de diseño ideal, pero en el proceso de producción real, a menudo es difícil satisfacer completamente las necesidades de todas las personas.
- La accesibilidad se refiere al diseño que elimina las barreras físicas y estructurales existentes en la sociedad para crear un entorno en el que todos puedan vivir sin incomodidades. Su alcance tiende a ser local y a menudo se dirige a personas con necesidades específicas.
- El diseño universal, al igual que la accesibilidad, se aplica en una variedad de campos (arquitectura, productos, servicios) y tiene como objetivo crear un entorno que sea fácil de utilizar para todos desde el inicio, independientemente de edad, género, discapacidad o nacionalidad.
Un buen ejemplo de la interacción entre accesibilidad y diseño universal es el siguiente: Primero, se instala un "baño de uso múltiple" con señales que no indiquen género para crear un entorno que cualquiera pueda usar sin dudas (diseño universal). Además, se instalan equipos para ostomizados, pasamanos y botones de emergencia para responder a necesidades específicas (accesibilidad).
La premisa de que "hacer todo universal es imposible" es tener una perspectiva importante. Ambos conceptos son muy importantes cuando trabajamos en UX, y tenemos que conocerlos para aplicarlos adecuadamente en nuestros proyectos digitales.
Métodos Cuantitativos en Diseño: El Muestreo No Probabilístico
Cuando se investiga en diseño, especialmente para comprender a los usuarios y sus necesidades, los métodos cuantitativos juegan un papel importante. Uno de ellos es el muestreo no probabilístico, utilizado para seleccionar participantes en estudios. El muestreo no probabilístico comprende distintas variantes:
- Muestreo por conveniencia: La muestra se elige de acuerdo con la conveniencia del investigador, lo que le permite elegir de manera arbitraria cuántos participantes puede haber en el estudio.
- Muestreo intencional: La selección de los participantes se realiza mediante expertos que establecen criterios a seguir.
- Selección por cuotas (Muestreo por Cuotas): Se busca establecer subgrupos que de alguna manera constituyan una réplica de la población.
- Muestreo bola de nieve: Los participantes iniciales reclutan a otros participantes de sus redes.
Es importante que, para brindar detalles que favorezcan la comprensión de los estudios, los autores indiquen qué tipo de muestreo no probabilístico se utilizó en cada caso.

Implicaciones y Valor del Diseño Accesible e Inclusivo
La implementación de diseños accesibles e inclusivos no solo es una cuestión de ética, sino que también ofrece ventajas estratégicas y económicas:
- Reducir el riesgo: Los productos digitales tienen que ser accesibles y cumplir con las normas establecidas, ya que si no es así pueden ser objeto de acciones legales.
- Crear valor añadido: Si un producto digital satisface las necesidades de más personas es más atractivo, además de que se pueden dirigir a más mercados potenciales y el beneficio será mayor.
- Mejorar la satisfacción de las personas usuarias: Si entendemos las necesidades de todas las personas usuarias aumentará su satisfacción.
Como expertos en UX, debemos asegurar que ponemos en práctica todas las medidas de accesibilidad e inclusión disponibles. Esto implica determinar objetivos específicos con la accesibilidad y la inclusión que estén alineados con la audiencia a la que nos dirigimos y los recursos que podemos consumir en el proyecto. Es crucial utilizar las directrices de accesibilidad para el Contenido Web para identificar aquellas áreas que son susceptibles de mejora y reclutar personas usuarias diversas que nos permitan entender los desafíos a los que nos enfrentamos con el desarrollo del producto digital.
El diseño inclusivo agrega valor, tanto al sector en el que se encuentra el producto como a la imagen del fabricante o diseñador, que, sin duda, con su diseño está procurando un mundo mejor, más justo y más igualitario. Un diseño inclusivo hace que ese producto tenga un valor neto superior al producto excluyente que deja fuera a determinados perfiles de personas. Por ejemplo, una botonera de ascensores con braille y relieve en los botones, además de locución sonora, tiene más valor agregado que una botonera antigua sin estas características.
En el mundo tecnológico y digital, el diseño inclusivo está a la orden del día. Por ejemplo, el Grupo Social ONCE lleva la inclusión por bandera, y todos sus productos, servicios, entornos y sistemas cuentan con la prioridad de diseños inclusivos. Desde sus páginas webs y aplicaciones móviles hasta sus herramientas, servicios de atención, hoteles, formaciones y loterías, buscan compartir con el resto de la sociedad, plenamente diversa.
tags: #diseno #cuantitativo #por #accesibilidad #o #cuota