¿Qué es el Diseño Web Inclusivo?

La usabilidad del sitio web es un término amplio que describe la facilidad de uso e interacción con un sitio web. Sin embargo, una cosa importante a recordar al diseñar un sitio web para que sea usable es que no todos se involucran con un sitio web de la misma manera o bajo las mismas circunstancias.

Si diseña un sitio web para el usuario “promedio” o “ideal”, podría terminar creando una interfaz desagradable, difícil o imposible de usar para otros.

Las directrices proporcionadas por el Consorcio World Wide Web, así como por los gobiernos locales, han ayudado a los diseñadores a cerrar las brechas en cuanto a usabilidad y accesibilidad. Sin embargo, eso no necesariamente hace que un sitio web sea completamente inclusivo.

En la siguiente publicación, vamos a examinar qué significa el diseño inclusivo, su valor en el diseño web, así como lo que necesita considerar al diseñar interfaces e interacciones inclusivas.

Aprenda Cómo Diseñar para la Accesibilidad Web

¿Qué es el Diseño Inclusivo?

El diseño web inclusivo elimina los prejuicios y suposiciones de un sitio web para que los usuarios no se sientan excluidos debido a una discapacidad, demografía u otras circunstancias temporales o permanentes.

Tanto el diseño web accesible como el diseño UX son componentes críticos de un sitio web inclusivo. El diseño accesible es el proceso de eliminar las barreras de entrada para personas con discapacidades y otras limitaciones. El diseño UX es un enfoque de diseño basado en datos que prueba y valida cómo los usuarios reales interactúan con un sitio web.

Debido a esto, hay mucho que considerar en el diseño inclusivo, ya que no es estrictamente la discapacidad de un usuario lo que puede impedirles usar o estar satisfechos con un sitio web. Los diseñadores web también pueden encontrarse con problemas al crear experiencias para un conjunto exclusivo de usuarios.

Como tal, los diseñadores web deben considerar los siguientes factores:

• Discapacidades físicas relacionadas con la visión, audición o destreza
• Discapacidades mentales que afectan la cognición o el habla
• Limitaciones situacionales que impiden al usuario interactuar completamente con el producto
• Restricciones técnicas como hardware, conectividad a internet y alfabetización informática
• Barreras lingüísticas y geográficas
• Diferencias demográficas como edad, raza y género
• Diferencias socioeconómicas

En resumen: El diseño inclusivo se traduce en diseño universal.

Los diseñadores web tienen a su disposición una variedad de herramientas para abordar el aspecto de accesibilidad del diseño inclusivo. Por ejemplo, las herramientas de accesibilidad de WordPress, los verificadores de accesibilidad web, las pautas WAI-ARIA y otros recursos pueden facilitar el diseño e implementación accesibles.

No obstante, el diseño inclusivo requiere una comprensión más profunda de las limitaciones que los usuarios pueden enfrentar en la web. No existe una herramienta que pueda escanear su sitio web y confirmar que ha creado la experiencia más diversa y equitativa posible. Es algo que deberá aprender a implementar y verificar por su cuenta.

Por qué es importante el diseño web inclusivo

Existen numerosas razones por las cuales los diseñadores web deben incorporar la accesibilidad y la inclusividad en cada sitio web que construyen. Examinemos primero cómo un sitio web no inclusivo perjudica a todos:

Las desventajas de la no inclusividad

En 2021, WebAIM publicó los resultados de su Encuesta de Usuarios de Lectores de Pantalla #9. El 7,7% de los encuestados indicó que deben utilizar un lector de pantalla cuando están en línea.

Cuando se les preguntó sobre su percepción del estado actual de la accesibilidad en Internet, solo el 39,3% afirmó que era más accesible que en años anteriores. El 42,3% consideró que no había cambios, mientras que el 18,5% indicó que había empeorado.

Según Mike Gifford de CivicActions, es posible que más del 7,7% de la población experimente inaccesibilidad y comparta estos sentimientos:

«La combinación de discapacidades y métodos con los que las personas superan las barreras es extremadamente diversa. Éticamente, diseñar para nuestros usuarios menos favorecidos debe tener la máxima prioridad. Lamentablemente, con nuestro constante impulso hacia lo nuevo y llamativo, estamos excluyendo regularmente al 10-20% de nuestros conciudadanos.»

De acuerdo con el Colegio de Abogados de Estados Unidos, se presentaron 8.000 demandas del Título III de la Ley de Estadounidenses con Discapacidades ante los tribunales federales entre 2017 y 2020. Esa cifra aumentó un 14,3% a 2.352 demandas solo en 2021, según Accessibility.com.

Hay otros que pueden sentirse excluidos de un sitio web, pero no tienen recursos legales. Por ejemplo, el World Data Lab afirma que hay 1.100 millones de personas con pobreza de Internet. En algunos casos, esto significa que no pueden costear planes de datos móviles. En otros casos pueden hacerlo, pero no obtienen datos suficientes para usar, por lo que no pueden permitirse pasar tiempo en sitios web que consumen muchos recursos.

También hay que considerar a la población de edad avanzada. El Centro de Investigación Pew descubrió que el número de personas mayores que utilizan Internet ha crecido en los últimos años. No obstante, TechCrunch informa que aproximadamente el 50% de los adultos mayores necesitan ayuda para configurar y utilizar nuevas tecnologías digitales. Además, el 40% de las personas mayores son analfabetas digitales en la ciudad de San Francisco, justo al lado de Silicon Valley, de todos los lugares.

Incluso si su sitio web no está sujeto a demandas, considere lo que perder el 20% o más de sus visitantes debido a un diseño no inclusivo hará a la viabilidad a largo plazo de una marca. Es un segmento enorme de la audiencia que se perderá simplemente porque el sitio web no es acogedor o utilizable.

Las ventajas de la inclusividad

Cuando diseña un sitio web para que sea inclusivo, lo diseña de manera que todos los que lo deseen puedan interactuar plenamente con él y no sentirse excluidos. Todos ganan cuando Internet se convierte en un lugar inclusivo:

El diseño web inclusivo conduce a un mejor diseño de productos.

Desde sitios web hasta aplicaciones móviles y todo lo demás, el diseño inclusivo obliga a los diseñadores a volver a los fundamentos del buen diseño, usable y empático.

Las marcas alcanzan una audiencia más amplia.

Una marca que prioriza una experiencia universalmente positiva para todos y no solo para el usuario ideal atraerá una base más leal de usuarios que también valoran la inclusividad y la equidad.

Los usuarios se sienten mejor al interactuar con sitios web inclusivos.

Las personas pasan tanto tiempo frente a las pantallas que problemas como el síndrome del túnel carpiano, el síndrome de visión por computadora y el trastorno de adicción a Internet son demasiado comunes en la actualidad. El diseño inclusivo y ético puede ayudar a los usuarios a sentirse mejor tanto en su mente como en su cuerpo.

El diseño web inclusivo ayuda a los sitios web a posicionarse mejor en los resultados de búsqueda.

Google actualizó su algoritmo de búsqueda hace un par de años, nombrando cuatro factores esenciales para crear la mejor experiencia en la página: Rendimiento (velocidad), Accesibilidad, Mejores Prácticas (diseño y código) y SEO (por ejemplo, texto alternativo). El diseño inclusivo contribuye a cada uno de estos.

Cómo Crear Personas de Diseño Web Inclusivo

Con frecuencia, los diseñadores crearán personas ficticias al inicio de los proyectos de sitios web. Esto les ayuda a visualizar y relacionarse con el usuario final para el que están construyendo el sitio web. También les ayuda a comprender cómo ese usuario en particular interactuaría con el sitio web.

