¡Desplazamiento infinito y accesibilidad! ¿Tiene algo de bueno?

Deseaba conocer si el scroll podía ser accesible pues mi intención era aplicarlo en mi web y me puse a buscar para investigar en Google (fuente de sabiduría). Lo que encontré me cambió de opinión y creo que el desplazamiento infinito es malo para las personas con discapacidad y para una amplia variedad de usuarios.

¿Qué es Infinite Scroll?

El desplazamiento infinito es una técnica de diseño web que carga contenido continuamente a medida que el usuario se desplaza hacia abajo en la página, eliminando la necesidad de paginación. El éxito del desplazamiento infinito en sitios de redes sociales como Twitter ha hecho que esta técnica sea popular, pero eso no significa que también tengas que hacerlo en tu diseño (si el vecino se tira por la ventana ¿tú lo harías?).

Si bien ARIA1.1 introdujo el rol Feed que permite un desplazamiento infinito accesible para los usuarios de lectores de pantalla, la lectura de publicaciones en varios blog que encontré cómo  ¿Crees que has construido un buen desplazamiento infinito?  De Adrian Rosell me cambió la opinión.

¿Dónde es problemático?

Los sitios web con desplazamiento infinito siguen obteniendo información de una base de datos y cargándola continuamente, creando así una página sin fin tipo Facebook. Este tipo de interacción también ha sido implementado por varios otros sitios de redes sociales, como Twitter, Pinterest o Tumblr. Este comportamiento de interacción puede crear un efecto visualmente atractivo, especialmente para sitios con muchas imágenes y es agradable de usar en dispositivos con pantalla táctil. Sin embargo, a menudo puede tener una influencia negativa en el diseño UX.

 

¿Por qué afecta al diseño UX?

Hoa Loranger, explica que el desplazamiento sin fin tiene consecuencias psicológicas que pueden dañar la experiencia del usuario mientras que la paginación les da control a los usuarios, ya que pueden encontrar fácilmente algo que vieron anteriormente o continuar a la página siguiente. también sirve como un indicador de cuánto material queda por revisar. Si bien las barras de desplazamiento muestran la cantidad de contenido disponible e indican al usuario dónde se encuentra en la página, pueden generar confusión en una página con desplazamiento infinito.

Conclusión

En unos puntos te menciono los motivos porque tienes que evitar el scroll.

1. El pie de página se vuelve inutilizable

Las personas entienden y esperan que en el pie de página existán enlaces a información secundaria importante. El desplazamiento infinito significa que el contenido recién cargado sigue empujando el pie de página fuera de nuestro alcance.

2. El rendimiento se ve afectado

Si utiliza el desplazamiento infinito en una página larga, está cargando constantemente más y más contenido en la memoria. Esto tendrá un impacto negativo en el rendimiento de la página, ya que el navegador tiene mucho más trabajo que hacer para representar la página.

3. Las personas pueden sufrir dudas.

Con páginas muy largas, las personas pueden sentirse paralizadas por la cantidad de contenido y opciones; el desplazamiento infinito puede causar pasividad y tasas de clics más bajas.

4. La barra de desplazamiento se vuelve inutilizable.

La barra de desplazamiento inevitablemente se vuelve pequeña y difícil de usar. Es difícil colocar el mouse en la barra de desplazamiento. Peor aún, la barra de desplazamiento les juega una mala pasada a los usuarios, ya que muestra la longitud de la página de manera inexacta: la barra de desplazamiento estará cerca de la parte inferior y, de repente, cuando los elementos se carguen, saltará y revelará que ahora hay más contenido para desplazarse. Es cruel decirle a la gente que casi terminan cuando no lo están.

Diseñando para la ansiedad

 

Los esfuerzos del grupo de trabajo de accesibilidad para discapacidadescognitivas y de aprendizaje de la WAI-W3C tienen como objetivo abordar esta falta de investigación para ayudar mejor a los usuarios con estrés, ansiedad y depresión..

