Cómo una startup de hotelería creó una app para Android que se basa en contenido web para aumentar drásticamente la participación de los usuarios y mantener un tamaño de archivo reducido
OYO Rooms, fundada en 2013, se convirtió en una de las empresas hoteleras más grandes de la India, con hoteles en cientos de ciudades de más de 80 países. Ese éxito provino en parte de hacer que su experiencia de reserva en línea sea lo más rápida y fácil posible.
Hasta hace poco, el equipo de OYO ofrecía una app web progresiva (AWP) y una app para Android a fin de lograr ese objetivo. La app para Android generó una participación significativamente mayor: los usuarios generaron conversiones tres veces más que los que usaban la AWP. Sin embargo, los usuarios también tendían a desinstalar la app para Android con el tiempo debido a sus preocupaciones por el espacio de almacenamiento.
A fin de reducir la presencia de la app para Android en los dispositivos de los usuarios y, al mismo tiempo, conservar los beneficios de la experiencia de Android, el equipo decidió recurrir a las 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 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 las APIs y funciones de Chrome. 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 función de él, lo cual no es exactamente trivial.
Para abordar esas limitaciones, las Actividades web de confianza (TWA) muestran contenido web directamente en Chrome. Desglosar el nombre de TWA ayuda a explicar sus funciones: - Una actividad es una pantalla o vista en la interfaz de usuario de una app para Android. - Los TWA usan Chrome para mostrar contenido web de 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 haya creado la app para Android y el contenido web que muestra.
¿Por qué crear un TWA en lugar de una aplicación específica de la plataforma?
Cada vez más apps para Android publican contenido desde los sitios web de los desarrolladores. Los TWA reconocen esa realidad y ofrecen lo mejor de los mundos específicos de la plataforma y de las apps web:
- Tienen todas las funciones esperadas de las apps para Android, como un ícono de selector, notificaciones push y una pantalla de 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 APIs y las funciones más recientes.
- Usan mucho menos almacenamiento que una app específica de la plataforma, lo que es motivo de preocupación para muchos usuarios, en especial aquellos con dispositivos de gama baja.
Si se ejecuta en Chrome, también tendrás varias ventajas prácticas. Por ejemplo, los TWA comparten el almacenamiento de Chrome, incluidas las cookies, las contraseñas y todo lo que se almacena con la API de Web Storage. Uno de los beneficios de esta configuración es que los usuarios permanecen conectados en el navegador y en la app de TWA.
Cómo compilar OYO Lite
El equipo de OYO quería brindar a sus usuarios una experiencia de app completa sin tener que comprometer el almacenamiento del dispositivo, por lo que decidieron 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 launcher de Android, por lo que el contenido web que se entrega en un TWA debe proporcionar esa experiencia, que incluye lo siguiente:
- Tiempos rápidos de carga y respuesta
- Confiabilidad cuando el usuario tiene conectividad limitada o nula
- Un aspecto unificado (por ejemplo, proporciona 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 los desarrollaron para Android. Esto es lo que hizo el equipo de OYO:
- Se creó un archivo de manifiesto de Android que contiene un
DEFAULT_URL
y filtros de intents para permitir que la app muestre contenido de oyorooms.com. - Se quitó la barra de URL del navegador con la verificación de Vínculos de recursos digitales.
- Se creó un ícono de selector
- Se creó una pantalla de presentación personalizada.
Y este es el resultado:
Para obtener una explicación más detallada sobre la creación de una TWA básica, consulta la charla de TWA de Google I/O 2019 de Peter McLachlan y Andre Bandarra.
Para obtener más información sobre cómo el equipo de OYO creó OYO Lite, lo que incluye un análisis detallado de su enfoque para crear una pantalla de presentación que sea accesible para todos los usuarios de Android, consulta la publicación de Ankit Jain en Medium.
Cómo un TWA ayudó a OYO a satisfacer las necesidades de sus usuarios
Al almacenar la mayoría de los recursos de app en la caché de Chrome, el equipo de OYO pudo reducir el tamaño de descarga inicial de OYO Lite a un compacto de 850 KB. Eso es solo un 7% del tamaño de su app para Android.
Esa pequeña huella combinada con las comodidades de una app para Android que se puede descargar desde Google Play Store generó un aumento significativo en la participación de los usuarios:
- Un porcentaje de conversiones tres veces más alto que la tasa de la AWP
- Tres veces más usuarios que accedieron a sus cuentas que la AWP, en promedio
- Una calificación 4.1 en Google Play Store
Además de los beneficios para el usuario, usar un TWA significaba que el equipo solo tenía una base de código que podían actualizar con facilidad sin tener que esperar a que los usuarios descargaran la versión más reciente de la app.
Crea tu propia TWA
La plataforma de reserva en línea de OYO es solo un caso de uso para los TWA. Pueden ser una excelente opción para muchos proyectos que actualmente se crean como apps o páginas web específicas para plataformas, 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 los TWA: