OYO Lite: un TWA con lo mejor de las apps web y para Android

Cómo una startup de hospitalidad creó una app para Android que se basa en contenido web para aumentar de forma significativa la participación de los usuarios y mantener el tamaño del archivo bajo

Ankit Jain
Ankit Jain
X
Michael Friesenhahn
Michael Friesenhahn
GitHub

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

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

Para reducir el espacio que ocupa la app para Android en los dispositivos de los usuarios y, al mismo tiempo, mantener los beneficios de la experiencia de Android, el equipo decidió recurrir a las Actividades web de confianza (TWAs).

¿Qué es la TWA?

Antes de Chrome 72, los desarrolladores de Android que querían mostrar contenido web en sus apps específicas de la plataforma debían usar WebView, que tenía algunas limitaciones significativas: no es tan rápido como Chrome y no incluye todas sus APIs y funciones. Por lo tanto, si querías un comportamiento que el motor de renderización de WebView no admitía, tenías que compilar tu propio navegador en torno a él, lo que no es exactamente trivial.

Las Actividades web de confianza (TWA) abordan esas limitaciones mostrando contenido web directamente en Chrome. Desglosar el nombre de la TWA ayuda a explicar sus funciones: - Una actividad es una pantalla o vista en la interfaz de usuario de una app para Android. - Las TWA usan Chrome para mostrar contenido web para las actividades de la app. - El contenido de una TWA es confiable porque usa Vínculos de recursos digitales para verificar que la misma persona creó la app para Android y el contenido web que muestra.

¿Por qué crear una TWA en lugar de una app específica para una plataforma?

Cada vez más apps para Android publican contenido desde los sitios web de los desarrolladores. Las TWA reconocen esa realidad ofreciendo lo mejor de los mundos de las apps web y las específicas de la plataforma:

  • Tienen todas las funciones esperadas de las apps para Android, incluido un ícono de selector, notificaciones push y pantalla de pantalla completa.
  • Ofrecen el rendimiento y las funciones de Chrome.
  • Usan la versión de Chrome instalada en el dispositivo, para que siempre tengan las APIs y funciones más recientes.
  • Usan mucho menos almacenamiento que una app específica de la plataforma, lo que es una preocupación para muchos usuarios, en especial para aquellos con dispositivos de gama baja.

Ejecutar en Chrome también tiene varias ventajas prácticas. Por ejemplo, las TWAs comparten el almacenamiento de Chrome, incluidas las cookies, las contraseñas y todo lo almacenado con la API de almacenamiento web. Un beneficio de esta configuración es que los usuarios permanecen en el navegador y la app de TWA.

Compilando OYO Lite

El equipo de OYO quería brindarles a sus usuarios una experiencia de app con todas las funciones sin tener que comprometer el almacenamiento del dispositivo, por lo que decidió crear OYO Lite, una TWA compilada en su AWP existente.

Comenzar con una AWP es esencial. Los usuarios esperan una experiencia con todas las funciones en una app que ejecutan desde el selector de Android, por lo que el contenido web que se entrega en un TWA debe proporcionar esa experiencia, lo que incluye lo siguiente:

  • Tiempos de carga y respuesta rápidos
  • Confiabilidad cuando el usuario tiene conectividad limitada o nula
  • Un aspecto unificado (por ejemplo, una pantalla de presentación y un color de la app)

Si ya tienes una AWP, los pasos para crear una TWA básica están diseñados para que requieran poco esfuerzo, incluso si nunca antes desarrollaste para Android. Esto es lo que hizo el equipo de OYO:

Y este es el resultado:

OYO Lite en acción.

Para obtener una explicación más detallada sobre cómo compilar una TWA básica, consulta la conferencia sobre TWA de Peter McLachlan y Andre Bandarra en Google I/O 2019.

Para obtener más información sobre cómo el equipo de OYO creó OYO Lite, incluida una explicación detallada de su enfoque para crear una pantalla de presentación a la que todos los usuarios de Android puedan acceder, consulta la publicación de Ankit Jain en Medium.

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

Almacenando la mayoría de los recursos de su app en la caché de Chrome, el equipo de OYO pudo reducir el tamaño de descarga inicial de OYO Lite a 850 KB. Eso es solo el 7% del tamaño de su app para Android.

Ese tamaño reducido combinado con las comodidades de una app para Android que se puede descargar desde Google Play Store generó ganancias significativas en la participación de los usuarios:

  • Un porcentaje de conversiones tres veces superior al de la AWP
  • En promedio, tres veces más usuarios conectados que la AWP.
  • Una calificación de 4.1 en Google Play Store

Además de los beneficios para los usuarios, optar por un TWA significaba que el equipo solo tenía una base de código, que podía actualizar fácilmente sin tener que esperar a que los usuarios descargaran la versión más reciente de la app.

Compila tu propia TWA

La plataforma de reservas en línea de OYO es solo un caso de uso de las TWA. Pueden ser una excelente opción para muchos proyectos que actualmente se crean como apps o páginas web específicas de la plataforma, desde carritos de compras y flujos de confirmación de la compra hasta preguntas frecuentes y formularios de contacto.

Consulta estos vínculos para comenzar a usar TWA: