¿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 que debe recordar al diseñar un sitio web para que sea utilizable es que no todos interactúan con un sitio web de la misma manera o en 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 los demás.

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

En la siguiente publicación, examinaremos qué significa el diseño inclusivo, su valor en el diseño web, así como lo que debe tener en cuenta al diseñar interfaces e interacciones inclusivas.

Aprenda a diseñar para la accesibilidad web

¿Qué es el diseño inclusivo?

El diseño web inclusivo elimina los prejuicios y las 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 las personas con discapacidades y otros impedimentos. El diseño de 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 impedir que use o esté satisfecho con un sitio web. Los diseñadores web también pueden tener problemas al crear experiencias para un conjunto exclusivo de usuarios.

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

• Deficiencias físicas relacionadas con la visión, la audición o la destreza
• Deficiencias mentales que afectan la cognición o el habla
• Limitaciones situacionales que impiden que el usuario se involucre 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 pocas palabras: el diseño inclusivo se traduce en última instancia en un diseño universal.

Los diseñadores web tienen una variedad de herramientas a su disposición 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 de WAI-ARIA y más pueden facilitar el diseño y la implementación accesibles.

Sin embargo, con el diseño inclusivo, se requiere una mayor comprensión de las limitaciones que los usuarios pueden enfrentar en la web. No existe una herramienta que escanee su sitio web y confirme que ha creado la experiencia más diversa y equitativa posible. Es algo que tendrá que aprender a implementar y verificar por su cuenta.

Por qué es importante el diseño web inclusivo

Hay una serie de razones por las que los diseñadores web necesitan hacer que la accesibilidad y la inclusión sean parte de cada sitio web que crean. Veamos primero cómo un sitio web no inclusivo perjudica a todos:

La desventaja de la no inclusión

En 2021, WebAIM publicó los resultados de su Encuesta de usuarios de lectores de pantalla n.º 9. El 7,7% de los encuestados dijeron que tienen que usar un lector de pantalla cuando están en línea.

Cuando se les preguntó cómo se sentían sobre el estado actual de la accesibilidad a Internet, solo el 39,3% dijo que era más accesible que en años anteriores. El 42,3% consideró que nada había cambiado mientras que el 18,5% dijo que estaba peor.

Según Mike Gifford de CivicActions, podría ser más del 7,7% de la población que experimenta inaccesibilidad y comparte estos sentimientos:

“La combinación de discapacidades y métodos con los que las personas superan las barreras es extremadamente diversa. Éticamente, se debe dar la máxima prioridad a la construcción para nuestros usuarios menos aventajados. Desafortunadamente, con nuestro impulso constante por lo nuevo y llamativo, estamos excluyendo regularmente entre el 10 y el 20 % de nuestros conciudadanos”.

Según el Colegio de Abogados de Estados Unidos, hubo 8000 demandas del Título III de la Ley de Estadounidenses con Discapacidades presentadas ante tribunales federales entre 2017 y 2020. Ese número aumentó un 14,3 % a 2352 demandas solo en 2021, según Accessibility.com.

Hay otros que pueden sentirse excluidos de un sitio web, pero no tienen ningún recurso legal. Por ejemplo, el World Data Lab dice que hay 1.100 millones de personas pobres en Internet. En algunos casos, esto significa que no pueden pagar los planes de datos móviles. En otros casos, pueden, pero no obtienen suficientes datos para usar, por lo que no pueden permitirse el lujo de perder tiempo en sitios web con muchos recursos.

También hay que tener en cuenta a la población de edad avanzada. El Pew Research Center descubrió que la cantidad de personas mayores que usan Internet ha aumentado en los últimos años. Dicho esto, TechCrunch informa que aproximadamente el 50 % de los adultos mayores necesitan que alguien los ayude a 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 la pérdida del 20% o más de sus visitantes debido a un diseño no inclusivo afectará la viabilidad a largo plazo de una marca. Ese es un gran segmento de la audiencia que se irá simplemente porque el sitio web no es acogedor o utilizable.

La ventaja de la inclusión

Cuando diseña un sitio web para que sea inclusivo, lo diseña para que todos los que quieran puedan participar plenamente 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 conceptos básicos del buen diseño, usable y empático.

Las marcas llegan a un público más amplio.

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 inclusión y la equidad.

Los usuarios se sienten mejor interactuando 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 muy comunes en estos días. 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 que los sitios web se clasifiquen mejor en los resultados de búsqueda.

Google actualizó su algoritmo de búsqueda hace un par de años y nombró 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

A menudo, los diseñadores crearán personajes ficticios al comienzo de los proyectos de sitios web. Esto les ayuda a visualizar y relacionarse con el usuario final para el que están creando el sitio web. También les ayuda a comprender cómo ese usuario en particular se relacionaría con el sitio web.

