Todos sabemos lo qué es una aplicación iOS o una aplicación Android, pero, ¿sabemos realmente lo que es una aplicación HTML5 o una Progressive Web App (PWA)? En este artículo vamos a ver las principales ventajas de este tipo de aplicaciones y por qué se han convertido en el nuevo fenómeno del marketing móvil.

El nombre Progressive Web App ya nos da una idea de su naturaleza. Una de las características fundamentales es que son progresivas, lo que significa que incrementan su funcionalidad según las características del dispositivo en el que se ejecutan.

En esencia son páginas web, sin embargo, la parte final del nombre se refiere a que se comportan como aplicaciones nativas, adaptándose por completo a los dispositivos en los que se visualizan (ya sea un Smartphone o una Tablet) y brindan a los usuarios una experiencia nativa similar a la aplicación.

Algunas herramientas populares que nos permiten crear apps híbridas y PWA son Ionic y Phonegap, dos frameworks que estuvimos explicando hace unos meses.

Cómo funcionan las PWA – ¿Son realmente eficientes?

Por un lado tenemos aplicaciones nativas que, sin duda, son rápidas y eficientes en la mayoría de los casos. Por otro lado, hay sitios web que son un poco lentos, y empeoran aún más cuando hay problemas de conectividad.

Con una buena conexión, nunca hay problemas. El problema es que cuando no tenemos conexión, recibimos una página de error.

Y esto puede volverse aún más molesto si tenemos una conexión lenta. La página parece estar cargando y todo lo que vemos es una pantalla en blanco que nunca termina de cargarse.

Aquí es donde las Progressive Web Apps vienen a nuestro rescate con su ventaja estrella; obtener la mejor experiencia de usuario posible con conectividad lenta o sin conectividad. Es decir, funcionan perfectamente en todos los escenarios posibles.

Las aplicaciones web progresivas se basan en estándares web llamados Service Workers, HTTPS y Web App Manifests (Manifiesto de la Aplicación Web).

Los Service Workers permiten a los desarrolladores crear sitios web que pueden funcionar cuando no hay red.

El manifiesto de la aplicación web permite a los usuarios hacer cosas como fijar la aplicación a sus pantallas de inicio o interactuar con las aplicaciones web como si fueran nativas.

El punto es crear algo que funcione cuando no haya conexión a Internet y hacer que sea posible iniciarlo directamente desde la pantalla de inicio, al igual que una aplicación nativa.

¿Qué tanto puede parecerse una PWA a una App Nativa en su desempeño? Veamos.

Características de Aplicaciones Nativa que los PWA pueden usar.

  • Cámara.
  • Notificaciones Push.
  • Pantalla completa.
  • Trabajo fuera de línea.
  • Almacenamiento de datos.
  • Pantalla de bienvenida, dando una sensación de que es una aplicación móvil más.
  • GPS, sensores de movimiento y detección de rostros.

Esto último allanará el camino para las experiencias de AR (Realidad Aumentada) y VR (Realidad Virtual), directamente en la web.

progresive-web-apps-portadaImagina poder redecorar su hogar virtualmente usando solo su teléfono y un PWA. Mueva su cámara alrededor de una habitación, luego use herramientas en un sitio web para cambiar los colores de las paredes, probar muebles, colgar nuevas ilustraciones y más. Puede parecer una fantasía futurista, pero está cerca de la realidad.

Las PWA pueden hacer uso de muchas más características. Los puntos anteriores son solo para darte una pista de lo que las PWA son capaces de hacer. Sin embargo, hay algunas características tradicionales que solo las aplicaciones nativas disfrutan, al menos por ahora.

Características de Aplicaciones Nativas que las PWA aún no pueden usar.

    • Acceso nulo o altamente restrictivo a diferentes sensores de hardware.
    • Alarmas.
    • Acceso a la agenda.
    • Configuración del sistema de modificación.

Las PWA están evolucionando bastante rápido y podemos esperar ver que estas características se activen pronto.

¿Qué ventajas tienen las PWA sobre las Apps Nativas?

No requieren publicación en los markets.

Uno de los procesos más incómodos de la creación y desarrollo de una aplicación móvil puede ser la publicación en los markets, tanto en Google Play como en el App Store.

Los requisitos de publicación son cada vez más estrictos y es común que las aplicaciones sufran rechazos por parte de Google o Apple. Sin embargo, las Progressive Web Apps no requieren de publicación en los markets, por lo que no será necesario pasar por este proceso, lo que a su vez permitirá reducir costes en concepto de cuentas de desarrollador y publicaciones.