Cuando se incluye la inclusividad en su proceso de diseño web, las descripciones de sus personas de usuario necesitarán ajustarse en cierta medida. Las personas de usuario típicas desglosan lo siguiente:

• Nombre
• Demografía (por ejemplo, edad, género, ocupación, etc.)
• Personalidad
• Voz
• Objetivos
• Motivaciones
• Frustraciones
• Temores

Las personas de usuario inclusivas también necesitarán incluir:

Habilidad: Este es el componente de accesibilidad de la inclusividad. Tendrá que anticipar cómo algunos de sus usuarios pueden estar restringidos en términos de cómo usan e interactúan con el sitio web, tanto física como cognitivamente.

Aptitud: Si observa los datos sobre cuántos usuarios están en línea, se dará cuenta de que algunos de sus usuarios podrían no tener alfabetización digital. Desviarse de las estructuras y diseños básicos y no proporcionar suficiente contexto (como etiquetas en formularios de contacto) podría resultar perjudicial para las experiencias de estos usuarios.

Actitud: Esto se refiere a los usuarios que pueden percibir los sitios web como entornos inseguros. Ya sea que estén excesivamente preocupados por su privacidad o nerviosos por encontrar malware, este tipo de temores deben abordarse con características de seguridad y privacidad reconocibles y confiables.

Acceso: Los usuarios no tienen que ser pobres en Internet para tener acceso limitado a la web. Por ejemplo, poco más de la mitad de la población mundial tiene acceso a Internet en el hogar, según la UNESCO. Eso no significa que no puedan conectarse, solo significa que tienen que encontrar otras formas de obtenerlo, como ir a una biblioteca o un cibercafé. Por lo tanto, la conectividad, el hardware, el software e incluso la ubicación pueden afectar el acceso.

Localización: Nunca es seguro asumir que todos los usuarios viven en el mismo país, provienen de la misma cultura y hablan el mismo idioma que usted. Como tal, estas diferencias deben abordarse al crear personas de usuario inclusivas.

Los 7 Principios del Diseño Inclusivo

Para que el diseño inclusivo funcione, los diseñadores web deben eliminar las suposiciones, las nociones preconcebidas, así como el favorecer al usuario promedio sobre el bien de todos los usuarios. Para hacerlo con éxito, los diseñadores deben guiarse por los siguientes principios:

1. Flexibilidad

No existe una talla única en el diseño web. Eso no significa que tenga que construir diferentes sitios web o páginas de destino para diferentes usuarios. Sin embargo, sí significa agregar características adicionales a la interfaz de usuario cuando crea que ayudarán a cerrar la brecha entre las experiencias de diferentes usuarios.

Por ejemplo, es una buena idea incluir una transcripción de un video debajo del archivo incrustado. De esa manera, los usuarios que no pueden o no quieren escuchar o ver el video pueden leer el texto.

2. Simplicidad

El minimalismo es una tendencia duradera en el diseño web y con buena razón. No es solo porque crea interfaces más agradables visualmente, sino porque el minimalismo y la simplicidad allanan el camino para un diseño más intuitivo.

La mejor manera de abordar esto es tratar un sitio web como un producto mínimo viable (MVP). Construya las características centrales que lo convierten en un producto útil y valioso. Luego, agregue elementos adicionales solo donde sean necesarios y aporten valor a la experiencia de todos.

3. Consistencia

La consistencia no significa que un sitio web tenga que volverse predecible o aburrido. Aún puede ser creativo mientras mantiene la consistencia.

Todos se benefician de la consistencia en el diseño. Elimina la frustración y la confusión causadas por el mismo elemento o característica presentados de diferentes maneras en el mismo sitio web. Además, la consistencia con la forma en que la mayoría de la web maneja los elementos fundamentales — como la navegación del sitio web — puede mejorar la usabilidad de un sitio web y acelerar el tiempo de conversión.

4. Percepción

