Cómo las apps web progresivas pueden impulsar el éxito empresarial

Las apps web progresivas son parte de la hoja de ruta de muchas empresas para modernizar sus sitios web y adaptarse a las nuevas expectativas de los usuarios. Como ocurre con muchas tecnologías, las AWP plantean preguntas: ¿es lo que quieren mis clientes?, ¿en qué medida hará que mi empresa crezca? ¿Qué es técnicamente factible?

Identificar a los interesados.
Identifica a las partes interesadas.

Para dar forma a tu estrategia digital, a menudo participan varias partes interesadas: el gerente del producto y el director de marketing son copropietarios del impacto comercial de cada función, el director de tecnología evalúa la viabilidad y la confiabilidad de una tecnología, los investigadores de la experiencia del usuario validan que una función responde a un problema de un cliente real.

El objetivo de este artículo es ayudarte a responder esas tres preguntas y dar forma a tu proyecto de AWP. Comenzarás a partir de las necesidades de tus clientes, las convertirás en funciones de AWP y te enfocarás en medir el impacto comercial de cada una.

Las AWP solucionan las necesidades de los clientes

En Google, nos encanta seguir una regla en la elaboración de productos: "enfócate en el usuario y el resto fluirá". Piensa en el usuario: ¿Cuáles son las necesidades de mis clientes y cómo las satisface una AWP?

Identificar las necesidades del cliente.
Identifica las necesidades del cliente.

Al investigar sobre el usuario, encontramos algunos patrones interesantes:

De acuerdo con esas observaciones, descubrimos que los clientes prefieren experiencias que sean rápidas, instalables, confiables y atractivas (F.I.R.E.).

Las AWP aprovechan las modernas funciones web

Las AWP proporcionan un conjunto de prácticas recomendadas y APIs web modernas que tienen como objetivo satisfacer las necesidades de tus clientes con un sitio rápido, instalable, confiable y atractivo.

Por ejemplo, usar un service worker para almacenar en caché tus recursos y realizar una carga previa predictiva hace que tu sitio sea más rápido y confiable. Si haces que tu sitio sea instalable, les brindas a tus clientes una forma fácil de acceder a él directamente desde su pantalla principal o su selector de aplicaciones. Y las APIs, como las notificaciones push web, facilitan la reactivación de la participación de tus usuarios con contenido personalizado para generar lealtad.

Mejorar la experiencia del usuario con capacidades web
Mejora la experiencia del usuario con funciones web.

Comprende el impacto en la empresa

La definición del éxito empresarial puede incluir muchos factores, según tu actividad:

  • Usuarios que pasan más tiempo en tu servicio
  • Porcentajes de rebote reducidos para sus clientes potenciales
  • Porcentajes de conversiones mejorados
  • Más visitantes recurrentes

La mayoría de los proyectos de AWP generan un porcentaje de conversiones móviles más alto. Puedes obtener más información con los numerosos casos de éxito de AWP. Según tus objetivos, probablemente te convenga priorizar los aspectos de las AWP que tengan más sentido para tu empresa, y no hay problema. Las funciones de la AWP se pueden elegir y lanzar por separado.

Midemos el impacto comercial de cada una de estas excelentes funciones de F.I.R.E.

El impacto comercial de un sitio web rápido

En un estudio reciente de Deloitte Digital, se muestra que la velocidad de la página tiene un impacto significativo en las métricas empresariales.

Hay mucho que puedes hacer para optimizar la velocidad de tu sitio y, así, mejorar los recorridos críticos de todos tus usuarios. Si no sabes por dónde empezar, consulta nuestra sección Velocidad y usa Lighthouse para priorizar los aspectos más importantes que debes corregir.

Cuando trabajes en las optimizaciones de velocidad, comienza a medir la velocidad de tu sitio con frecuencia con las herramientas y métricas adecuadas para supervisar tu progreso. Por ejemplo, mide tus métricas con Lighthouse, corrige los objetivos claros, como tener puntuaciones"Buenas" de las Métricas web esenciales, y, luego, incorpora un presupuesto de rendimiento al proceso de compilación. Gracias a tus mediciones diarias y la metodología del "valor de la velocidad", puedes aislar el impacto de los cambios de velocidad incrementales y calcular cuántos ingresos adicionales generó tu trabajo.

Mide el valor de la velocidad y correlacione con las conversiones.
Mide el valor de la velocidad y correlacione con las conversiones.

Ebay estableció la velocidad como un objetivo de la empresa para 2019. Usaron técnicas como el presupuesto de rendimiento, la optimización de la ruta crítica y la carga previa predictiva. Concluyeron que por cada mejora de 100 milisegundos en el tiempo de carga de la página de búsqueda, el recuento de agregar a tarjetas aumentó en un 0.5%.

