¿Son las PWA el camino? Todo lo que necesita saber sobre las aplicaciones web progresivas para el comercio electrónico

Desde la introducción de Progressive Web Apps en 2015, muchas empresas han aprovechado mucho esta tecnología. Pueden ofrecer experiencias de usuario muy atractivas y, al mismo tiempo, llegar a nuevas bases de usuarios. Los casos de uso más notables provienen de grandes empresas como Twitter, Trivago, Alibaba y Walmart, que reportaron tasas de conversión duplicadas y mayores ingresos más rápido que nunca.

Las historias de éxito de PWA de estos gigantes empresariales son lógicamente atractivas para varias pequeñas y medianas empresas. Con el uso de Progressive Web Apps, los comerciantes ahora pueden brindar la misma experiencia similar a una aplicación de alta conversión de una aplicación nativa a una audiencia mucho mayor en la web móvil, lo que hace que esta sea una tecnología imperdible para empresas de cualquier tamaño. .

¿Qué es una aplicación web progresiva?

En esencia, una aplicación web progresiva (PWA) es una aplicación web que utiliza las capacidades web más recientes para ofrecer a los usuarios una experiencia similar a la de una aplicación nativa. Es la tecnología que traerá consistencia entre la web y las aplicaciones nativas y reemplazará a ambas con una sola instancia.

Históricamente, las aplicaciones nativas brindaban una experiencia mucho más rica que la web móvil, lo que creaba un alto compromiso con el usuario final. Una aplicación web progresiva es un sitio web que se ve y se comporta de la misma manera que una aplicación nativa, lo que significa que son increíblemente rápidos, se pueden agregar a la pantalla de inicio de un teléfono inteligente, enviar notificaciones automáticas e incluso trabajar sin conexión.

Las aplicaciones web progresivas son:

1. Confiable.

Se cargan instantáneamente, independientemente del estado de la red. Eliminan la dependencia de una conexión de red, lo que garantiza una experiencia de usuario instantánea y confiable, incluso con una conexión a Internet mala o inexistente.

2. Increíblemente rápido.

Si su sitio es lento, los clientes se van, lo que hace que pierda ventas potenciales. Los PWA se cargan extremadamente rápido y responden rápidamente a las interacciones del usuario. El rendimiento mejorado del sitio web afecta positivamente la conversión, la experiencia del usuario y las tasas de retención.

3. Muy atractivo.

Brindan una verdadera experiencia de aplicación nativa, incluidas capacidades web, como la opción de enviar notificaciones automáticas y aparecer en la pantalla de inicio.

Por qué su empresa necesita una aplicación web progresiva

Dado que el tráfico móvil supera al tráfico de escritorio (actualmente, el 60 % del tráfico proviene de dispositivos móviles), es crucial que los comerciantes brinden la mejor experiencia de compra para atraer a su audiencia. Si bien el tráfico móvil está creciendo, las tasas de conversión no lo hacen:el tráfico móvil aún representa solo el 16% de la conversión total.

Google informa que cuando una tienda de comercio electrónico se cambia a una aplicación web progresiva, generalmente observa un aumento general de los ingresos del 20 %, con tasas de conversión en dispositivos móviles que se duplican en algunos casos.

Cualquier tienda web nueva y existente debería considerar ofrecer sus servicios no solo como una tienda en línea estándar, sino como una aplicación web progresiva. Dado que la mayoría de los sitios web de comercio electrónico aún no han adoptado esta nueva tecnología, representan una oportunidad excepcional y emocionante para adelantarse a la competencia.

1. Mejor adopción por parte del usuario mediante la instalación en la pantalla de inicio.

Las aplicaciones web progresivas brindan una experiencia de usuario muy atractiva, con las mismas capacidades que las aplicaciones nativas. Las aplicaciones web progresivas se pueden instalar en la pantalla de inicio, lo que las hace directamente accesibles para los usuarios.

En un mes típico, la cantidad promedio de aplicaciones descargadas por un usuario de teléfono inteligente es cercana a cero. La gente no descarga aplicaciones.