Pero a pesar de no mencionar explícitamente los trastornos de ansiedad y pánico, las Pautas de accesibilidad al contenido web (WCAG) 2.1 aún incluyen una serie de criterios de éxito que pueden ayudar a las personas con estas discapacidades.

Los siguientes consejos pueden ayudar a abordar las preocupaciones planteadas por personas con trastornos de ansiedad y pánico.

Para el reloj

Una forma de evitar la sensación de urgencia que provoca ansiedad y que provocan ciertos sitios web y aplicaciones es eliminar los límites de tiempo o los temporizadores de cuenta atrás, y a la vez dar a los usuarios el tiempo suficiente para completar cómodamente sus tareas. Netflix brinda la opción para deshabilitar el temporizador de cuenta atrás del próximo episodio. Aplicando correctamente el criterio de éxito de WCAG 2.1 2.2.1: Tiempo ajustable requiere que los sitios permitan a los usuarios apagar, ajustar o extender los límites de tiempo, y también 2.2.6: Tiempos de espera asegura que los usuarios estén al tanto de los tiempos de espera.

Un cambio reciente en Skype evita que las alertas de nuevos mensajes sean menos intrusivas y exigentes en favor de notificaciones más sutiles. El CEO de Skype lo promociono con estas palabras “ahora tiene un ícono que se ilumina en rojo con un mensaje nuevo, en lugar de hacer ruidos”.

 

Gestionar expectativas

Esto se puede explicar mejor con los formularios en línea, donde los usuarios tienden a sentirse abrumados cuando hay demasiados campos de información o cuando algo comienza a sentirse demasiado complicado o complejo. Se puede evitar "simplificando los formularios, manteniéndolos agradables y claros, usando términos fáciles de entender y sin que suceda demasiado en la página".

Una serie de criterios de éxito de WCAG 2.1, como 3.3.2 Etiquetas o instrucciones y 1.3.5: Identificar el propósito de entrada , fomentan la claridad en los formularios, mientras que otros, como 3.2.3 Navegación coherente y 3.2.4 Identificación coherente , promueven una y una experiencia de usuario más agradable.

El principio de diseño inclusivo ser coherente también aboga por el uso de patrones bien establecidos y convenciones familiares.

Eliminar (o aplicar) la fricción

La fricción en el diseño de UX se refiere a cualquier cosa que impida a los usuarios realizar una tarea. La sensación de impotencia que pueden provocar los sitios web y las aplicaciones a menudo puede deberse a fricciones innecesarias, como hacer que la opción de cancelar una suscripción o desactivar la cuenta sea demasiado difícil de encontrar.

Ciertamente, poner la información importante al principio y facilitar que los usuarios encuentren lo que deseen, evitara  una ansiedad innecesaria. El principio de diseño inclusivo priorizar contenido también recomienda priorizar las tareas centrales, las características y la información dentro del contenido y el diseño, mientras que dar control fomenta la noción de que "las personas deberían poder acceder e interactuar con el contenido de la forma que prefieran".

 

Sin embargo, empoderar a los usuarios y darles control puede consistir tanto en aplicar fricciones como en eliminarlas. Estas recomendaciones introducen pequeños obstáculos en los viajes de los usuarios, pero que posiblemente se compensan con la tranquilidad y la comodidad que brindan a los usuarios ansiosos.

Se realista

En un sitio web, aparéce cómo titular una noticia esperada, el usuario sorprendido accede para informarse  porque han captado su atención y acaba hablando de otro asunto que  no tiene nada que ver con el titular de la noticia.

Lamentablemente, el potencial de obtener ganancias a través de los titulares de clickbait  es poco probable que desaparezcan pronto. Como desarrolladores y diseñadores de UI / UX, debemos ser conscientes de esas técnicas oscuras y debemos hacer todo lo posible para evitarlas.