Cuando incluye la inclusión en su proceso de diseño web, las descripciones de su personalidad de usuario deberán ajustarse un poco. Las personas típicas de los usuarios desglosan lo siguiente:

• Nombre
• Datos demográficos (por ejemplo, edad, género, ocupación, etc.)
• Personalidad
• Voz
• Metas
• Motivaciones
• Frustraciones
• miedos

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

Habilidad: Este es el componente de accesibilidad de la inclusión. 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, física y 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 ser alfabetizados digitalmente. Desviarse de las estructuras y diseños básicos y no proporcionar suficiente contexto (como las etiquetas en los formularios de contacto) podría resultar perjudicial para la experiencia de estos usuarios.

Actitud: se refiere a los usuarios que pueden percibir los sitios web como entornos inseguros. Ya sea que estén demasiado preocupados por su privacidad o nerviosos por encontrar malware, estos tipos de temores deben abordarse con funciones de seguridad y privacidad reconocibles y confiables.

Acceso: los usuarios no tienen que tener poca conexión a 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, simplemente significa que tienen que encontrar otras formas de hacerlo, como ir a una biblioteca o a 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 personajes de usuario inclusivos.

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 favorecer al usuario promedio por encima del bien de todos los usuarios. Para hacer esto con éxito, los diseñadores deben guiarse por los siguientes principios:

1. Flexibilidad

No existe tal cosa como una talla única en el diseño web. Eso no significa que tenga que crear diferentes sitios web o páginas de destino para diferentes usuarios. Sin embargo, significa agregar funciones adicionales a la interfaz de usuario cuando cree que ayudarán a cerrar la brecha entre las experiencias de los diferentes usuarios.

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

2. Simplicidad

El minimalismo es una tendencia perdurable en el diseño web y por una buena razón. No es solo porque crea interfaces más agradables a la vista, es 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). Desarrolle las funciones principales que lo convierten en un producto utilizable y valioso. Luego, agregue elementos adicionales solo donde sean necesarios y aporte valor a la experiencia de todos.

3. Consistencia

La consistencia no significa que un sitio web tenga que volverse predecible o aburrido. Todavía puedes ser creativo mientras mantienes 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 presentado 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 centrales, 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 tener en cuenta cómo las personas interactúan con los sitios web, los diseñadores también deben considerar cómo prefieren interactuar con los sitios web. Por ejemplo, un sitio web dominado por imágenes puede ser muy difícil para los usuarios que no son aprendices visuales para digerir el contenido.

Cuando reúna el contenido de un sitio web, asegúrese de que haya una combinación saludable. Si solo hay un tipo de contenido (como todo el texto y ninguna imagen), es probable que algunos de sus visitantes estén en desventaja en lo que respecta a la comprensión o la 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, todos los visitantes deberían 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 viajes de usuario sin fricciones para todos.

Por ejemplo, considere un componente de interfaz de usuario como un control deslizante de imagen. La forma inclusiva de diseñarlo sería deshabilitar la función de deslizamiento automático. Luego, incluya capacidades de deslizar y hacer clic para que cada usuario pueda controlar el control deslizante y su ritmo.

6. Prevención

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

Este principio particular entra en juego con mayor frecuencia en el momento del compromiso. Por ejemplo, los botones siempre deben diseñarse de modo que sean lo suficientemente grandes para que se puedan ver y hacer clic.

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

7. Alojamiento

Una de las razones por las que los sitios web están sujetos a demandas de accesibilidad de la misma manera que las empresas físicas es porque se los ha considerado "lugares de alojamiento público". Además de garantizar que todos puedan leer, navegar e interactuar con un sitio web, el diseño inclusivo garantiza cierta 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 les pide a los diseñadores que consideren qué tan cómodos estarán sus usuarios con el contenido del sitio web.

Por ejemplo, el uso de imágenes diversas que reflejen al público objetivo creará un entorno más acogedor que las imágenes de stock genéricas que los usuarios han visto una y otra vez. Lo mismo puede decirse del uso de una copia directa en lugar de una copia llena de jerga que solo un segmento de la audiencia entendería.

Conclusión

El diseño web inclusivo es un término que abarca todo y que incluye disciplinas como el diseño UX, el diseño accesible y el diseño receptivo. Sin embargo, el diseño inclusivo va un paso más allá para garantizar que el resultado final sea un sitio web de uso universal y bien recibido.

Este enfoque de diseño web requiere una comprensión sólida de los desafíos que enfrentan las diferentes personas cuando interactúan con los sitios web, que van más allá de la discapacidad o la discapacidad.

La mejor manera de integrar la inclusión en su proceso de diseño web es primero asegurarse de que está trabajando con herramientas que lo ayuden a implementarlo, como las funciones de accesibilidad de WordPress y Elementor. Luego, actualice sus plantillas de personalidad de usuario con factores inclusivos como capacidad, 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 cuando usan la web.