¿Deberían las empresas crear aplicaciones web progresivas?

Claro, como es el futuro! ¿Tiene dudas?

La mejor solución para expandir la funcionalidad de los sitios web y hacerlos similares a los nativos pero retener la cobertura del usuario es la Aplicación Web Progresiva (PWA).

¡Veamos qué hace que una aplicación sea una aplicación web progresiva !

PWA no es un marco o una biblioteca. Es un conjunto de tecnologías y prácticas que le permiten crear aplicaciones web similares a las nativas.

Las características principales de PWA:

  • Fiable : carga rápida, sin conexión y trabajando con mala conexión
  • Rápido : animaciones rápidas, desplazamiento y navegación
  • Atractivo : icono de la pantalla de inicio, sin ventana del navegador, soporte de bienvenida, notificaciones push.

¿No es hermoso? Además, así es como se ve:

Hay una lista de requisitos para PWA en detalles. ¡Vamos a verlo!

PWA debe ser :

  • Progresivo : trabaje con cada usuario independientemente del entorno utilizando el método de mejora gradual como principio básico de funcionamiento;
  • Adaptable : se ve bien en cualquier dispositivo: computadora de escritorio, teléfonos inteligentes, tabletas o cualquier otra cosa;
  • Independientemente de la conexión : la aplicación debe funcionar en modo fuera de línea cuando se interrumpe o no hay conexión;
  • Aspecto nativo : la aplicación debe cumplir con los métodos habituales para la interacción y navegación del usuario;
  • Actualización automática: la aplicación debe tener una actualización automática;
  • Seguro : para evitar la suplantación de identidad y la intercepción de datos con HTTPS;
  • Detectable : la aplicación se identifica como “aplicación” por los motores de búsqueda gracias al alcance del registro del trabajador W3C y del servicio;
  • Reconectable : para recordarle al usuario que regrese a la aplicación, por ejemplo, mediante notificaciones push;
  • Fácil de instalar : le permite “guardar” sin usar la tienda de aplicaciones;
  • Fácil de usar : para comenzar a usar la aplicación, simplemente abra la URL. Instalar la aplicación no es obligatorio.

Es obvio que las personas tienden a tener problemas para instalar nuevas aplicaciones móviles. Por lo tanto, PWA lo resuelve haciendo aplicaciones web similares a las nativas y ampliando su funcionalidad.

En el lado negativo, PWA tiene tales inconvenientes :

  • es nuevo, así que es crudo;
  • falta de ejemplos de implementación;
  • problema con la compatibilidad con el navegador: Safari no lo admite en absoluto, Firefox y Microsoft se comprometieron a admitirlo, y Chrome y Opera ya admiten PWA.

Pero no hay necesidad de desesperarse, ya que estos problemas pueden resolverse fácilmente en el futuro cercano.

Cada vez más empresas comienzan a dominar las aplicaciones web progresivas. Como las ventajas son obvias:

  • Instalación cero, ya que los PWA son solo páginas web;
  • Actualización en uso;
  • Portabilidad;
  • Carga rápida;
  • Notificaciones push como una herramienta atractiva;
  • Aparecer como interfaces de aplicaciones nativas, etc.

(Revisión de la extensión de aplicación web progresiva Magento GRATIS)

¿Si por qué no?

Aquí hay 3 razones persuasivas que explican por qué debería crear una aplicación web progresiva:

En primer lugar, la cantidad de usuarios de dispositivos móviles está aumentando vertiginosamente, pero las aplicaciones nativas y web móviles tienen muchas limitaciones.

A pesar de ser receptiva y optimizada para dispositivos móviles, la web móvil no puede demostrar su capacidad para impulsar las tasas de conversión. En contraste, la aplicación nativa parece ser más efectiva, pero le pide que invierta una cantidad significativa de tiempo, dinero y esfuerzo para crear una aplicación. Además, la mayoría de los clientes dudan en descargar una aplicación solo para realizar una compra única.
Afortunadamente, las aplicaciones web progresivas pueden ayudarlo a resolver todos estos problemas de dolor de cabeza:

  • No necesita tener un presupuesto amplio para adquirir una aplicación (descarga gratuita en nuestra tienda).
  • Solo lleva unos minutos instalarlo.
  • Permite a los clientes acceder con solo un clic.
  • Proporciona una experiencia similar a una aplicación para impulsar las conversiones.

