¿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
¿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.
Related posts:
Categorías : Desarrollo, Diseño Web, Usabilidad
Etiquetas: 021Studio Adobe Flash HTML5 JavaScrip Moon Patrol Parallax Parallax Scroll Parallax Scrolling tecnología Flash
post recientes:
categorías:
- Advertising
- Adwords
- Analítica web
- Big Data
- Blog
- Branding
- Communications
- Copywriting
- Coworking
- Creativity
- CRM
- CRO
- Desarrollo
- Diseño
- Diseño Gráfico
- Diseño Web
- ecommerce
- Email Marketing
- Emprendedores
- Estrategia
- Estrategias de Captación
- Estrategias de Fidelización
- Facebook Ads
- Fotografía
- Fuentes
- Funcionalidad
- Gamificación
- Ilustración
- kit
- Marca Personal
- Marketing de Contenidos
- Marketing de continguts
- Marketing Digital
- Marketing Online
- Marketing Restaurantes
- Mobile
- Negocios
- ninguna
- Online Marketing
- Opinión
- Planificación
- Productividad
- Proyectos
- Recursos
- Reputación online
- SEM
- SEO
- Social Media
- Software
- Tácticas
- Tipografías
- Usabilidad
- Vídeo Marketing
- Youtube