Con una aplicación web progresiva, la "descarga" es tan simple como visitar un enlace web y aceptar un aviso. Desde la perspectiva del usuario, el sitio web se transformará en una aplicación "real", por lo que no es un acceso directo del navegador, al colocarse en la pantalla de inicio. Esto logra el mismo resultado que descargar desde una tienda de aplicaciones, pero sin la molestia de pasar por el proceso de la tienda de aplicaciones. Además, después de instalar la PWA en la pantalla de inicio, no se requieren más actualizaciones. Los PWA se actualizan automáticamente en segundo plano, lo que garantiza que sus clientes siempre puedan ver el contenido más reciente.

Quizás no sea sorprendente entonces que las empresas informen que sus usuarios instalan sus PWA, mientras que anteriormente rechazaron su aplicación nativa.

Flipkart vio que el 60% de los clientes que habían desinstalado su aplicación nativa volvieron a usar Flipkart PWA. Para la adopción de cualquier sitio web por parte del usuario, las instalaciones rápidas con PWA demuestran marcar la diferencia en la participación y el éxito del usuario.

2. Impulsar la participación de los usuarios con notificaciones automáticas.

Similar a una aplicación nativa, PWA ofrece la capacidad de enviar notificaciones automáticas a dispositivos móviles. De una manera muy intuitiva, las empresas pueden llegar a su audiencia donde más se encuentran:directamente en su dispositivo móvil, creando una experiencia de usuario muy atractiva.

Estos pequeños mensajes tienen un gran impacto:llaman la atención, siempre. En comparación con el marketing tradicional, como los correos electrónicos, las notificaciones automáticas tienen la gran ventaja de que aparecen directamente en el teléfono de una persona; se destacan entre la multitud y, lo que es más importante, una empresa no necesita hacer un gran esfuerzo para recopilar direcciones de correo electrónico u otra información antes de poder interactuar con su público.

Alrededor del 96% de los usuarios de Internet navegan por la web de forma anónima, no dejan sus direcciones de correo electrónico o información de contacto en los sitios web y no configuran una cuenta. Este es un punto ciego gigantesco que todas las empresas sueñan con convertir en un punto óptimo.

El umbral para permitir una notificación automática al visitar un sitio web es mucho más bajo que el umbral para suscribirse a un servicio de boletín informativo. Google informa que casi el 60% de los usuarios permiten que sus PWA les envíen notificaciones, lo que aumenta significativamente las oportunidades para promocionar productos o servicios. Los puntos de referencia de la industria muestran que 2,7 veces más personas abrirán y harán clic en una notificación push web en comparación con un correo electrónico.

3. Costos de desarrollo reducidos, innovación más rápida y entrega continua.

Las empresas con una estrategia omnicanal y multiplataforma están construyendo, manteniendo y promocionando hasta 4 sistemas:su sitio web (responsivo), su aplicación de Android, sus aplicaciones de iOS y, en algunos casos, también aplicaciones nativas de Windows 10.

Si bien crear, optimizar y mantener un sitio web receptivo ya es un proceso que requiere muchos recursos, el desarrollo adicional de aplicaciones nativas cuadriplica fácilmente esa inversión. Esto no solo se debe a la creación de una aplicación, sino también a la supervisión continua, el mantenimiento, las mejoras y los procesos de revisión de la tienda de aplicaciones (y no nos olvidemos del infame impuesto Apple del 30 %).

Una aplicación web progresiva elimina por completo la necesidad de desarrollo, mantenimiento y comercialización de cualquier plataforma que no sea el sitio web de PWA. Esto brinda una oportunidad única para servir a todos los canales desde una plataforma, que es construida, mantenida y atendida por un equipo. Reduce drásticamente los costos y el tiempo de comercialización, al mismo tiempo que brinda la misma experiencia de usuario y capacidades a todos los clientes, y mantiene la estrategia multicanal.

4. Excelente rendimiento instantáneo.

Los usuarios de Internet siempre exigen más velocidad, especialmente con el aumento masivo del uso de dispositivos móviles primero e incluso en línea. La investigación muestra que el 53% de los visitantes abandonan un sitio web después de solo 3 segundos de carga de la página y las tasas de conversión disminuyen un 21,8% por cada segundo de retraso en la velocidad de la página.

Es casi increíble que el tiempo promedio de carga de páginas web en dispositivos móviles en redes 3G sea de 19 segundos y de 14 segundos en redes 4G.

El informe, "La necesidad de la velocidad móvil", encontró que los sitios móviles que se cargaron en cinco segundos funcionaron mucho mejor que aquellos que tardaron 19 segundos en cargarse:los sitios que se cargaron en 5 segundos cuentan con un 25 % más de visibilidad de anuncios, un 70 % más de sesiones promedio y una tasa de rebote un 35 % más baja.

