He leído y acepto la política de privacidad

    Acepto recibir contenido o propuesta comercial de diligent

    ¿De qué va la tecnología Parallax Scrolling en el diseño web?

    Escrito por: Diligent Team

    Hace casi un año que voy viendo webs con el efecto Parallax Scrolling y la verdad no deja de sorprenderme la gran cantidad de posibilidades que esta tecnología nos permite a los diseñadores para crear webs diferentes y conceptuales. Me ha parecido oportuno aprovechar la ocasión para explicar (sin enrollarme mucho)  de qué va y qué beneficios nos ofrece. El efecto Parallax en realidad no es tan nuevo como parece ser, se origina en el ‘82 con el videojuego Moon Patrol y fué la revolución en ese entonces. La técnica Parallax crea una ilusión de movimiento usando diferentes planos a diferentes velocidades, los más cercanos se mueven más rápido que los de atrás, generando la sensación de profundidad. Lo verás claro con este ejemplo: es el mismo efecto cuando ver por la ventana de un coche mientras viajamos, los elementos más cercanos se desplazan mucho más rápido que los lejanos ¿verdad? pués igual.

    Hoy en día se aprovecha este principio en el desarrollo web gracias a las posibilidades de HTML5 y JavaScript. Se pueden crear websites con scroll vertical u horizontal generando animación con múltiples efectos, tan espectaculares como la tecnología Flash pero sin perder la amistad con el Sr. Google manteniendo el buen posicionamiento. Además ofrece al usuario una experiencia mucho más enriquecida y atractiva a la vista mientras navega por la web reteniéndolo más tiempo que quizá una web habitual. Sin embargo hay que tener en cuenta que esta tecnología suele utilizar imágenes grandes, con lo cual hay que saberlas comprimir bien para mantenerla ligera de carga. Lo último que queremos es hacer esperar al usuario.

    Por otro lado, la tecnología Parallax Scrolling no necesariamente sirve para todos los casos, dependiendo de tu target valdrá la pena utilizarla o no. Antes de plantear hacer una web con Parallax Scroll Down hay que analizar si realmente es interesante para el usuario, por ejemplo no la recomendaría para un e-Commerce o para un periódico pero sin duda para un estudio de arquitectura o una marca de coches.

    El tema está en saber aprovechar bien esta tecnología para contar historias alucinantes, mostrar productos como nunca antes, o explicar un servicio que impresione al usuario y lo impulse de manera natural a hacer clic allá donde queramos.

    Te recomiendo este artículo donde hay varios casos de webs con tecnología Parallax Scrolling para que te hagas una mejor idea de todo lo que te he explicado. www.awwwards.com/20-best-websites-with-parallax-scrolling-of-2013.html

     

    Referencias:
    El ojo en la red
    Media Clic
    Awwwards

    la web para móvil

    ¿Tu web aún no está adaptada para ser una web para móvil? Podemos echarte una mano para que este cambio en los resultados de búsqueda desde móvil favorezca al tráfico y la captación de más clientes.

    Escríbenos y con mucho gusto te ayudaremos.

     

    Alimenta con lectores tu blog

    Recibe el ebook en formato pdf y empieza a desarrollar tu blog desde hoy.

      Acepto las política de privacidad

      Acepto recibir la newsletter de diligent

      Al darte de alta te suscribes a la newsletter de diligent. Solo te enviaremos contendido interesante para proyectos digitales

      ×
      Del blog al éxito

      Recibe el ebook en formato pdf y empieza a desarrollar tu blog desde hoy.

        Acepto las política de privacidad

        Acepto recibir la newsletter de diligent

        Al darte de alta te suscribes a la newsletter de diligent. Solo te enviaremos contendido interesante para proyectos digitales

        ×
        Como triunfar con tu tienda online

        Descarga el eBook en Formato PDF y empieza a desarrollar tu tienda online.

          Acepto las política de privacidad

          Acepto recibir la newsletter de diligent

          Al darte de alta te suscribes a la newsletter de diligent. Solo te enviaremos contendido interesante para proyectos digitales

          ×
          Fotografía de producto

          Descarga el eBook en Formato PDF y empieza a desarrollar tu tienda online.

            Acepto las política de privacidad

            Acepto recibir la newsletter de diligent

            Al darte de alta te suscribes a la newsletter de diligent. Solo te enviaremos contendido interesante para proyectos digitales

            ×