Una mejora de 100 ms en el tiempo de carga generó un aumento del 0,5% en el recuento de elementos agregados al carrito de eBay.
Una mejora de 100 ms en el tiempo de carga generó un aumento del 0.5% en el recuento de elementos agregados al carrito de eBay.

El impacto comercial de un sitio web instalable

¿Por qué querrías que un usuario instale tu AWP? Para que sea más fácil volver al sitio. Mientras que la instalación de una app para Android agregaría al menos tres pasos (redireccionamiento a Play Store, descarga de la app, inicio de la app), la instalación de la AWP se realiza sin problemas con un solo clic y sin alejar al usuario del embudo de conversión actual.

La experiencia de instalación debe ser fluida.
La experiencia de instalación debe ser fluida.

Una vez que se instala una app, los usuarios pueden iniciarla con un clic mediante el ícono que aparece en la pantalla principal, verla en la bandeja de aplicaciones cuando cambian de app o encontrarla a través de un resultado de la búsqueda de apps. A este proceso dinámico se lo llama Discover-Launch-Switch, y hacer que tu AWP se pueda instalar es la clave para desbloquear el acceso.

Además de ser accesible desde plataformas de descubrimiento y lanzamiento conocidas en el dispositivo, una AWP se inicia exactamente como una app específica de la plataforma: en una experiencia independiente, separada del navegador. Además, se beneficia de los servicios de dispositivos a nivel del SO, como el selector de apps y la configuración.

Es probable que los usuarios que instalan tu AWP son los que más participan, con mejores métricas de participación que los visitantes casuales, incluidas más visitas repetidas, más tiempo en el sitio y porcentajes de conversiones más altos, a menudo a la par con los usuarios de apps específicas de la plataforma en dispositivos móviles.

Para que tu AWP se pueda instalar, debe cumplir con los criterios básicos. Una vez que cumpla con esos criterios, podrás promocionar la instalación dentro de la experiencia del usuario en computadoras y dispositivos móviles, incluido iOS.

Las AWP se pueden instalar en todas partes.
Las AWP se pueden instalar en cualquier lugar.

Una vez que comiences a promocionar la instalación de tu AWP, debes medir cuántos usuarios la instalan y cómo la usan.

Para maximizar la cantidad de usuarios que instalan tu sitio, te recomendamos que pruebes mensajes de promoción diferentes (por ejemplo, "instala la app en un segundo" o "agrega nuestro acceso directo para seguir tu pedido"), diferentes posiciones (banner de encabezado, in-feed) y lo propones en diferentes pasos del embudo de instalación (en la segunda página visitada o después de una reserva).

Para comprender dónde abandonan los usuarios y cómo mejorar la retención, el embudo de instalación se puede medir de cuatro maneras:

  • Cantidad de usuarios aptos para la instalación
  • Cantidad de usuarios que hicieron clic en el mensaje de instalación
  • Cantidad de usuarios que aceptaron y rechazaron la solicitud de instalación
  • Cantidad de usuarios que se instalaron correctamente

Puedes promover la instalación de la AWP a todos los usuarios o adoptar un enfoque más cauteloso si experimentas con un pequeño grupo de usuarios.

Unos pocos días o semanas deberían brindarte datos suficientes para medir el impacto en tu empresa. ¿Cuál es el comportamiento de las personas que provienen del acceso directo instalado? ¿Atraen más, generan más conversiones?

Para segmentar a los usuarios que instalaron tu AWP, realiza un seguimiento del evento appinstalled y usa JavaScript para verificar si los usuarios están en modo independiente, lo que indica que se usa la AWP instalada. Luego, úsalos como variables o dimensiones para tu seguimiento de Analytics.

Mide el valor de la instalación.
Mide el valor de la instalación.

El caso de éxito de Weekendesk es interesante: para aumentar la probabilidad de que un usuario instale su AWP, promueve la instalación en la segunda página visitada. Los usuarios que iniciaron la AWP desde la pantalla principal tuvieron más del doble de probabilidades de reservar una estadía a través de la AWP.

Los usuarios instalados registraron un porcentaje de conversiones 2.5 veces más alto.
Los usuarios instalados obtuvieron un porcentaje de conversiones 2.5 veces más alto.

La instalación es una excelente manera de incentivar a las personas a que regresen a tu sitio y mejorar la lealtad de tus clientes. También puedes pensar en personalizar la experiencia para los usuarios premium.

Incluso si tienes una app específica para una plataforma, es posible que los usuarios sientan que no quieren o no necesitan instalarla. Estos usuarios semiparticipados pueden sentir que una AWP es adecuada para ellos, ya que a menudo se percibe como más liviana y se puede instalar con menos inconvenientes.

Las AWP pueden llegar a usuarios semiparticipados.
Las AWP pueden llegar a usuarios semiparticipados.