Las aplicaciones web progresivas están diseñadas para experiencias de usuario extremadamente fluidas y rápidas. Aprovechando los beneficios de velocidad de la web y el almacenamiento en caché del lado del cliente de "estilo nativo", supera a ambos en las cargas de página. Los PWA pueden cargarse en solo 1 segundo, creando una verdadera experiencia de velocidad "instantánea", involucrando al usuario desde el principio.

Además, las aplicaciones web progresivas utilizan mucho menos espacio en disco, tanto en el servidor de la empresa como en el dispositivo del usuario, lo que proporciona beneficios como tiempos de carga más rápidos, menos uso de datos y menos espacio de almacenamiento necesario.

El PWA de BookMyShow tarda menos de 3 segundos en cargarse y aumentó las tasas de conversión en más del 80%. La PWA es 54 veces más pequeña que una aplicación de Android y 180 veces más pequeña que una aplicación de iOS.

5. Las PWA pueden mejorar su SEO.

Debido a que una PWA está basada en la web, los motores de búsqueda pueden descubrir todo. Google y Bing pueden vincular, compartir y clasificar cualquier contenido dentro de una PWA. Esto contrasta con las aplicaciones nativas, que no permiten que los robots de los motores de búsqueda las rastreen. Al romper las barreras entre web y nativo, los usuarios pueden vincularse directamente a los productos digitales más sofisticados, en cualquier dispositivo, en cualquier momento.

Los tiempos de carga súper rápidos, las tasas de rebote reducidas, el uso mínimo de datos y las experiencias altamente atractivas son impulsores predeterminados para las clasificaciones de SEO. Dado que PWA ofrece ventajas como estas listas para usar, es lógico razonar que el uso de un PWA dará como resultado automáticamente una clasificación de SEO más alta. Si se hace bien, esto es absolutamente cierto. Google clasificará las PWA bien diseñadas más arriba que cualquier otro sitio web normal.

Sin embargo, el SEO técnico es muy importante. Es clave asegurarse de que la tecnología de Progressive Web Apps se sirva de la manera correcta. Las aplicaciones web progresivas utilizan la flexibilidad de JavaScript, lo que significa que Google ve la página única publicada como un sitio de JavaScript. Google rastrea los sitios PWA como si rastreara un sitio AJAX o JavaScript, pero la capacidad de los motores de búsqueda para descubrir, rastrear e indexar correctamente el contenido, que depende en gran medida de JavaScript, históricamente ha sido deficiente.

Afortunadamente, no hay necesidad de preocuparse. Los desarrolladores que crean PWA deben ser conscientes de cómo optimizar el sitio para garantizar que la página se indexe correctamente, lo que se puede hacer fácilmente con técnicas como la representación del lado del servidor, lo que proporciona a las PWA la arquitectura adecuada para obtener las mejores clasificaciones de SEO que se merecen.

Estos son algunos excelentes recursos para PWA SEO:

• SEO de PWA:desarrollo de PWA optimizados y cómo validarlos
• SEO y aplicaciones web progresivas:mirando hacia el futuro
• Cree aplicaciones web progresivas que no destruyan su SEO
• ¿Las aplicaciones web progresivas ayudan a la optimización orgánica de motores de búsqueda?

6. Aumento de las tasas de conversión.

Es lógico pensar que una mejor experiencia de usuario da como resultado tasas de conversión más altas. Si se eliminan las fricciones y las frustraciones de una tienda en línea, se vuelve más fácil para los clientes lograr sus objetivos y, por lo tanto, los objetivos comerciales.

Las PWA presentan enormes oportunidades para ofrecer mejores experiencias, en todos los aspectos.

Lancôme experimentó un aumento del 17 % en las conversiones, un aumento del 53 % en las sesiones móviles en iOS y un aumento del 8 % en las tasas de conversión en los carritos recuperados mediante notificaciones automáticas.

Alibaba vio un 76 % más de conversiones en todos los navegadores, un 14 % más de usuarios activos mensuales en iOS, un 30 % más de usuarios activos mensuales en Android y una tasa de interacción un 400 % más alta con "Agregar a la pantalla de inicio".

