Aplicaciones web progresivas (PWA): los 3 mejores casos de estudio

Imagine que acaba de lanzar su empresa y su sitio web se ve increíble, pero no tiene suficiente presupuesto para desarrollar una aplicación móvil, que puede ser importante para su estrategia comercial. Sin embargo, es muy caro y un poco arriesgado. También tendrá que dedicar mucho tiempo a crear una aplicación nativa, pero nadie conoce bien su marca. ¿La gente confiará en su aplicación lo suficiente como para descargarla de App Store o Google Play Store?

Además, ¿sus clientes/lectores estarán lo suficientemente determinados como para tomar medidas adicionales, como cerrar su sitio web, abrir Google Play o App Store y luego esperar pacientemente hasta que la aplicación se haya instalado?

Recuerda que la gente es mucho más exigente en estos días. En otras palabras, también son muy impacientes : esperan soluciones rápidas . Descargar una aplicación de este tipo desde una tienda externa no parece una operación muy rápida y las aplicaciones nativas no son muy accesibles para todos los usuarios. Desde el punto de vista de la experiencia del usuario, existen muchos obstáculos para el cliente antes de que alcance su objetivo (y el suyo).

Y otra cosa: ¿estás seguro de que tus clientes tendrán suficiente espacio de almacenamiento interno para descargar tu aplicación?

Por lo tanto, invertirá una gran cantidad de dinero en la creación de una aplicación móvil (tanto para IOS como para Android) y no puede estar seguro de que la gente realmente la use. Ahh... ¡y no se olvide de todas estas enormes cantidades de su presupuesto de marketing que tendrá que gastar en publicidad y promoción!

Pero espera, no entres en pánico, afortunadamente estás viviendo en 2019, cuando   ¡Las aplicaciones web progresivas se están convirtiendo en una solución común cuando se trata de crear aplicaciones móviles!

¿Alguna vez has oído hablar de las aplicaciones web progresivas ? Si no, ahora es su oportunidad de ponerse al día con esta última tendencia tecnológica o ¡se quedará atrás! Ya hemos escrito un artículo completo explicando qué son y por qué vale la pena elegir esta opción.

Hoy nos gustaría brindarle algo de inspiración y presentarle historias de éxito de marcas que ya han desarrollado Progressive Web Apps.

TRIVAGO

Trivago adquiere una buena reputación como motor de búsqueda de hoteles que está disponible en 33 idiomas diferentes. Sobre la base de la información del hotel, imágenes, calificaciones, reseñas, filtros y otras características, Trivago ayuda a sus usuarios a encontrar la mejor oferta.

Problema

El problema es que Trivago ha notado un aumento significativo de usuarios móviles en los últimos años. La marca se dio cuenta de que la experiencia móvil es cada vez más importante para sus clientes.

Sin embargo, crear soluciones móviles no es pan comido y esto significa tomar decisiones difíciles. Específicamente, la empresa no estaba segura de si las personas aceptarían el costo de descargar una aplicación móvil, solo para verificar si se ajustaba a sus expectativas. También notaron que muchas personas tienen problemas con una conexión móvil de calidad . Por estas razones, Trivago estaba buscando oportunidades diferentes a las de una aplicación nativa.

 Lectura recomendada: Aplicaciones web progresivas frente a aplicaciones nativas: ¿cuál se adapta mejor a usted?

Solución

Finalmente, descubrieron Progressive Web Apps , cuyas características parecían ser perfectas para sus necesidades. En ese momento, buscaban una solución que les proporcionara notificaciones automáticas , modo sin conexión y accesos directos a la pantalla de inicio . Y el factor más importante para Trivago fue la accesibilidad a esta aplicación a través de un navegador móvil estándar .

Esta solución de PWA les ayudó a crear una aplicación sin tener que involucrar a grandes equipos de desarrolladores de software. Al principio, se centraron en las funciones más importantes, como las notificaciones automáticas, el acceso sin conexión y la posibilidad de agregar la aplicación a la pantalla de inicio . Por supuesto, hubo dificultades al principio. Dijeron que uno de los mayores desafíos fue crear una interfaz de usuario intuitiva porque diseñar una apariencia móvil es mucho más diferente que en los sitios web estándar. Según Laura Oades, diseñadora de la PWA:

"En dispositivos móviles, tiene el problema adicional de crear una interfaz de usuario que sea independiente de la plataforma y no confusa" y "PWA es en gran medida un territorio desconocido en diseño, y una oportunidad real para que los solucionadores de problemas creativos se esfuercen para definir un nuevo estándar".

Los resultados

• El sitio web móvil de Trivago está disponible en 33 idiomas, en 55 países.
• Más de 500 000 personas agregaron un acceso directo de Trivago a su pantalla de inicio y su participación aumentó en un 150 % .
• En comparación con los sitios web móviles anteriores, Progressive Web App atrajo a muchos más usuarios. Antes de PWA, solo se registraba un 0,8% de visitas repetidas, ahora este número aumentó a un promedio de 2%.
• Las notificaciones automáticas resultaron ser un medio de comunicación perfecto: ayudaron a aumentar la conversión: la cantidad de clics en el PWA en ofertas de hoteles aumentó en un 97%.

 Lectura recomendada: 7 mejores aplicaciones web progresivas en la industria de viajes

PINTEREST

Pinterest es una red social que permite a los usuarios compartir visualmente y descubrir nuevos intereses al publicar (conocido como 'pinning' en Pinterest ) imágenes o videos en sus propios tableros o en los de otros (es decir, una colección de 'pins', generalmente con un tema) y navegar por lo que otros usuarios han anclado

Problema

Después de analizar el uso de usuarios web móviles no autenticados, se dieron cuenta de que su antigua y lenta experiencia web solo logró convertir al 1 % de los usuarios en registros, inicios de sesión o instalaciones de aplicaciones nativas. La oportunidad de mejorar esta tasa de conversación era enorme, lo que los llevó a invertir en PWA.

Pinterest PWA comenzó porque estaban enfocados en el crecimiento internacional, lo que los llevó a la web móvil.

Solución

Durante 3 meses , Pinterest reconstruyó su experiencia web móvil usando React, Redux y webpack. Su reescritura de la web móvil condujo a varias mejoras positivas en las métricas comerciales centrales.

Los resultados

Su reescritura web móvil condujo a varias mejoras en el rendimiento.

El tiempo dedicado aumentó un 40 % en comparación con la antigua experiencia web móvil, los ingresos publicitarios generados por los usuarios aumentaron un 44 % y las interacciones principales aumentaron un 60 % :

La antigua experiencia web móvil de Pinterest era un monolito: incluía grandes paquetes de JavaScript con uso intensivo de CPU que impulsaban la rapidez con la que las páginas de pines podían cargarse y volverse interactivas.

Su nueva experiencia web móvil es una mejora drástica.

No solo dividieron y eliminaron cientos de KB de su JavaScript, reduciendo el tamaño de su paquete principal de 650 KB a 150 KB, sino que también mejoraron las métricas clave de rendimiento. Primera pintura significativa se redujo de 4,2 s a 1,8 s y Time To Interactive se redujo de 23 s a 5,6 s.

Aunque Pinterest vende aplicaciones para iOS y Android, pudieron ofrecer la misma experiencia básica de alimentación en el hogar que estas aplicaciones ofrecen en la web por una fracción del costo de descarga inicial: solo ~ 150 KB minimizados y comprimidos con gzip. Esto contrasta con los 9,6 MB necesarios para ofrecer esta experiencia para Android y los 56 MB para iOS.

GORJEO

Como ya sabe, Twitter es una plataforma de medios sociales, donde las personas publican mensajes cortos llamados tweets. Fue creada en marzo de 2006. Ahora cuenta con más de 335 millones de usuarios activos (julio de 2018).

Problema

Twitter notó que los usuarios tenían que superar muchos obstáculos mientras usaban su sitio web móvil.

Algunos de ellos estaban en redes móviles lentas y tenían poco espacio en el almacenamiento de los dispositivos móviles . Como resultado, los visitantes se mostraban reacios a pasar tiempo en el sitio web de Twitter o publicar y comentar más. Twitter quería encontrar una alternativa atractiva para las personas que no usan su aplicación nativa o no tienen suficiente espacio para descargarla.

Solución

Twitter decidió crear una aplicación web progresiva porque parecía ser la mejor combinación de un sitio web moderno y funciones nativas. La carga instantánea, el menor consumo de datos y la gran accesibilidad eran características que buscaba Twitter.

Resultados

Los resultados resultaron ser muy impresionantes: los números hablan por sí solos:

• 20% de caída en la tasa de rebote,
• 65% de aumento en páginas por sesión,
• 75% de aumento en los Tweets enviados.

Al igual que en historias de éxito anteriores, el mensaje " agregar a la pantalla de inicio " y las notificaciones automáticas aumentaron significativamente la participación del usuario . Como se informa en este estudio de caso, Twitter notó que 250 000 usuarios únicos diarios ejecutan Twitter Lite desde la pantalla de inicio 4 veces al día en promedio. Además, envían más de 10 millones de notificaciones automáticas al día.

Según las intenciones de Twitter, la PWA ocupa mucho menos espacio (solo 600 KB) que la aplicación nativa de Android (23,5 MB), por lo que existe una mayor posibilidad de que las personas tengan suficiente espacio en su almacenamiento interno para guardarla.

Además, Twitter agregó un modo de ahorro de datos , que ayuda a los usuarios a controlar la cantidad de datos móviles utilizados. Gracias a esta opción, puedes elegir qué imágenes o videos quieres que se carguen por completo y cuáles pueden quedar solo como una vista previa.

 Lectura recomendada: PWA SEO: ¿Las aplicaciones web progresivas (PWA) benefician al SEO? (Con estadísticas y ejemplos)

Adopte el futuro de los sitios web

PWA es el futuro de las aplicaciones móviles. Existe la posibilidad de que reemplacen las aplicaciones nativas con el tiempo, convirtiéndose en una combinación perfecta de aplicación nativa y sitio web. En un mundo donde la velocidad para adoptar nuevas tecnologías es una ventaja competitiva, las empresas que logran adoptar el momento PWA antes pueden generar ingresos de manera significativa, aumentar la participación de los usuarios y mantenerse por delante de la competencia.

En el pasado, Apple tenía algunas limitaciones para las aplicaciones web progresivas; sin embargo, ahora apoyan cada vez más a las PWA. Para los comerciantes en línea que buscan un PWA perfecto y completo para los sitios web de comercio electrónico de Magento , aquí en SimiCart ofrecemos un paquete completo para usted y su tienda.