En segundo lugar, las aplicaciones web progresivas pueden ayudarlo a mantenerse a la vanguardia en la competencia.
Actualmente, no hay muchas tiendas de comercio electrónico que conozcan los enormes beneficios de las aplicaciones web progresivas o que no puedan construirlas. Por lo tanto, comprendamos este cambio para convertirnos en una de las primeras tiendas Magento que aprovechan esta tecnología y se destacan en su nicho de mercado.

En tercer lugar, con Progressive Web Apps, verá un crecimiento exponencial en las ventas.

Al combinar las mejores características de sitios web y aplicaciones, las aplicaciones web progresivas brindarán una experiencia increíble a los clientes y estimularán sus compras. Alibaba, AliExpress, Flipkart y Lancome son grandes empresas de comercio electrónico que adoptaron las aplicaciones web progresivas y obtuvieron éxitos significativos.

DESCARGA APLICACIONES WEB PROGRESIVAS GRATUITAS AQUÍ.

Más cosas que te pueden interesar:

Aplicación web progresiva: guía de la A a la Z

Ejemplos exitosos de aplicaciones web progresivas (PWA)

Demostración progresiva de aplicaciones web

Tutorial de aplicación web progresiva

Aplicaciones web progresivas: ¿Las ventajas superan a las desventajas?

¿Cuál es el papel de la aplicación web progresiva en la mejora de su SEO?

[Guía definitiva] Conversión de su sitio a aplicaciones web progresivas de Google (Parte 1)

La respuesta es más en el lado “NO”, y he aquí por qué:

  • Las aplicaciones de tamaño empresarial suelen ser un gran “zoológico” de estándares, tecnologías y módulos abandonados. – PWA será demasiado masivo para otorgar el nivel de rendimiento deseado.
  • Las empresas de tamaño empresarial generalmente tienen demasiados clientes con todo tipo de dispositivos, y los PWA solo funcionan en Android, y aún hay mucho que desear.
  • Si tienes tiempo libre y dinero, puedes probar Android Instant Apps en su lugar.
  • Todas las ventajas de los PWA tienen un precio, requiere un equipo de desarrolladores con un conjunto de habilidades único (definitivamente más costoso y difícil de encontrar).
  • Y bueno: las empresas no son tan ricas para comprar cosas baratas. Je

Quiero decir, vamos, siempre puedes hacer una aplicación WEB de alto rendimiento, que se ejecute sin problemas en todos los dispositivos que alguna vez se crearon en el pasado y se crearán en el futuro cercano. Las ventajas de los PWA se ven tan lucrativas porque prometen alta calidad a mitad de precio. Pero el doble de tiempo y problemas de escalabilidad / adaptabilidad.

Por cierto: las aplicaciones web también pueden funcionar sin conexión: piense en Google Docs y Gmail.

Creo, por supuesto, que depende de los objetivos de su empresa. Debido a que el mundo de la tecnología es enorme y no todos pueden elegir una pila adecuada de tecnología para las necesidades comerciales. Es por eso que puedo informarle sobre los beneficios y características de una PWA para que usted decida por sí mismo.
Como saben, una aplicación web progresiva es un sitio web que se siente como una aplicación móvil nativa.
Características distintivas de una PWA
Según Google Developers, una aplicación web progresiva necesita cumplir 10 conceptos clave para ser reconocida como PWA. Entonces, la aplicación debería ser.

  • Progresivo

La idea inicial de un PWA es la posibilidad de usarlo en todos los dispositivos, independientemente del navegador. Por lo tanto, incluso si el navegador no admite ninguna de las tecnologías que son esenciales para PWA, la información debe ser accesible como un sitio web simple.

  • Sensible