Todo lo relacionado con las PWA es más rápido, más ágil, más ágil y más eficiente, y el usuario lo siente. Desde la carga instantánea en segundo plano en su pantalla de inicio hasta la navegación a pantalla completa, la carga instantánea de páginas y el uso mínimo del espacio del dispositivo. El usuario tiene una experiencia mucho mejor, completa sus tareas y volverá felizmente en el futuro, ya sea que lo active o no una notificación push muy atractiva.

Anatomía de una aplicación web progresiva

En esencia, una PWA es una aplicación web que utiliza las capacidades web más recientes para ofrecer a los usuarios una experiencia similar a la de una aplicación nativa.

En 2015, Alex Russell introdujo el término “aplicación web progresiva”. Relató una conversación entre él y Frances Berriman, en la que "enumeraron los atributos de [una] nueva clase de aplicaciones" basada en la evolución gradual y poderosa de los navegadores modernos.

Crearon un conjunto de 'atributos' que las aplicaciones web deberían constituir para calificar como una aplicación web progresiva. Estos atributos son:

1. Progresivo —PWA debería funcionar para todos los usuarios, independientemente de la elección del navegador, ya que está construido con mejoras progresivas como principio fundamental.
2. Responsivo — PWA debería funcionar en cualquier dispositivo, en cualquier tamaño:computadora de escritorio, móvil, tableta o lo que sea que se presente.
3. Conectividad independiente —Los PWA no dependen de la disponibilidad de la red.
4. similar a una aplicación — El usuario disfrutará de una verdadera experiencia de aplicación nativa, en términos de velocidad e interacción con el usuario.
5. Fresco — La PWA siempre está actualizada, no se requieren actualizaciones
6. Seguro — Servido siempre a través de HTTPS.
7. Detectable — A diferencia de las aplicaciones nativas reales, una PWA se identifica como una "aplicación" y permite que los motores de búsqueda la encuentren e indexen.
8. Reactivable — PWA brinda a los especialistas en marketing la posibilidad de volver a interactuar fácilmente con los visitantes a través de funciones como notificaciones automáticas, que antes solo estaban disponibles para aplicaciones nativas.
9. Instalable — Una PWA permite a los usuarios agregar aplicaciones que les resulten más útiles a su pantalla de inicio sin la molestia de pasar por una tienda de aplicaciones.
10. Enlazable — Una PWA tiene una estructura de URL real, lo que facilita compartir la aplicación a través de la URL, pero también hace que las páginas de la PWA estén disponibles para su uso con fines de marketing como SEA.

Este conjunto de "atributos" tiene que ver con la experiencia del usuario y cómo usamos la web:seguridad, velocidad, participación y uso compartido. Sin embargo, técnicamente hablando, una aplicación web progresiva se puede definir según tres criterios.

Los tres criterios básicos que debe cumplir un sitio para calificar como PWA son:

1. HTTPS — un PWA debe servirse a través de HTTPS para garantizar un entorno y una transmisión de datos seguros y protegidos.
2. Manifiesto de aplicación web — una PWA necesita un manifiesto de aplicación web, un archivo JSON que contiene todos los metadatos que el dispositivo necesita saber sobre la página para poder instalarla en la pantalla de inicio. El archivo contiene información como iconos, colores, fuentes, URL de la página de destino, etc.
3. Trabajadores de servicios — el ingrediente más importante de una PWA es el Service Worker. Técnicamente, se trata de capacidades de desbloqueo de "proxies de javascript", como el modo fuera de línea, la velocidad instantánea y la capacidad de enviar notificaciones automáticas.

Antes era imposible hacer cosas como las notificaciones automáticas y el modo fuera de línea en la web debido a las limitaciones del navegador, pero con el uso de Service Workers ahora se han desbloqueado estas capacidades. Service Worker es una tecnología presentada por Google que le permite controlar las solicitudes de red mediante programación, lo que a su vez le permite crear experiencias fuera de línea y brindar velocidad instantánea. Además, puede ejecutar tareas en segundo plano, lo que le permite enviar y mostrar notificaciones automáticas incluso cuando el navegador está cerrado.

¿Necesita una PWA para su tienda?

