Aplicaciones web progresivas: el futuro de la web móvil

Por
October 31, 2017
Aplicaciones web progresivas: el futuro de la web móvil

Las Aplicaciones web progresivas (Progressive Web Apps o PWA) utilizan tecnologías para llevar lo mejor de las apps a las web móviles. Para ser más precisos, son desarrollos web que utilizan capacidades web modernas para crear una mejor experiencia de usuario en los navegadores, basándose en las apps. Las ventajas de las apps sobre las webs convencionales son conocidas:

  • Enviar notificaciones push
  • Cargar contenido sin conexión
  • Que el usuario la sienta como una app (en el tipo de navegación)
  • Puedes tener un icono en la pantalla de inicio para acceder a ella

Por su parte, una ventaja de las PWA sobre las apps tradicionales es que el usuario no necesita ir a una tienda de aplicaciones para descargarla e instalarla.

PWA es una tecnología empujada por Google y parece tener beneficios para quienes la adoptan; beneficios importantes como más instalaciones, más uso de las aplicaciones y también más conversiones. Entonces, ¿por qué no está todo el mundo desarrollando PWA? El motivo es que de momento Google las apoya pero Apple no, y esto, aunque la cuota de mercado de Android es enorme, es un obstáculo importante.

En todo caso, que Apple no apoye las PWA no quiere decir que las aplicaciones web progresivas no funcionen en Safari: sí lo hacen, solo que algunas de las principales ventajas se pierden, como el envío de notificaciones push o el cargar contenido sin conexión. Aun así, es relevante crear aplicaciones web progresivas: el motivo es que, desarrollando una PWA, estás mejorando la experiencia de usuario en tu sitio web móvil, por ejemplo el tiempo de carga, y eso es válido para todos los navegadores, también Safari.

AliExpress y el Washington Post han reportado mejoras en todas las métricas relevantes al crear sus PWA, también en iOS, a pesar de las limitaciones. Además, en agosto Apple anunció que estaba trabajando una de las tecnologías que es esencial para el desarrollo de PWA, los service workers (simplificando, la tecnología que permite a las PWA cargar contenido sin conexión).

La mejor experiencia de usuario

Desde el punto de vista del usuario, las aplicaciones web progresivas son:

  • Fiables: cargan de forma instantánea, incluso en malas condiciones de conectividad.
  • Rápidas: responden con rapidez a las interacciones de los usuarios, con animaciones suaves y sin scrolls pobres.
  • Atractivas: se comportan como cualquier app móvil, es decir, con una experiencia de usuario immersiva.

Desarrollar una aplicación web progresiva es dar un paso adelante en la mejora de la experiencia de usuario en el dispositivo más usado hoy en día, el móvil. A día de hoy, las apps dan mejor experiencia de usuario que las web móviles, pero ¿tiene sentido llevar a los usuarios a tiendas de aplicaciones cuando existe la tecnología para ofrecer lo mismo en algo tan extendido como la web?

También puedes leer

Todo el WOW de Social Media,en 5 minutos.

Únete a miles de profesionales que ya reciben nuestra newsletter cada mes.
No te quedes fuera.

¡Listo para despegar! 🚀 Gracias por unirte al universo Smartbrand. Prepárate para recibir ideas brillantes, estrategias estelares y las últimas novedades directamente en tu bandeja de entrada.
¡Uy! Algo ha fallado al enviar el formulario.

Qué recibirás

El contenido del mes, 100% Smartbrand.
TOP 3 de tendencias Social Media.
Un recurso gratuito para que sigas creciendo.
Nuestra selección de digital trends.
¡Listo para despegar! 🚀 Gracias por unirte al universo Smartbrand. Prepárate para recibir ideas brillantes, estrategias estelares y las últimas novedades directamente en tu bandeja de entrada.
¡Uy! Algo ha fallado al enviar el formulario.
Page 1

Comparte

arrow black
$(“a”).each(function() { var url = ($(this).attr(‘href’)) if(url.includes(‘nofollow’)){ $(this).attr( “rel”, “nofollow” ); }else{ $(this).attr(‘’) } $(this).attr( “href”,$(this).attr( “href”).replace(‘#nofollow’,’’)) $(this).attr( “href”,$(this).attr( “href”).replace(‘#dofollow’,’’)) });