Además de la capacidad de trabajar con todos los navegadores, la aplicación web progresiva debería ser compatible con cualquier dispositivo, cualquier factor de forma: móvil, tableta, computadora portátil, computadora de escritorio. El tamaño de la pantalla no debería ser un problema.

  • Conectividad independiente

La PWA debería poder funcionar con una conexión a Internet de baja calidad o sin ninguna conexión. Para lograr esto, debe usar trabajadores de servicio, que almacenan en caché la información y la muestran después.

  • Fresco

El shell de la aplicación se almacena en caché una vez y se carga instantáneamente. Los trabajadores del servicio se encargan del contenido dinámico, que se descarga automáticamente cuando el dispositivo está conectado a la red, de modo que la PWA muestre el contenido más reciente disponible.

  • Como una aplicación

Similar a una aplicación móvil, la PWA tiene un shell estático. Para que la PWA se sienta como una aplicación nativa, el shell debe incluir interacciones de estilo de aplicación, navegación, etc. La apariencia y el funcionamiento de la aplicación web progresiva no deben recordarle al usuario que se encuentra actualmente en un navegador.

  • Seguro

Las aplicaciones web progresivas que utilizan banca en línea, formularios de pedido de compras en línea u otro tipo de datos confidenciales deben cuidar su seguridad. Para proteger la información que se procesa en la aplicación, la conexión debe servirse a través del protocolo seguro HTTPS. Esto significa que todas las conexiones entre el navegador y el sitio web están encriptadas y, por lo tanto, son seguras.

  • Reconocible

El manifiesto de la aplicación web proporciona información sobre la aplicación web progresiva que la hace visible para los motores de búsqueda y que los usuarios pueden descubrirla. Las propiedades del manifiesto definen cómo se guardará la aplicación en la pantalla de inicio y cómo se abrirá en el navegador.

  • Reenganchable

Las notificaciones push de la aplicación web hacen que los clientes regresen al sitio web. Cada vez que el contenido cambia, se notifica al usuario, lo que lo alienta a verificar los cambios. Los trabajadores del servicio y la API de inserción permiten que las PWA envíen mensajes a la barra de notificaciones de Android.

  • Instalable

Si el usuario visita un sitio web varias veces, se le ofrece guardarlo como acceso directo a la pantalla de inicio del teléfono inteligente o navegador. No es necesario navegar por la tienda de aplicaciones, no requiere instalación. El PWA se guarda de inmediato.

  • Enlazable

Esta característica realmente genial permite compartir el enlace a la PWA con cualquier persona, lo que es mucho más rápido y más conveniente que recomendar descargar una aplicación.

Beneficios
Las aplicaciones web progresivas a menudo se comparan con las aplicaciones móviles nativas. Aunque no son competidores directos, puede encontrar las ventajas de un PWA bastante valioso:

No disponible en la tienda de aplicaciones

Parece más una desventaja, ¿no? En realidad, publicar una aplicación en Google Play o iTunes no garantiza cientos de descargas. Peor aún, la aplicación tiende a perderse entre cientos de aplicaciones similares sin que los usuarios la encuentren.

La aplicación web progresiva tiene un algoritmo más simple de ser descubierto. Cuando el usuario visita su sitio web, ya está usando su PWA y puede guardarlo como un acceso directo a su pantalla de inicio con un solo toque.

Trabaja sin conexión

Parece una locura, pero un PWA es un sitio web que puede funcionar sin conexión a Internet. Los trabajadores de servicio están aquí para garantizar esto. Almacenan en caché la información cuando el dispositivo está en línea y están listos para mostrarla en cualquier momento cuando la conexión es deficiente o ausente.

Siempre la última versión

Las actualizaciones de aplicaciones móviles pueden ser molestas para los usuarios. Pero esto nunca le sucede a los usuarios de PWA. Las aplicaciones web progresivas son en realidad sitios web, por lo que siempre tiene acceso a la última versión de las mismas sin ninguna descarga.