Además de considerar cómo las personas interactúan con los sitios web, los diseñadores también deben tener en cuenta cómo prefieren interactuar con los sitios web. Por ejemplo, un sitio web dominado por imágenes podría ser muy difícil de digerir para los usuarios que no son aprendices visuales.

Cuando reúna el contenido para un sitio web, asegúrese de que haya una mezcla equilibrada del mismo. Si solo hay un tipo de contenido (como todo texto y sin imágenes), es probable que algunos de sus visitantes se encuentren en desventaja en cuanto a la comprensión o facilidad de uso.

5. Equidad

La equidad en el diseño web se refiere a resultados equitativos. En otras palabras, independientemente de quién sea el visitante, cada uno debería poder completar las tareas con facilidad.

Aquí es donde el proceso de diseño de UX resulta útil. Obtener información de primera mano sobre los objetivos de los usuarios y lo que necesitan para completarlos ayuda a los diseñadores a crear interacciones y recorridos de usuario sin fricciones para todos.

Por ejemplo, considere un componente de UI como un carrusel de imágenes. La forma inclusiva de diseñarlo sería desactivar la función de deslizamiento automático. Luego, incluya capacidades tanto de deslizamiento como de clic para que cada usuario pueda controlar el carrusel y su ritmo.

6. Prevención

El diseño inclusivo mitigará el error humano. Esto significa diseñar una interfaz de usuario para prevenir tantos errores como sea posible, al tiempo que se proporciona una respuesta tolerante y útil a los errores que ocurran. Al reducir la frustración o la vergüenza asociada con cometer errores, un diseño inclusivo hace más por construir confianza con los visitantes.

Este principio particular entra en juego con mayor frecuencia en el punto de interacción. Por ejemplo, los botones siempre deben diseñarse de manera que sean lo suficientemente grandes para ser vistos y clicados.

Los mensajes de error en los formularios de contacto son otro buen ejemplo. Al mostrar mensajes de error en línea con un color y tamaño que todos puedan leer, reducirá la probabilidad de errores repetidos. También tendrá un formulario de contacto que se siente más útil que uno que proporciona mensajes de error vagos o que ocurren demasiado tarde en el proceso.

7. Adaptación

Una de las razones por las que los sitios web están sujetos a demandas de accesibilidad de la misma manera que los negocios físicos es porque han sido considerados «lugares de acomodación pública». Además de asegurar que todos puedan leer, navegar e interactuar con un sitio web, el diseño inclusivo garantiza cierto grado de comodidad a los visitantes.

La comodidad puede significar muchas cosas para muchas personas — espacio amplio, diseños predecibles, etc. El diseño inclusivo también pide a los diseñadores que consideren cuán cómodos se sentirán sus usuarios con el contenido del sitio web.

Por ejemplo, utilizar imágenes diversas que reflejen al público objetivo creará un entorno más acogedor que imágenes genéricas de stock que los usuarios han visto una y otra vez. Lo mismo puede decirse de usar un texto directo en lugar de uno lleno de jerga que solo un segmento de la audiencia entendería.

Conclusión

El diseño web inclusivo es un término global que incluye disciplinas como el diseño UX, el diseño accesible y el diseño responsive. Sin embargo, el diseño inclusivo va un paso más allá para asegurar que el resultado final sea un sitio web universalmente utilizable y bien recibido.

Este enfoque de diseño web requiere una comprensión sólida de los desafíos que enfrentan diferentes personas al interactuar con sitios web, lo cual va más allá de la discapacidad o la limitación.

La mejor manera de integrar la inclusividad en su proceso de diseño web es, primero, asegurarse de que está trabajando con herramientas que le ayuden a implementarla — como las características de accesibilidad de WordPress y Elementor. Luego, actualice sus plantillas de persona de usuario con factores inclusivos como habilidad, aptitud y acceso. Finalmente, mantenga su proceso actualizado a medida que aprende más sobre las experiencias de los usuarios y los desafíos comunes que enfrentan al usar la web.