Cualquier empresa que venda online se beneficiaría de una PWA. Cuando el tiempo de carga de la página móvil pasa de 1 segundo a 5 segundos, la probabilidad de rebote aumenta en un 90%. Cuando los clientes se retrasan debido a un pago lento, la venta está en riesgo. La experiencia de usuario mejorada y las rápidas velocidades de página de una aplicación web progresiva permiten al cliente completar la tarea deseada de manera rápida y eficiente. Los PWA ofrecen velocidades de página de dos a cuatro veces más rápidas, lo que garantiza que los usuarios que tanto les costó ganar se mantengan comprometidos y realicen conversiones.

Por supuesto, es difícil predecir si un sitio de comercio electrónico duplicará su tasa de conversión al implementar una aplicación web progresiva. Una cosa es segura:con esta nueva tecnología, las empresas ahora pueden proporcionar la misma experiencia similar a una aplicación de alta conversión de una aplicación nativa a su audiencia mucho más grande en la web móvil. Los primeros usuarios demuestran que Progressive Web Apps realmente cambió su negocio.

1. Creación de una aplicación web progresiva.

Convertir su sitio de comercio electrónico en una aplicación web progresiva es un proceso que cualquier tienda web definitivamente debería considerar realizar dentro del próximo año. No solo le brindará todas las grandes ventajas, sino que también se asegurará de que se mantenga por delante de la competencia.

Sin embargo, una gran idea errónea es que si desea beneficiarse de las capacidades de PWA, debe reemplazar completamente el front-end, lo que hace que las empresas crean que adoptar PWA es un proceso muy intensivo y costoso.

¡Afortunadamente, lo contrario es cierto! La tecnología PWA permite una implementación modular, beneficiándose de ventajas con un mínimo time to market. Por ejemplo, si desea comenzar brindando a su audiencia la oportunidad de instalar su PWA en su pantalla de inicio, lo único que debe hacer es instalar un manifiesto de aplicación web. Además, comenzar con una aplicación nativa como las notificaciones automáticas se puede hacer en solo 5 minutos con las extensiones disponibles en la tienda BigCommerce.

La aplicación de dichas técnicas en las tiendas existentes es el primer paso para mejorar la experiencia del usuario y aumentar las tasas de conversión, en un tiempo de comercialización mínimo y con un bajo costo de implementación.

2. Creación de una aplicación web progresiva con BigCommerce y DEITY Falcon.

La plataforma sin cabeza SaaS abierta altamente extensible de BigCommerce ofrece a las empresas un mundo de posibilidades con integraciones de clase empresarial, API flexibles y webhooks. Usando las mismas tecnologías, DEITY Falcon creó una plataforma de lanzamiento de código abierto para escaparates de PWA muy atractivos.

Combinado con DEITY Falcon, BigCommerce brinda la oportunidad para que cada tienda se beneficie de las ventajas de las aplicaciones web progresivas. Usando BigCommerce como el motor back-end central de comercio electrónico, combinado con DEITY Falcon como el front-end de PWA, las empresas de todas las formas y tamaños pueden comenzar a ofrecer experiencias web sólidas, altamente escalables y asombrosas a sus usuarios, beneficiándose de todas las ventajas de la aplicación. mientras minimiza el tiempo de comercialización, y todo eso a un costo total de propiedad más bajo que cualquier otra plataforma de comercio electrónico líder.

Resumen ejecutivo:Lo que debe hacer a continuación

Dado que los teléfonos móviles están fuertemente integrados en la mayoría de los aspectos de nuestras vidas, el dispositivo está cambiando fundamentalmente la forma en que compramos. Nuestra demanda de experiencias de usuario mejores y más atractivas, tiempos de carga instantáneos, acceso instantáneo a la información e independencia de la red está creciendo rápidamente.

Como dueños de negocios, no podemos ignorar la combinación de la experiencia inmersiva que ofrecen las aplicaciones nativas junto con el alcance y la facilidad de acceso a Internet que nos brindan los PWA. Comenzar con Progressive Web Apps no es algo que deba demorarse más.

Ya sea que elija usar PWA completo o dar pequeños pasos comenzando con, por ejemplo, Notificaciones automáticas y "agregar a la pantalla de inicio" primero, adoptar una estrategia de PWA debe ser una prioridad para cualquier tipo de empresa, grande o pequeña.

Con las inversiones mínimas requeridas y un tiempo de comercialización de velocidad récord, cualquier persona puede comenzar a cambiar drásticamente la experiencia que brinda a su audiencia hoy, aumentando las tasas de conversión y, en última instancia, mejorando sus resultados finales.