Saltar al contenido principal

Cómo una startup hotelera creó una aplicación de Android que se basa en contenido web para aumentar drásticamente la participación del usuario y mantener el tamaño de archivo bajo


Actualizado

Fundada en 2013, Habitaciones OYO
se ha convertido en una de las empresas hoteleras más grandes de la India, con hoteles en cientos de ciudades en más de 80 países. Ese éxito se debió en parte a hacer que su experiencia de reserva en línea fuera lo más rápida y fácil posible.

Hasta hace poco, el equipo de OYO ofrecía tanto
Aplicación web progresiva (PWA)
y una aplicación nativa de Android para lograr ese objetivo. La aplicación de Android tuvo una participación significativamente mayor: los usuarios convirtieron tres veces más a menudo que los que usaban la PWA. Pero los usuarios también tendían a desinstalar la aplicación de Android con el tiempo debido a preocupaciones sobre el espacio de almacenamiento.

Para reducir la huella de la aplicación de Android en los dispositivos de los usuarios y al mismo tiempo mantener los beneficios de la experiencia nativa, el equipo decidió recurrir a
Actividades web de confianza (TWA).

¿Qué es un TWA?

Antes de Chrome 72, los desarrolladores de Android que querían mostrar contenido web en sus aplicaciones nativas tenían que usar
WebView, que tenía algunas limitaciones importantes: no es tan rápido como Chrome y no incluye todas las API y funciones de Chrome. Por lo tanto, si deseaba un comportamiento que el motor de renderizado de WebView no admitiera, tenía que construir su propio navegador en torno a él, ¡lo cual no es exactamente trivial!

Actividades web de confianza (TWA)
abordar esas limitaciones mostrando contenido web directamente en Chrome. Desglosar el nombre de TWA ayuda a explicar sus características:

  • Un actividad es una pantalla o vista en la interfaz de usuario de una aplicación de Android.
  • Los TWA usan Chrome para mostrar web contenido para las actividades de la aplicación.
  • El contenido de un TWA es de confianza porque usa
    Enlaces de activos digitales
    para verificar que la misma persona creó la aplicación de Android y el contenido web que se muestra.

Es fácil confundir PWA y TWA.
PWA utilice tecnologías web para crear experiencias comparables a las aplicaciones nativas.
TWA le permite mostrar una PWA en un contenedor de aplicaciones de Android que se puede descargar de Google Play Store.

¿Por qué crear una TWA en lugar de una aplicación nativa?

Cada vez más aplicaciones de Android ofrecen contenido de los propios sitios web de los desarrolladores. Los TWA reconocen esa realidad al ofrecer lo mejor del mundo de las aplicaciones nativas y web:

  • Tienen toda la funcionalidad esperada de las aplicaciones nativas de Android, incluido un icono de inicio, notificaciones push y pantalla completa.
  • Ofrecen el rendimiento y las funciones de Chrome.
  • Usan la versión de Chrome instalada en el dispositivo, por lo que siempre tienen las API y funciones más recientes.
  • Usan mucho menos almacenamiento que una aplicación completamente nativa, lo que es una preocupación para muchos usuarios, especialmente aquellos con dispositivos de gama baja.

Ejecutar en Chrome también tiene una serie de ventajas útiles. Por ejemplo, los TWA comparten el almacenamiento de Chrome, incluidas las cookies, las contraseñas y todo lo almacenado mediante el
API de almacenamiento web. Un beneficio de esta configuración es que los usuarios permanecen conectados a través del navegador y la aplicación TWA.

La compatibilidad con TWA pronto estará disponible en varios navegadores de Android; tanto Samsung como FireFox se han comprometido con TWA. Puede especificar qué navegador desea que use su aplicación, aunque es mejor seleccionar el navegador predeterminado del usuario.

Construyendo OYO Lite

El equipo de OYO quería brindarles a sus usuarios una experiencia de aplicación nativa sin tener que comprometer el almacenamiento del dispositivo, por lo que decidieron crear
OYO Lite, un TWA construido sobre su PWA existente.

Comenzar con una PWA es esencial. Los usuarios esperan una experiencia similar a la nativa en una aplicación que ejecutan desde el lanzador de Android, por lo que el contenido web servido en un TWA debe brindar esa experiencia, que incluye:

  • Tiempos de carga y respuesta rápidos
  • Fiabilidad cuando el usuario tiene conectividad limitada o nula
  • Una apariencia y sensación unificadas (al proporcionar, por ejemplo, una pantalla de presentación y el color de la aplicación)

Si ya tiene una PWA, los pasos para crear una TWA básica están diseñados para ser de bajo esfuerzo, incluso si nunca antes lo ha desarrollado para Android. Esto es lo que hizo el equipo de OYO:

Y aquí está el resultado:

OYO Lite en acción.

Para obtener un tutorial más detallado sobre cómo crear un TWA básico, consulte Peter McLachlan y Andre Bandarra’s
Charla TWA de Google I / O 2019.

Para obtener más información sobre cómo el equipo de OYO creó OYO Lite, incluido un análisis profundo de su enfoque para crear una pantalla de presentación que sea accesible para todos los usuarios de Android, eche un vistazo a Ankit Jain.
publicar en Medium.

Cómo un TWA ayudó a OYO a satisfacer las necesidades de sus usuarios

Al almacenar la mayoría de los activos de sus aplicaciones en el caché de Chrome, el equipo de OYO pudo reducir el tamaño de descarga inicial para OYO Lite a unos esbeltos 850 KB. ¡Eso es solo el 7% del tamaño de su aplicación nativa de Android!

Esa pequeña huella combinada con las comodidades de una aplicación nativa descargable de Google Play Store generó ganancias significativas en la participación del usuario:

  • Una tasa de conversión tres veces mayor que la tasa de PWA
  • Tres veces más usuarios registrados que la PWA, en promedio
  • Una calificación de 4.1 en Google Play Store

Y además de los beneficios para el usuario, ir con un TWA significaba que el equipo tenía solo una base de código, que podían actualizar fácilmente sin tener que esperar a que los usuarios descargaran la última versión de la aplicación.

Cree su propio TWA

La plataforma de reservas en línea de OYO es solo un caso de uso para TWA. Pueden ser ideales para muchos proyectos actualmente creados como aplicaciones nativas o páginas web, desde carritos de compras y flujos de pago hasta preguntas frecuentes y formularios de contacto.

Consulte estos enlaces para comenzar con TWA:

R Marketing Digital