Nota: la ansiedad es una condición psicológica compleja. El tratamiento de la ansiedad diagnosticada clínicamente puede tomar varias formas y no intento presentar estas recomendaciones como una cura para la ansiedad. Más bien, los ofrecemos como una forma de ayudarlo a mejorar la experiencia del usuario al identificar y reducir situaciones innecesarias que provocan ansiedad.

CONSEJOS

·       Dé a los usuarios el tiempo suficiente para completar una acción.

·       No apresure a los usuarios ni establezca límites de tiempo poco factibles.

·       Explique lo que sucederá después de completar un acto.

·       No deje a los usuarios confundidos sobre los próximos pasos.

·       Aclare la información importante.

·       No deje a los usuarios inseguros sobre las consecuencias de sus actos.

·       Brinde a los usuarios la ayuda que necesitan para completar una acción.

·       No dificulte el acceso a la ayuda.

·       Deje que los usuarios comprueben sus respuestas antes de enviarlas. 

La accesibilidad en la vida diaria

 Los que trabajamos en el mundo de la informática caemos en el error de pensar que la accesibilidad es un tema solo de personas discapacitadas sin caer  en la cuenta de que nosotros mismos somos discapacitados. Dos actores muy reconocidos cómo Gabino diego o Tom Cruise han reconocido ser disléxicos, Mark Elliot Zuckerberg uno de los fundadores de la red social Facebook tiene problemas de  visión a los colores por ello el logo de Facebook tiene un azul particular, son personas que no entran en el canón de personas discapacitadas pero que han sabido sacar provecho a su limitación. 

Cuando estamos en un acto o sitio donde no queremos molestar, ponemos el modo vibración del móvil y no hemos caído que ese modo se creó para las personas con discapacidad auditiva, el pomo de puerta que su diseño en los 60 era redondo pero en los 70 añadieron un asa y dejó de ser tan inaccesible para cuando tienes las manos húmedas. El usar estas soluciones no te hace ser discapacitado solo que hemos tomado por normal en tu vida diaria la accesibilidad.

Se debe tener presente que cuando hablamos de accesibilidad que España es un país puntero a la hora de crear legislación pero colista a la hora de aplicarla, se trabajó en materia de accesibilidad en materia de espacios públicos (exceptuando los cines que acabas con torticolis pues las butacas están en primera fila)  pero el salto a material digital es un pasó pendiente.

Se debe tener presente unas simples normas, las pautas creadas por la WAI un grupo creado por la W3C  y que está centrado en la accesibilidad web, aunque con el crecimiento de los dispositivos móviles han comenzado a introducir pautas específicamente para ellos. La idea del WAI es relativamente simple, no puedes tener 156 normas de accesibilidad para 156 países, lo mejor es tener una sola norma que afecte a los 156 países.

El cumplir con las pauta WCAG del WAI no solo implica estar en ley sino que vas a potenciar la imagen de tu empresa. Las personas somos cómodas y tendemos a ir a sitios donde nos es fácil. Un ejemplo claro es el portal de compras on-line Amazon, su teoría es muy simple facilitarte la compra, en 3 clic encontrar lo que buscas, desplegar el menú principal solo con señalarlo, marcar con foco los botones de cierre de pestañas, simplificar el numero de campos de formulario…. Y un largo etcétera. La idea que nos tiene que calar es que la accesibilidad aporta sustanciales beneficios económicos.

Un gran error que cometen las empresas es solicitar crear dos webs, una “normal” y otra de solo texto, donde se cree que es la forma más simple de hacer una web accesible, eso aparte de ser un gasto descomunal es un gran error, pues se está discriminando a cierta parte de la sociedad.

Cómo he citado al inicio de esté articulo existe personajes públicos que de lejos se les puede tomar por discapacitados pero que precisan de que los colores, textos o subtítulos para su vida diaria, también que con pequeños ajustes los artilugios que en principio eran inaccesibles pasaron a ser accesibles. Las webs, app y el código que solicitan las empresas tenemos que exigirnos que sean accesibles pues sin nosotros saberlo estaremos ayudando sin saberlo.