¡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.