Seguramente lo has visto mucho ultimamente: entras en una web, haces scroll y de repente el fondo parece moverse a una velocidad distinta que el contenido, creando un ligero efecto de profundidad y dejando ver partes que antes no veías. Se llama efecto Parallax (en español paralelaje) y es una tendencia cada vez más extendida en el mundo del diseño web.
Ante la caída en desuso de Flash y el auge del diseño plano, este recurso es muy útil para dotar a las web de cierto dinamismo y contrarrestar la planitud. Tampoco hay que olvidar que los dispositivos móviles fomentan la verticalidad del diseño web por lo que el efecto de Parallax es más que interesante para aportar valor al tedioso scroll y sorprender al usuario con algo que no se espera.
¿Qué es el Parallax?
Aunque parezca una tendencia muy actual (y de hecho lo es en el mundo del diseño web), el Parallax es en realidad un truco con mucha historia, inventado por Disney para dotar a sus películas de dibujos animados de una ligera tridimensionalidad, intentando lograr con ello un mayor realismo. El invento se bautizó como “cámara multiplano” y más tarde se adaptó al mundo de los videjuegos en 2D, como Moon Patrol (1982). En este viejo video, Walt Disney en persona explica perfectamente su funcionamiento:
Ideal para Storytelling
Una web con Parallax resulta muy atractiva, pero en realidad no es conveniente usarlo por el simple hecho de seguir la tendencia. La presencia de este tipo de efectos puede ser tan sorprendente para el usuario como cansadora. Lo ideal es aprovechar este recurso estético como complemento narrativo, y lo cierto es que el Parallax es perfecto para landing pages, o webs que tengan algo muy concreto que contar en varios pasos. En estos casos, el efecto de profundidad y linealidad que proporcina el Parallax son perfectos para sumergir al usuario en la historia con una experiencia comunicativa mucho más divertida y cercana a otros medios como el videojuego o el cómic.
El Parallax, también conocido como parallax scrolling, multicapa o desplazamiento con paralelaje, es un efecto creado por plugins basado en mover los elementos de un sitio web a distintas velocidades mientras se hace una acción – comúnmente al hacer scroll – logrando un efecto profundidad muy atractivo a la vista del usuario a la hora de navegar en la web.
Efecto Parallax Range Rover
Aplicado en una web logra una alta interacción con el usuario, logrando que éste permanezca mucho más tiempo en el sitio creando así un mayor engagement, motivo por el cual está ganando adeptos desde hace ya algún tiempo.
La decadencia del uso de flash está haciendo que el parallax, crezca en número de webs y sites que lo aplican, entrando en ese juego, lenguajes y librerías como HTML5, jQuery o CSS3, creando entornos más dinámicos, interesantes y ligeros.