Carga al instante

Probablemente sepa que los usuarios tienden a abandonar el sitio web si no se carga rápidamente. Las aplicaciones web progresivas resuelven este problema fácilmente. Por primera vez, el PWA se carga con una velocidad promedio. Pero todas las siguientes cargas de aplicaciones son casi instantáneas.

Debido al shell de la aplicación, que se guarda en el dispositivo y al contenido en caché, la información se muestra sin demora. Los PWA se cargan más rápido que las aplicaciones nativas y más rápido que los sitios web móviles.
Y, por supuesto, puede leer este artículo Progressive Web Apps – The New Word In User Engagement. Me complace compartir nuestro conocimiento y experiencia sobre el desarrollo progresivo de aplicaciones web

Antes de comenzar a construir algo, puede valer la pena considerar cómo usarán la aplicación tus usuarios. ¿Ya tiene una aplicación web para su producto o va a construir desde cero? ¿Cómo acceden sus usuarios a su producto, a través de la web o aplicaciones nativas? ¿Qué dispositivos usan? ¿Están en navegadores más antiguos o más nuevos?

Si ya tiene una aplicación web, agregar funciones PWA no es un proyecto masivo y traerá mejoras inmediatas a su sitio.

En Settled, nuestros clientes notaron una serie de beneficios al cambiar a una PWA.

  • Instalación sencilla: los PWA se basan en la estructura de la web y se pueden instalar sin la necesidad de una tienda de aplicaciones.
  • Acceso rápido a los datos cuando está fuera de línea: el almacenamiento en caché de los trabajadores de servicios permite almacenar en caché los resultados de las solicitudes de red relevantes, lo que permite un acceso rápido a los datos incluso cuando el usuario tiene una conexión limitada o nula. Estas aplicaciones también pre-almacenan en caché los recursos clave, para reducir la dependencia de la red.
  • Menos datos descargados y mejoras en los tiempos de carga de la página: Service Worker Toolbox de Google proporciona estrategias comunes de almacenamiento en caché para contenido dinámico, lo que significa que una vez que un usuario ha visitado la primera página en el tablero, tiene todos sus recursos en caché permitiendo visitas fáciles y rápidas a Otras páginas en el sitio. Esto significa que el usuario puede tener una experiencia rápida y atractiva tan pronto como llegue al sitio web.
  • Mayor compromiso con el sitio web: los PWA permiten que las imágenes se entreguen más rápido, lo que aumenta el tiempo que los consumidores pasan en un sitio web “.

Independientemente de si está creando desde cero o tiene una aplicación existente, ¡puede agregar progresivamente las características que beneficiarán a sus usuarios! Si ya tiene aplicaciones nativas, no hay ninguna razón por la cual los PWA no mejoren la experiencia web junto con su experiencia nativa.

Si está interesado en obtener más información sobre cómo construimos nuestro PWA bajo el capó, Google hizo un estudio de caso sobre nuestro PWA en Settled; consulte este enlace para obtener más información.

Yo diría, absolutamente sí.

En los tiempos 4G de alta velocidad de hoy en día, todos los usuarios buscan tener acceso rápido a la información o al producto que están buscando. Una encuesta realizada por SplitMetrics sugiere que un promedio de solo el 26.4% de los usuarios que visitan la página de su tienda de aplicaciones instalarán su aplicación y el 73.6% de los usuarios simplemente se perderán.

Muchas veces los usuarios rebotan inmediatamente si una página tarda mucho en cargarse. Al usar PWA, hay muchos beneficios en diferentes verticales en términos de participación del usuario y tasa de conversión.

Así es como la implementación y el seguimiento de PWA ayuda a diferentes verticales:

Editor digital: si está implementando PWA, definitivamente puede mejorar la efectividad en términos de aumentar el tiempo promedio que pasa en la página y la cantidad de visitas. Esto también se traduciría en una disminución significativa en términos de tasa de rebote y tiempo de carga de la página.