El impacto empresarial de un sitio web confiable

El juego del dinosaurio de Chrome, que se ofrece cuando un usuario está sin conexión, se juega más de 270 millones de veces al mes. Esta cantidad impresionante muestra que la confiabilidad de la red es una oportunidad considerable para el uso de AWP, en especial en mercados con redes poco confiables o datos móviles costosos, como India, Brasil, México o Indonesia.

Cuando se inicia una app instalada desde una tienda de aplicaciones, los usuarios esperan que se abra independientemente de si están conectados a Internet. Las Progressive Web Apps no deberían ser diferentes.

Como mínimo, se debe entregar una página sin conexión simple que le indique al usuario que la app no está disponible sin una conexión de red. Luego, considera llevar la experiencia un paso más allá y proporciona funcionalidad que tenga sentido sin conexión. Por ejemplo, puedes proporcionar acceso a entradas o tarjetas de embarque, listas de deseos sin conexión, información de contacto del centro de llamadas, artículos o recetas que el usuario vio recientemente, etcétera.

Sé útil, incluso cuando estés sin conexión.
Sé útil, incluso cuando estés sin conexión.

Una vez que implementes una experiencia del usuario confiable, te recomendamos medirla: ¿cuántos usuarios se desconectan, en qué geografías y permanecen en el sitio web cuando vuelve la red? Analytics puede indicarte cuándo los usuarios suelen estar en línea y sin conexión. Esto te indica cuántos usuarios siguen navegando en tu sitio web después de que regresa la red.

Trivago observó un aumento del 67% en los usuarios que volvieron a en línea y siguieron navegando.
Trivago logró un aumento del 67% en la cantidad de usuarios que regresaron a Internet y continuar navegando.

El caso de éxito de Trivalago ilustra cómo esto puede afectar tus objetivos comerciales. En el caso de los usuarios cuyas sesiones se interrumpieron por un período sin conexión (alrededor del tres por ciento), el 67% de los que vuelven a estar en línea siguió navegando por el sitio.

El impacto comercial de un sitio web atractivo

Las notificaciones push web permiten que los usuarios acepten actualizaciones oportunas de sitios que necesitan o les interesan, y te permiten volver a atraerlos eficazmente con contenido personalizado y relevante.

Sin embargo, ten cuidado. Pedirles a los usuarios que se registren para recibir notificaciones web cuando llegan por primera vez y sin exponer los beneficios puede percibirse como spam y afectar negativamente tu experiencia. Asegúrate de seguir las prácticas recomendadas cuando solicites notificaciones y de inspirar la aceptación a través de usos relevantes, como retrasos en los trenes, seguimiento de precios, productos agotados, etcétera.

Técnicamente, las notificaciones push en la Web se ejecutan en segundo plano gracias a un service worker y, a menudo, las envían un sistema creado para administrar campañas (p.ej., Firebase). Esta función ofrece un gran valor empresarial para los usuarios de dispositivos móviles (Android) y computadoras de escritorio. Aumenta las visitas repetidas y, por consiguiente, las ventas y las conversiones.

Para medir la eficacia de tus campañas de envío, debes medir todo el embudo, incluidas las siguientes acciones:

  • Cantidad de usuarios aptos para notificaciones push
  • Cantidad de usuarios que hacen clic en un mensaje de la IU de notificaciones personalizada
  • Cantidad de usuarios que otorgan permiso de notificaciones push
  • Cantidad de usuarios que reciben notificaciones push
  • Cantidad de usuarios que interactúan con las notificaciones
  • La conversión y la participación de los usuarios que provienen de una notificación
Mide el valor de las notificaciones push web.
Mide el valor de las notificaciones push web.

Hay muchos casos de éxito excelentes sobre las notificaciones push web, como el de Carrefour, que multiplicó su porcentaje de conversiones por 4.5 cuando volvió a atraer a los usuarios con carritos abandonados.

La P de la AWP: un lanzamiento progresivo, función por función

Las AWP son sitios web modernos que combinan el alcance masivo de la Web, combinados con todas las funciones fáciles de usar que los usuarios esperan en las apps para Android, iOS o computadoras de escritorio. Usan un conjunto de prácticas recomendadas y APIs web modernas que pueden implementarse de forma independiente según las especificidades y prioridades de tu empresa.

Lanza tu AWP de forma progresiva.
Lanza tu AWP de forma progresiva.

Para acelerar la modernización de tu sitio web y convertirlo en una AWP real, te recomendamos que seas ágil: lanzamiento función por función. Primero, investiga con los usuarios qué funciones les aportarían más valor, luego ofréceles la colaboración con tus diseñadores y desarrolladores y, por último, no olvides medir con precisión cuánto dinero adicional generó tu AWP.