Desplazamiento infinito: pros y contras

/2015-03-01 06:47:08/
Eldridge
/Programas/

Los sitios web de una página son una tendencia de diseño importante. Especialmente cuando se trata de diseños de una página repletos de contenido, gracias a las técnicas de desplazamiento infinito que permiten a los diseñadores continuar una página web indefinidamente.

Esta técnica es excelente para algunos sitios y tipos de contenido, mientras que para otros puede ser engorrosa y frustrante. Como cualquier otra técnica de diseño, no debe hacerlo solo porque quiera probar algo nuevo; Debería ser una parte estratégica de su marco de diseño. Entonces, ¿cómo puedes decidir? Echemos un vistazo a los pros y los contras de los sitios web de desplazamiento infinito.

¿Qué es el desplazamiento infinito?

Antes de sumergirnos en lo bueno y lo malo del desplazamiento infinito, debemos asegurarnos de que se entienda claramente. Con el número de sitios web de una página que crece cada día, es importante distinguir el desplazamiento infinito del desplazamiento de paralaje.

El desplazamiento de paralaje es una técnica de diseño popular en la que las imágenes de fondo y primer plano se mueven a diferentes "velocidades" para crear una ilusión de profundidad. La técnica se usa a menudo en sitios web de una página para imitar realmente la apariencia de tener múltiples páginas o pantallas para diferentes fragmentos de contenido. Si bien el desplazamiento de paralaje no tiene un límite, la mayoría de los diseñadores lo mantienen en un puñado de paneles.

El desplazamiento infinito es otra técnica de diseño popular en la que el contenido continúa apareciendo en la parte inferior de la pantalla a medida que el usuario se desplaza hacia abajo en la página. El resultado es un flujo de contenido "interminable" que continúa creciendo con la acción del usuario. No tiene un punto de detención o punto final distinto (o ninguno). Ejemplos comunes de desplazamiento infinito en acción son los populares sitios de redes sociales Facebook, Twitter y Pinterest. Cada uno de estos sitios utiliza esta técnica de desplazamiento infinito para mantener la información que se completa en los feeds, por lo que los sitios no tienen fin.

Pro: Retener usuarios

El desplazamiento infinito puede ser una gran herramienta para los sitios web que desean conservar a los usuarios durante largos períodos de tiempo. La técnica es común para sitios con listas o contenido que se actualiza con frecuencia. (Volver al uso común entre los sitios web de redes sociales).

Debido a que el contenido continúa apareciendo, los usuarios se encuentran desplazándose e interactuando por períodos más largos. ¿Quién no quiere ver lo nuevo que aparece debajo del contenido con el que ya ha interactuado? Esta técnica puede ayudar a los diseñadores a presentar una variedad de contenido frente a los usuarios, posiblemente incluso información que un usuario puede no haber encontrado de otras maneras.

Con: Información de pie de página perdida

Una de las mayores preocupaciones con el desplazamiento infinito es la falta de pies de página en muchos de estos sitios web. A los usuarios les gusta y entienden los pies de página. Los diseñadores y desarrolladores tienen usuarios "capacitados" para que aparezca un pie de página al final con partes vitales sobre el sitio web, como información de contacto o redes sociales, avisos de privacidad o seguridad, información de derechos de autor y más.

Los pies de página adhesivos son una solución a este problema. Más sitios con desplazamiento infinito están comenzando a usar esta técnica. Pero es importante considerar dónde viven los elementos vitales de su sitio web y asegurarse de que los usuarios puedan encontrarlos.

Pro: ideal para dispositivos móviles y táctiles

El desplazamiento infinito está casi diseñado para usuarios móviles. A diferencia de las experiencias de sitios web de escritorio, donde hemos discutido durante años si el desplazamiento estaba muerto o no, los dispositivos móviles están diseñados para el desplazamiento. Los usuarios esperan desplazarse. El desplazamiento infinito es una experiencia esperada y casi deseada para esta plataforma.

Además, el desplazamiento infinito también funciona bien con el tacto. Piense en el diseño de muchos proyectos de desplazamiento infinito, cajas de contenido que aparecen. Cada uno de estos cuadros está diseñado de tal manera que hace que cada uno sea un elemento único para tocar o hacer clic para obtener más información.

Con: la navegación y la vinculación pueden volverse desordenadas

Sabiendo que un gran porcentaje de los visitantes del sitio web llegan a un sitio que no es la página de inicio, la navegación es vital para mantener a esos usuarios cerca. El desplazamiento infinito puede hacer que la navegación sea algo complicada.