Comercio electrónico: PWA puede permitir a las empresas de comercio electrónico aumentar la efectividad en términos de una mejor tasa de conversión que se traduce en un aumento de las ventas.

Generación de leads: optimice la efectividad en términos de tiempo de carga de la página y aumente los leads

Algunos de los casos de uso típicos que hemos visto con nuestros clientes:

  1. Disminución de las tasas de rebote
  2. Aumento del tiempo empleado en la página
  3. Optimización de ingresos y tasa de conversión

Para saber cómo pudimos lograr estos casos de uso en detalle, consulte el blog: Rastrear aplicaciones web progresivas Google Analytics Optimizar tasas de conversión

Bueno eso depende. Si el uso principal de una aplicación es estar en la web, recomendaría a las empresas que busquen aplicaciones web progresivas. De lo contrario, Native es el camino a seguir para lograr la mejor calidad y ofrecer experiencias de usuario sobresalientes. Otra cosa que vale la pena mencionar aquí es el presupuesto. Si su presupuesto es limitado, también puede optar por PWA. Las aplicaciones nativas tienden a ser más costosas, ya que una empresa generalmente debería contratar desarrolladores de Android e iOS para su aplicación.

El siguiente artículo arroja buena luz sobre las aplicaciones web progresivas: Cómo diseñar aplicaciones web progresivas y sorprendentes

Si bien depende de la empresa, y todavía hay algunas preocupaciones de seguridad que debe investigar, creo que la respuesta es sí. Hay tantas ganancias en la velocidad de desarrollo cuando se crean aplicaciones web en lugar de aplicaciones nativas, y muchas características importantes para atraer a las empresas, como la funcionalidad fuera de línea, ahora son posibles en las aplicaciones web. Más detalles en este artículo que leí: ¿Deberían las empresas comenzar a construir aplicaciones web progresivas?

Realmente no veo por qué no. El hecho de que PWA sea bueno o no para usted no depende del tamaño de su organización sino de cuál es su negocio. Mire el escaparate de Google sobre quién está usando PWA: Twitter, Forbes, Alibaba, Flipkart: la lista continúa.

Los tipos de aplicaciones que deberían ser progresivas son:

  • comercio electrónico,
  • mercados,
  • aplicaciones dirigidas a países en desarrollo,
  • aplicaciones para usuarios móviles que no requieren interacción regular, como Ola (el competidor de Uber).

Para obtener más información sobre cómo estos tipos de empresas aprovechan PWA, lea este artículo 🙂

¿Debería crear una aplicación web progresiva?

La respuesta a esta pregunta depende de cómo se definan las necesidades comerciales principales:

  • ¿Con qué frecuencia los clientes usarán el móvil? Si menos de una vez al día, un sitio web adaptable o receptivo podría servir mejor.
  • ¿Debería la audiencia ser lo más amplia posible? Si llegar a los usuarios de Apple es crítico, reconsidere la idea.
  • ¿Hay alguna característica crucial que necesite compatibilidad entre navegadores o acceso a hardware especial? Si es así, recomendamos calcular el precio de posibles alternativas.

Lea más sobre el tema.

Solo si desean mejorar la experiencia del cliente en dispositivos inteligentes (Android, iPhone y iPad)

Acabo de crear mi sitio WPA de WordPress para móviles y tabletas.

¿Necesita ayuda? Simplemente comente su consulta en YouTube. Intento responder lo antes posible. o Contáctame en twitter, mi identificador es el primer nombre, el subrayado, el apellido.

Sí, deberían. Probablemente PWA será el futuro, especialmente del comercio electrónico. Le ofrece un diseño web receptivo sin gastos innecesarios. Aquí hay un buen PWA para comercio electrónico: Vue Storefront – PWA # 1 para comercio electrónico basado en Vue.js diseñado para cualquier backend de comercio electrónico como Magento o Pimcore. Hay una versión estable de 1.0RC ya lanzada. El sitio web es Vue Storefront – # 1 PWA para eCommerce