Cómo usar la tendencia de desplazamiento infinito, la forma correcta
El desplazamiento infinito se ha convertido en un patrón de diseño común en los últimos años.
Con muchas redes sociales de alto perfil adoptando la solución, se ha convertido en uno de los patrones más ampliamente adoptados. Aunque popular, cada patrón de diseño siempre tiene sus fortalezas y debilidades únicas que tenemos que planear.
Hecho mal, y el desplazamiento infinito arruinará tu UX y garantizará el fracaso total a medida que los usuarios te abandonen en masa. Hazlo bien, y tendrás un sitio intuitivo, popular y exitoso.
Comprender por qué el desplazamiento infinito impulsa el compromiso
Al implementar un patrón de diseño, siempre es crítico evaluar los pros y los contras de cada escenario único. Lo que resultó en una mayor participación del usuario para otra persona, en realidad puede resultar en una menor participación del usuario por parte de sus propios usuarios.
Para el desplazamiento infinito en particular, se trata del tipo de contenido con el que los usuarios interactúan.
Al poder determinar qué tipo de contenido tiene para sus usuarios, podrá brindarle información sobre qué patrones de diseño funcionarán mejor en su situación. Esto se aplica a cualquier patrón, pero especialmente al desplazamiento infinito.
Alto contenido de participación
El contenido que busca captar y mantener el interés del usuario por un período prolongado de tiempo, o busca ser interactivo, simplemente no es un candidato ideal para el desplazamiento infinito típico. Si su objetivo es hacer que sus usuarios lean, me gusten y compartan cada publicación individual, darles docenas para que trabajen a la vez puede parecer abrumador.
Habiendo dicho eso, Medio ha encontrado una forma de implementarlo exitosamente con contenido que normalmente no se beneficiaría del desplazamiento infinito.
En lugar de presentar al usuario las próximas diez o veinte publicaciones, Medium proporciona una única recomendación al final de cada artículo. Esto se mantiene fiel a la función de alto compromiso, pero ofrece el beneficio de browsability que brinda el desplazamiento infinito. Por lo tanto, si bien su objetivo puede ser un alto compromiso, no permita que eso lo disuada de hacer una solución creativa propia.
Bajo contenido de participación
El desplazamiento infinito es óptimo con contenido que requiere poco compromiso. Sitios como Gorjeo y Facebook son espectaculares ejemplos de esto. El usuario típico de estos sitios simplemente se desplaza hacia abajo en la lista, consumiendo contenido pero rara vez interactuando activamente con él. Si bien este tipo de situaciones no tienen un alto puntaje en la participación del usuario, terminan manteniendo a los usuarios interesados por períodos de tiempo más largos.
Variables incontrolables en el tipo de contenido
Si bien a veces es obvio qué tipo de contenido puede tener su sitio web, ¿qué ocurre con los que no son tan blancos y negros? Tumblr es un buen ejemplo de esto, con contenido que podría tener objetivos de participación del usuario altos o bajos según el tipo de blogs que siga el usuario. Si bien estas situaciones son raras, plantean un problema ya que el desplazamiento infinito sería beneficioso solo para la mitad de los usuarios. Curiosamente, la solución en este caso es minimizar las opciones de interacción de un usuario con cada publicación individual. Esto permite que los usuarios de alto compromiso se centren de manera limitada en las publicaciones individuales y que los usuarios de bajo compromiso consuman mucho más contenido sin tener que interactuar tanto.
También vale la pena señalar que Tumblr hace un trabajo fantástico al permitir que los usuarios decidan el valor del contenido de forma individual. Dar a los usuarios la opción de habilitar o deshabilitar el desplazamiento infinito en sus preferencias proporciona un mayor control sobre cómo consumen el contenido.
Soluciones de desplazamiento híbrido
Muchos lugares eligen implementar un enfoque híbrido para el desplazamiento infinito, lo que hace que el usuario cargue más contenido cuando llega al final de una página. Al hacerlo, devuelven el control al usuario para decidir cuánto contenido cargar, lo cual es crítico en los dispositivos móviles. Esta solución también ayuda a mantener una carga de datos constante en el servidor. Después de cargar automáticamente un número predefinido de páginas, aparecerá un botón que le pedirá al usuario que cargue más manualmente.
Cuando el desplazamiento infinito va mal
Hay innumerables ejemplos de sitios web que utilizan desplazamiento infinito, y más de unos pocos lo hacen a los usuarios de detrement. Dan Nguyen escribió un artículo interesante cuando Etsy intentó implementar la función. Lo que terminó sucediendo es que Etsy siguió adelante con su implementación antes de probar sus suposiciones. Cargar más resultados de búsqueda, a un ritmo más rápido, parecería ser algo bueno al principio ... Pero cuando el contenido requiere un alto compromiso del usuario, como es el caso de las compras, las cosas pueden volverse agrias.
En este caso particular, los usuarios están buscando activamente algo de interés. Intentando encontrar el producto perfecto a partir de un mar de elecciones. Entonces, cuando el usuario se ve inundado con una cantidad aparentemente infinita de opciones, se dan por vencidos y buscan otras vías para encontrar lo que están buscando.
Mejores prácticas para desplazamiento infinito
Al igual que con cualquier patrón de diseño, existen mejores prácticas que generalmente son buenas para seguir. Estas no son las leyes del uso del patrón; más bien son lo que hacen la mayoría de las implementaciones exitosas.
- Tenga una elegante alternativa: asegúrese de que los usuarios que no tienen JavaScript no queden exhaustos. Diseñe primero para la paginación pasada de moda y luego use JavaScript para ocultarlo e implementar el desplazamiento infinito.
- Indique visualmente la carga de más contenido: proporcionar a los usuarios una animación de carga les informa de lo que está sucediendo. Sin él, la página parecerá haber llegado a un callejón sin salida en conexiones lentas.
- Mantener la funcionalidad del botón Atrás: aunque muchas implementaciones olvidan este detalle importante, asegúrese de mantener la funcionalidad básica del navegador. Si un usuario navega fuera de su sitio web y luego regresa, por lo general no esperan volver a cargarlo en la parte superior de la página.
- Mantenga la navegación visible: aunque los usuarios principalmente querrán consumir su contenido, también querrán buscar otras áreas de su sitio web. Si se ven obligados a desplazarse hacia atrás manualmente a través de cientos de publicaciones ... En su lugar, pueden optar por irse.
- Lazyload contenido por delante del usuario: El objetivo de la implementación de desplazamiento infinito es que parezca una secuencia interminable de contenido. Si bien es importante tener algún tipo de indicador de carga, es de esperar que los usuarios lo vean rara vez o nunca.
- Los enlaces deben abrirse en una nueva ventana: esta es una práctica muy debatida; elige con fuerza para el usuario, pero con la intención de ayudarlo. Obligar a los enlaces a abrir en una nueva ventana o pestaña evita que los usuarios naveguen accidentalmente fuera de la lista de carga infinita y pierdan su lugar.
- Los pies de página pueden interferir: a menudo, la implementación de una solución de desplazamiento infinito significa renunciar a la opción de pie de página de un sitio web. Aunque es definitivamente molesto tratar de "atrapar" un pie de página cuando estás cargando más publicaciones automáticamente, hay otras opciones. Por ejemplo, usar una solución de carga híbrida le permitiría mantener un pie de página dentro del alcance de los usuarios.
En conclusión
Mientras que el desplazamiento infinito puede ser una característica de moda que ofrece al usuario infinitas opciones de contenido ... Tiene que ser utilizado correctamente.
Si bien queremos exponer a los usuarios a más contenido, no queremos restar valor al valor de cada pieza individual ni hacer que se sientan abrumados por la información. Después de todo, los usuarios están ahí para el contenido en sí, no para la función de desplazamiento elegante.
Como puede ver, el desplazamiento infinito en sí mismo no es inherentemente bueno o malo. Pero más bien, su uso podría resultar en una mejor o peor participación del usuario dependiendo del tipo de contenido que se presente. Con eso en mente, podemos intentar predecir dónde será beneficioso implementarlo.
Imagen / miniatura destacada, imagen de la escalera mecánica a través de Shutterstock.