¿Dónde vive la navegación? Un concepto adhesivo es una opción aquí. Pero, ¿cómo se vincula a otro contenido? ¿Cuáles son los patrones de enlace y flujo del mapa del sitio? Si todo está en una página gigante, esto puede ser un desafío.

También puede dificultar los marcadores y saltear. Saber que estos usuarios guardan y saltan información es algo que debe considerar en el diseño del sitio. Una alternativa es codificar "páginas" en la técnica de desplazamiento para que la información se agrupe de alguna manera.

Pro: Hecho para visuales

El desplazamiento infinito está hecho para sitios web visuales. Puede mostrar una cantidad ilimitada de imágenes al estilo de Pinterest.

No hay límites en el número de imágenes o tamaños de imágenes o formas de imágenes. Todo se puede juntar como un rompecabezas gigante para proporcionar una estética interesante. Los elementos visuales se pueden combinar con otros elementos como texto, color o herramientas de interfaz de usuario para atraer aún más a los usuarios.

Los sitios web que usan más comúnmente (y de la mejor manera) el desplazamiento infinito son aquellos que incluyen contenido altamente visual. Las carteras de diseño y fotos y el contenido del sitio para compartir fotos son comunes. Otro contenido común es la agregación, como Tumblr (que también tiende a ser visual) y algo de comercio electrónico.

Con: el seguimiento de Analytics es más difícil

Si vives para el análisis, el desplazamiento infinito tiene algunos grandes desafíos. Es posible que una línea de código de Google Analytics no proporcione toda la información que necesita y que algunas herramientas de terceros sean necesarias.

También causa algunos desafíos de optimización de motores de búsqueda. Hay formas de superar los problemas de SEO, pero hay que tenerlo en cuenta. Google tiene una guía para hacer que estas aplicaciones se puedan encontrar para sus rastreadores en el kit de herramientas para webmasters.

Pro: facilita la navegación

Todo usuario sabe cómo desplazarse. Es así de simple.

Con algunas técnicas de desplazamiento diferentes en sitios web que requieren instrucciones, el desplazamiento infinito es uno de los más simples. Baje la página y aparecerá más contenido. No tiene que preocuparse de que los usuarios abandonen su sitio porque no entienden cómo funciona.

Con: tiempo de carga y problemas de bloqueo

A veces, el desplazamiento infinito se atasca. Puede ser lento Simplemente puede dejar de funcionar si los usuarios realmente se desplazan indefinidamente. Puede bloquearse como cualquier otro tipo de diseño de sitio.

Si bien todas estas preocupaciones son válidas, puede combatir muchas de ellas con buenas prácticas de diseño y desarrollo. También puede considerar la idea de que un desplazamiento infinito realmente no tiene que ser infinito. Tal vez el pergamino es largo pero tiene un final. Tal vez carga tantas imágenes y luego le pide al usuario que haga clic para obtener más. Tal vez el sitio se desplaza infinitamente, pero ese desplazamiento es en realidad un bucle de contenido.

Pro: abre la puerta a la creatividad

Los maybes en el ejemplo anterior solo comienzan a insinuar la cantidad de opciones que tiene al considerar el desplazamiento infinito para un proyecto de diseño web. La técnica abre la puerta a la creatividad y a nuevas formas de presentar información y contar historias.

Considere cómo podría funcionar esta técnica en colaboración con su contenido y otras partes del diseño de su sitio web. ¿El desplazamiento infinito es algo que funciona en una sola página de un sitio web más grande? ¿Es una forma de contar una historia única junto con otros efectos? Considere cómo esta técnica ayuda a su contenido (y si ayuda a su contenido) antes de comenzar a utilizarlo.

Con: el mismo diseño antiguo

Lamentablemente, uno de los mayores obstáculos del desplazamiento infinito es que muchos sitios que utilizan esta técnica se parecen. Muchos de ellos tienen contornos que parecen un aspirante a Pinterest.

Para obtener el mayor impacto, debe crear algo que sea suyo y poseerlo. Usar el desplazamiento infinito porque "todos los demás lo están haciendo" no te servirá al final.

Conclusión

Usar o no usar el desplazamiento infinito en sus proyectos puede ser una gran decisión. Es moderno y divertido y ofrece algunas ventajas distintas, pero también puede presentar desafíos para diseñadores y usuarios. Vale la pena sopesar cada uno de los pros y los contras antes de comenzar, así que aquí hay una lista de verificación de estilo de resumen.

Pros