Cómo utilizar la tendencia de desplazamiento infinito, la Derecha Camino

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 adoptados que existen. Aunque sea popular, cada patrón de diseño siempre tiene sus propias fortalezas y debilidades únicas que tenemos que planificar.

Si se hace mal y el desplazamiento infinito arruinará su UX y garantizará un fracaso total, los usuarios lo abandonan en masa. Hágalo bien y tendrá un sitio intuitivo, popular y exitoso.

Comprender por qué el desplazamiento infinito impulsa la participación

Al implementar un patrón de diseño, siempre es fundamental evaluar los pros y los contras de cada escenario único. Lo que resultó en una mayor participación de los usuarios para otra persona, en realidad puede resultar en una menor participación de los usuarios de sus propios usuarios.

Para el desplazamiento infinito en particular, se trata de la tipo de contenido los usuarios están interactuando.

Ser capaz de determinar qué tipo de objetivos de contenido tiene para sus usuarios podrá brindarle una idea de qué patrones de diseño funcionarán mejor en su situación. Esto se aplica a cualquier patrón, pero especialmente al desplazamiento infinito.

Contenido de alta participación

El contenido que busca captar y mantener el interés del usuario durante un período prolongado de tiempo, o que busca ser interactivo, simplemente no es un candidato ideal para el típico desplazamiento infinito. Si su objetivo es que sus usuarios lean, les guste y compartan cada publicación individual, darles docenas para trabajar a la vez puede parecer abrumador.

Habiendo dicho eso, Medio ha encontrado una manera de implementarlo con éxito con contenido que normalmente no se beneficiaría del desplazamiento infinito.

En lugar de presentar al usuario las siguientes diez o veinte publicaciones, Medium ofrece una única recomendación al final de cada artículo. Esto se mantiene fiel a la función de alta participación, pero ofrece el beneficio de navegabilidad que brinda el desplazamiento infinito. Por lo tanto, si bien su objetivo puede ser un alto compromiso, no deje que eso le impida crear una solución creativa por su cuenta.

Contenido de baja participación

El desplazamiento infinito está en su mejor momento con contenido que requiere poca participación. Sitios como Gorjeo y Facebook son ejemplos espectaculares 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 obtienen una puntuación alta en la participación de los usuarios, terminan manteniendo a los usuarios interesados ​​durante períodos de tiempo más prolongados.

Variables incontrolables en el tipo de contenido

Si bien a veces es obvio qué tipo de contenido puede tener su sitio web, ¿qué pasa con aquellos que no son tan blancos y negros? Tumblr es un buen ejemplo de esto, con contenido que podría tener objetivos altos o bajos de participación del usuario dependiendo del tipo de blogs que siga el usuario. Si bien estas situaciones son raras, plantean un problema en el sentido de 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 del usuario con cada publicación individual. Esto permite que los usuarios de alta participación se centren estrechamente en publicaciones individuales y que los usuarios de baja participación 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íbridas

Muchos lugares optan por 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 fundamental 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 sale mal

Hay innumerables ejemplos de sitios web que utilizan el desplazamiento infinito, y más de unos pocos lo hacen para los usuarios 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 una alta participación del usuario, como es el caso de las compras, las cosas pueden volverse agrias rápidamente.

En este caso particular, los usuarios están buscando activamente algo de interés. Intentar encontrar el producto perfecto entre un mar de opciones. Entonces, cuando el usuario se ve inundado con una cantidad aparentemente infinita de opciones, se da por vencido y busca otras vías para encontrar lo que está buscando.

Mejores prácticas para el desplazamiento infinito

Como ocurre con cualquier patrón de diseño, existen mejores prácticas que por lo general bueno 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 un elegante respaldo: Asegúrese de que los usuarios sin JavaScript no se queden abandonados. Primero diseñe para la paginación pasada de moda y luego use JavaScript para ocultarlo e implementar el desplazamiento infinito.
• Dar una indicación visual de cómo cargar 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 con conexiones lentas.
• Mantener la funcionalidad del botón de retroceso: Aunque muchas implementaciones olvidan este importante detalle, 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 espera volver a cargar en la parte superior de la página.
• Mantenga la navegación visible: Si bien los usuarios querrán principalmente consumir su contenido, también querrán navegar a otras áreas de su sitio web. Si se ven obligados a desplazarse manualmente hacia atrás a través de cientos de publicaciones … pueden optar por irse.
• Carga diferida de contenido antes que el usuario: El objetivo de implementar el desplazamiento infinito es que parezca un flujo interminable de contenido. Si bien es importante tener algún tipo de indicador de carga, es de esperar que los usuarios rara vez, o nunca, lo vean.
• Los enlaces deberían abrirse en una nueva ventana: Ésta es una práctica muy debatida; elige con fuerza para el usuario, pero con la intención de ayudarlo. Forzar enlaces a abrirse 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 estorbar: A menudo, implementar una solución de desplazamiento infinito significa renunciar a la opción de un pie de página del sitio web. Si bien definitivamente es molesto intentar «capturar» un pie de página cuando estás cargando automáticamente más publicaciones, existen otras opciones. Por ejemplo, el uso de una solución de carga híbrida le permitiría mantener un pie de página al alcance de los usuarios.

En conclusión

Si bien el desplazamiento infinito puede ser una característica de moda que brinda al usuario infinitas opciones de contenido… Debe usarse correctamente.

Si bien queremos exponer a los usuarios a más contenido, no queremos restar valor a cada pieza individual o que se sientan abrumados con la información. Después de todo, los usuarios están ahí para el contenido en sí, no para la elegante función de desplazamiento.

Como puede ver, el desplazamiento infinito en sí mismo no es intrínsecamente bueno o malo. 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 destacada / miniatura, imagen de escalera mecánica a través de Shutterstock.