En este post vamos a hablar de una técnica de presentación de contenidos que está dentro de las tendencias de diseño web, y es el Scroll Parallax. No sólo les quiero mostrar qué es y sus características, sino también algunos ejemplos muy interesantes.
¿Qué es el Scroll Parallax?
Con el Scroll Parallax se consigue un efecto de profundidad y movimiento en una web mediante una técnica que juega con el movimiento a distintas velocidades de varias capas de contenidos, como puede ser imágenes, textos. Este efecto en una web se visualiza al hacer scroll (normalmente vertical, aunque últimamente van apareciendo más con horizontal), y vemos como el fondo y otros planos de elementos se visualizan en movimiento a distintas velocidades, creando un efecto visual muy atractivo.
A continuación les presentamos unas webs de ejemplo para que puedan ver cómo funciona, ya verán lo impresionantes que son, tan sólo haciendo click en cada una de las siguientes capturas:
Presentación de ideas:
Web corporativa
E-commerce
Web corporativa de empresa de diseño
Webs de reconocidas empresas de servicios online
¿Pero el Scroll Parallax es nuevo?
Para nada. Scroll Parallax apareció ya hace ya muchos años en el mundo de los videojuegos (en los años 70 ya había juegos que lo utilizaban), pero es ahora cuando en el mundo web está tomando mucha fuerza debido al dinamismo que da esta técnica a una web.
¿Qué ventajas e inconvenientes tiene el uso de Scroll Parallax en una web?
El uso de esta técnica nos proporciona algunas ventajas:
- La posibilidad de interacción con la web.
- Mostrar distintas vistas de un producto de una manera sencilla y rápida.
- Contar una historia.
- Mejorar la llamada de la acción al usuario.
¿Y qué desventajas nos puede ofrecer Scroll Parallax?
- Un uso excesivo de elementos participando en el Scroll Parallax puede llegar a ser demasiado agobiante y no conseguir llevar al usuario a dónde queremos.
- Al ser una única página, son páginas de mucho peso.
- Únicamente utiliza una URL.
- Estas dos últimas características, hace que empeore el SEO de la página:
Aunque existen estas desventajas, hay algunas soluciones para intentar minimizar estos problemas, como el que Awwwards nos propone en la siguiente infografía.
Espero que gracias a este post haya servido para que aprendan un poco sobre una de las mayores tendencias en cuanto al diseño web de este año, y ya verán como a medida que vaya pasando el tiempo, nos iremos topando cada vez con más sitios web que utilicen Scroll Parallax.
Fuente: happye
