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 llenos de contenido, gracias a las infinitas técnicas de desplazamiento que permiten a los diseñadores continuar una página web de forma indefinida.
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 debes hacerlo solo porque quieres probar algo nuevo; Debe 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 creciendo 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 de 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 varias páginas o pantallas para diferentes partes del 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 un usuario se desplaza por la página. El resultado es un? Sin fin? Flujo de contenido que continúa creciendo con la acción del usuario. No tiene un punto final o una parada distinta (o ninguna). 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 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 mantener a los usuarios durante largos períodos de tiempo. La técnica es común para los sitios con listas o contenido que se actualiza con frecuencia. (De vuelta 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 durante largos períodos de tiempo. ¿Quién no quiere ver lo nuevo que acaba de aparecer debajo del contenido con el que ya ha interactuado? Esta técnica puede ayudar a los diseñadores a obtener 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 perdido
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 han entrenado? los usuarios que aparecen en el pie de página aparecen al final con información importante 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 pegajosos son una solución a este problema. Más sitios con desplazamiento infinito están comenzando a utilizar esta técnica. Pero es importante tener en cuenta dónde se encuentran los aspectos vitales de su sitio web y asegurarse de que los usuarios puedan encontrarlos.
Pro: ideal para móviles y táctiles
El desplazamiento infinito está casi diseñado para usuarios móviles. A diferencia de las experiencias de los sitios web de escritorio, donde hemos discutido durante años si el rollo estaba muerto o no, el móvil está hecho 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 una de estas cajas está diseñada de tal manera que hace que cada elemento sea único para tocar o hacer clic para obtener más.
Con: la navegación y los enlaces pueden ensuciarse
Sabiendo que un gran porcentaje de visitantes del sitio web llega a un sitio de una manera distinta a 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 un tanto desordenada.
¿Dónde vive la navegación? Un concepto pegajoso es una opción aquí. Pero, ¿cómo se enlaza con 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 desafiante.
También puede hacer que los marcadores y saltos difíciles. Conocer a estos usuarios, tanto guardar como saltar información pasada, es algo que debe considerar en el diseño del sitio. Una alternativa es codificar las 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 sólo se hace para sitios web visuales. Puede mostrar un número ilimitado de imágenes en el 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 el texto, el color o las herramientas de la interfaz de usuario para atraer a los usuarios aún más.
Los sitios web que utilizan con mayor frecuencia (y de la mejor manera) el desplazamiento infinito son aquellos que incluyen contenido altamente visual. El diseño y las carteras de 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: Tracking Analytics es más difícil
Si vives para 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 estén disponibles para sus rastreadores en el kit de herramientas de webmasters.
Pro: facilita la navegación
Cada usuario sabe cómo desplazarse. Es así de simple.
Con algunas técnicas diferentes de desplazamiento en sitios web que requieren instrucciones, el desplazamiento infinito es uno de los más simples. Mueve la página hacia abajo y aparecerá más contenido. No tiene que preocuparse por que los usuarios abandonen su sitio porque no entienden cómo funciona.
Con: Tiempo de carga y problemas de colisión
A veces el desplazamiento infinito se atasca. Puede ser lento Simplemente puede dejar de funcionar si los usuarios realmente se desplazan indefinidamente. Puede fallar como cualquier otro tipo de diseño de sitio.
Si bien todas estas son preocupaciones 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 pergamino infinito no tiene por qué ser infinito. Tal vez el pergamino sea largo pero tenga 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 desplace infinitamente, pero ese desplazamiento es en realidad un bucle de contenido.
Pro: abre la puerta a la creatividad
Tal vez en el ejemplo de esta página anterior solo comience a sugerir 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 nuevas formas de presentar información y contar historias.
Considere cómo esta técnica podría funcionar 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: Mismo diseño antiguo
Lamentablemente, uno de los mayores escollos del desplazamiento infinito es que muchos sitios que utilizan esta técnica se parecen. Tantos de ellos tienen esquemas que parecen un wannabe de Pinterest.
Para el mayor impacto, necesitas crear algo que sea tuyo y tuyo. ¿Usando el desplazamiento infinito porque todos los demás lo están haciendo? no te servirá bien al final
Conclusión
Si 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
- Retener a los usuarios
- Ideal para móviles y táctiles.
- Hecho para visuales
- Facilita la navegación
- Abre la puerta a la creatividad.
Contras
- Información de pie de página perdido
- La navegación y los enlaces pueden causar problemas.
- El análisis de seguimiento es más difícil
- Tiempo de carga y preocupaciones de choque
- Mismo viejo diseño