No requieren instalación.

Para su visualización el usuario no tendrá que descargar la aplicación, solo necesitarán escanear un código QR o introducir una URL en el navegador.

Después, el usuario podrá crear un acceso directo a la PWA en el escritorio del dispositivo o en el navegador. Esto supone mucha menos fricción con el usuario, que no tendrá que descargar ni instalar la aplicación para poder utilizarla.

Menor peso y almacenamiento en el dispositivo.

Según un estudio de Quartz, un usuario promedio gasta el 80% de su tiempo total en aplicaciones en solo tres de ellas.

Las otras aplicaciones simplemente permanecen inactivas durante la mayor parte del tiempo, solo consumiendo espacio valioso en la memoria del dispositivo.

A diferencia de las aplicaciones nativas, cuyo elevado peso puede ocasionar que el usuario las desinstale para liberar espacio en el dispositivo, las Progressive Web Apps tienen un peso infinitamente inferior. Mientras que las aplicaciones nativas suelen pesar alrededor de 150MB, la instalación de una PWA en un dispositivo no suele suponer más de 1 MB.

No requieren actualización.

Al tratarse de páginas web, la actualización del código fuente se realiza de forma inmediata. Por lo tanto, no es necesario que el usuario actualice la aplicación para acceder a la última versión, lo que las diferencia de las aplicaciones nativas.

Tiempos de carga más rápidos.

La velocidad de carga es un factor fundamental para aumentar las tasas de conversión de los e-commerce. Por lo tanto, las PWA son una herramienta genial para cualquier tienda online, ya que su velocidad de carga es hasta 4 veces más rápida que la de cualquier web (incluso aquellas con un diseño responsive).

Diseño multidispositivo.

A diferencia de las aplicaciones nativas, cuyo diseño hay que adaptar a los diferentes dispositivos, las Progressive Web Apps tienen un diseño multidispositivo. Además de ser mucho más cómodo a la hora de crear la aplicación, esto también redunda en una importante reducción de costes, tiempo de desarrollo y fase de pruebas.

¿Por qué tiene sentido usar PWA?

Según el informe 2017 U.S. Mobile App Report de comScore, la web alcanza a tres veces más personas que las aplicaciones móviles, pero las personas usan las aplicaciones móviles mucho más que los navegadores móviles.

Los resultados son claros: en el móvil, quienes dictan las reglas son las apps. ¿Por qué? Las aplicaciones son rápidas y robustas. Ofrecen notificaciones push, integración completa con otras aplicaciones (y la web), servicios de ubicación y más.

Eso significa que si quieres llegar a más gente, probablemente deberías crear aplicaciones nativas además de sitios web listos para dispositivos móviles. Pero eso es mucho trabajo.

Por eso muchas empresas ya han creado su propia aplicación web progresiva, que funciona muy bien en todos los escenarios.

Casos de Éxito

Forbes

forbes

Imagen: Forbes

Forbes es uno de los medios de comunicación más importantes a nivel global. Desarrolló su Progressive Web App para mejorar la experiencia móvil de sus usuarios y la velocidad de carga.

Ellos aseguran que es más fácil para los usuarios visitar el sitio de Forbes e instalar su PWA que descargar una aplicación desde una tienda de aplicaciones.

La anterior web de Forbes tardaba entre 3 y 12 segundos en cargar (ten en cuenta que el 53% de las webs móviles son abandonadas si tardan más de 3 segundos en cargar). La nueva Progressive Web App de Forbes es capaz de cargar en 0.8 segundos. Como resultados, Forbes ha incrementado el número de sesiones en un 43% y el engagement en un 100%.

Puedes comprobar tú mismo la velocidad de la PWA de Forbes desde este enlace: https://m.forbes.com.

The Washington Post

the-washington-post

Imagen: The Washington Post

Con más de un 50% de su tráfico proveniente de dispositivos móviles, este importante medio de comunicación de EEUU sabe que proveer una buena experiencia de lectura desde dispositivos móviles es vital para su éxito a largo plazo.

La plataforma PWA creada por The Washington Post le permite a publicar más de 1000 artículos cada día, con un tiempo de carga medio de 400 milisegundos (una mejora del 88% respecto a su web móvil tradicional).

Este cambio también supuso un incremento del 63% en los usuarios que volvieron a la PWA en menos de 7 días, demostrando que esta tecnología es una herramienta perfecta para la fidelización.

Puedes acceder a la PWA de The Washington Post en: https://www.washingtonpost.com/pwa.

Financial Times

financial-times

Imagen: Wikipedia

El Financial Times, uno de periódicos sobre negocios y economía más importantes del mundo, abandonó sus aplicaciones nativas en favor de una PWA robusta. Ahora los usuarios pueden guardar artículos para leerlos sin conexión.

Puedes encontrar su PWA en https://app.ft.com.

Alibaba

alibaba

Imagen: Alibaba

Alibaba es el marketplace B2B más grande del mundo, con un alcance de millones de personas en más de 200 países.

Con esa base de consumidores global, necesitaban el puente más eficaz entre su aplicación nativa y la web móvil. Es indispensable para el éxito de Alibaba, ofrecer una experiencia móvil óptima, tanto para nuevos usuarios como para clientes recurrentes.

La PWA de Alibaba supuso un incremento del 76% del total de las conversiones, con un aumento de usuarios iOS del 14% y un 30% de Android. La opción de “añadir al escritorio” consiguió un engagement cuatro veces superior.

Puedes acceder a la PWA de Alibaba aquí: https://m.alibaba.com.

Flipkart

Flipkart

Imagen: Flipkart

Flipkart es el e-commerce más grande de India. En 2015 adoptó un enfoque móvil, eliminó su web móvil y se enfocó por completo en su aplicación móvil nativa. Sin embargo, la compañía no consiguió los resultados que esperaba.

Por ello, decidieron combinar su web y su aplicación nativa en una PWA para permitir a sus clientes acceder de forma instantánea a su tienda.

En comparación con su anterior web móvil, Flipkart ha triplicado el tiempo de permanencia en su Progressive Web App, llamada Flipkart Lite.

Los usuarios dedican de media 3.5 minutos en esta versión, en comparación con los 70 segundos de media de su predecesor.

Además, Flipkart PWA utiliza tres veces menos datos que la app nativa, permitiendo a los usuarios en áreas de baja conectividad visitar también el e-commerce.

Todas estas mejoras han supuesto un aumento del 40% en el engagement de los usuarios. Además, la tasa de conversión ha aumentado un 70% debido al icono “añadir a la pantalla de inicio”, ya que los usuarios tienen acceso instantáneo a Flipkart cuando quieran.

Puedes acceder a Flipkart Lite desde aquí: https://m.flipkart.com.

Y hay muchos más casos de éxito; Lyft, Uber, Starbucks, The Weather Channel, entre tantos otros.

Las PWA son la solución perfecta para las compañías que quieren combinar su experiencia web con la de su aplicación nativa. Permite ofrecer una buena solución para todo tipo de usuarios, mejorando la fidelización y la retención.

Además, aporta otros beneficios cómo el incremento de la velocidad, mejoras del engagement y aumento de las conversiones.

¿Cómo comenzar a usar las PWA?

Usar una PWA es tan fácil como visitar un sitio web. Si el sitio se está ejecutando como un PWA, aparecerá un distintivo en la barra de direcciones. Toca el icono y aparecerá una confirmación de «Agregar a la pantalla de inicio». El PWA actuará como cualquier otra aplicación en tu teléfono: aparecerá como una aplicación independiente en el grupo de aplicaciones y funcionará sin conexión (si es compatible).

Appscope – Cientos de PWA a tu disposición

appscope

Imagen: Appscope

A estas alturas ya estarás convencido de que las PWA suponen muchos beneficios para el uso diario de nuestras Apps favoritas.

Appscope es un directorio web dedicado a las Aplicaciones Web Progresivas que te permitirá encontrar cientos de PWA a través de diferentes categorías, listas o usando su buscador.

Lo mejor de todo es que Appscope es también en sí misma una Aplicación Web Progresiva, por lo que puedes instalarla directamente en tu dispositivo y tener acceso a la misma a través de un icono en la pantalla principal del mismo.

Puedes acceder a Appscope desde aquí: https://appsco.pe/.

Como hemos visto a lo largo de este artículo, las PWA son ideales para usuarios finales que quieren una app ligera, rápida y que funcione con y sin conexión a internet, pero también para empresas que quieren combinar su experiencia web con la de su aplicación nativa, logrando la combinación perfecta para mejorar en sus usuarios y clientes, la fidelización, retención, engagement y conversiones.

Si te gustó este artículo, comparte en las redes sociales!