Como uma startup de hospitalidade criou um app Android que depende de conteúdo da Web para aumentar drasticamente o engajamento do usuário e manter o tamanho do arquivo baixo
Fundada em 2013, a OYO Rooms se tornou uma das maiores empresas de hospitalidade da Índia, com hotéis em centenas de cidades em mais de 80 países. Esse sucesso veio em parte por tornar a experiência de reserva on-line o mais rápida e fácil possível.
Até recentemente, a equipe da OYO oferecia um Progressive Web App (PWA) e um app Android para atingir essa meta. O app Android teve um engajamento significativamente maior: os usuários converteram três vezes mais do que os usuários do PWA. Mas os usuários também tendiam a desinstalar o app Android ao longo do tempo por questões de espaço de armazenamento.
Para reduzir a pegada do app Android nos dispositivos dos usuários e manter os benefícios da experiência Android, a equipe decidiu recorrer às Atividades confiáveis na Web (TWAs, na sigla em inglês).
O que é um TWA?
Antes do Chrome 72, os desenvolvedores Android que queriam exibir conteúdo da Web em apps específicos da plataforma tinham que usar o WebView, que tinha algumas limitações importantes: ele não é tão rápido quanto o Chrome e não inclui todas as APIs e recursos do navegador. Portanto, se você quisesse um comportamento que o mecanismo de renderização da WebView não oferecia, precisaria criar um navegador próprio, o que não é exatamente trivial.
As Atividades confiáveis na Web (TWAs, na sigla em inglês) lidam com essas limitações mostrando conteúdo da Web diretamente no Chrome. Explicar o nome da TWA em detalhes ajuda a explicar os recursos dela: - Uma atividade é uma tela ou visualização na interface do usuário de um app Android. - Os TWAs usam o Chrome para exibir conteúdo da Web referente às atividades do app. - O conteúdo de um TWA é confiável porque usa Digital Asset Links para verificar se a mesma pessoa criou o app Android e o conteúdo da Web exibido.
Por que criar um TWA em vez de um app específico da plataforma?
Cada vez mais apps Android oferecem conteúdo dos sites dos próprios desenvolvedores. As TWAs reconhecem essa realidade oferecendo o melhor dos mundos específicos da plataforma e de apps da Web:
- Eles têm toda a funcionalidade esperada de apps Android, incluindo um ícone na tela de início, notificações push e exibição em tela cheia.
- Eles oferecem o desempenho e os recursos do Chrome.
- Eles usam a versão do Chrome instalada no dispositivo, para que tenham sempre as APIs e os recursos mais recentes.
- Eles usam significativamente menos armazenamento do que um app específico da plataforma, o que é uma preocupação para muitos usuários, especialmente aqueles com dispositivos mais simples.
A execução no Chrome também tem várias vantagens úteis. Por exemplo, os TWAs compartilham o armazenamento do Chrome, incluindo cookies, senhas e qualquer item armazenado usando a API Web Storage. Um benefício dessa configuração é que os usuários permanecem conectados no navegador e no app TWA.
Construção da OYO Lite
A equipe da OYO queria oferecer aos usuários uma experiência de app completa sem precisar comprometer o armazenamento do dispositivo. Por isso, decidiu criar o OYO Lite, um TWA criado com base no PWA já existente.
Começar com um PWA é essencial. Os usuários esperam uma experiência completa em um app executado na tela de início do Android. Portanto, o conteúdo da Web disponibilizado em um TWA precisa oferecer essa experiência, incluindo:
- Carregamento e tempos de resposta rápidos
- Confiabilidade quando o usuário tem conectividade limitada ou nenhuma conectividade
- Aparência unificada (com uma tela de apresentação e uma cor para o app, por exemplo)
Se você já tem um PWA, as etapas para criar um TWA básico são projetadas para serem de baixo esforço, mesmo que você nunca tenha desenvolvido para Android antes. Veja o que a equipe da OYO fez:
- Criação de um
arquivo de manifesto do Android
contendo um
DEFAULT_URLe filtros de intent para permitir que o app mostre conteúdo de oyorooms.com. - A barra de URL do navegador foi removida usando a verificação do Digital Asset Link.
- Um ícone na tela de início foi criado.
- Uma tela de apresentação personalizada foi criada.
E aqui está o resultado:
Para ver um tutorial mais detalhado sobre a criação de um TWA básico, confira a palestra sobre TWA no Google I/O 2019 de Peter McLachlan e Andre Bandarra.
Para saber mais sobre como a equipe da OYO criou o OYO Lite, incluindo uma análise detalhada da abordagem de criação de uma tela de apresentação acessível a todos os usuários do Android, leia a postagem no Medium (em inglês) de Ankit Jain.
Como um TWA ajudou a OYO a atender às necessidades dos usuários
Ao armazenar a maioria dos recursos de app no cache do Chrome, a equipe da OYO conseguiu reduzir o tamanho inicial do download da OYO Lite para apenas 850 KB. Isso é apenas 7% do tamanho do app Android deles.
Esse pequeno espaço, combinado com as comodidades de um app Android disponível para download na Google Play Store, levou a ganhos significativos no engajamento do usuário:
- Uma taxa de conversão três vezes maior do que a do PWA
- Três vezes mais usuários conectados do que o PWA, em média
- Nota 4.1 na Google Play Store
Além dos benefícios para o usuário, usar um TWA significava que a equipe tinha apenas uma base de código, que poderia ser atualizada facilmente sem ter que esperar que os usuários fizessem o download da versão mais recente do app.
Crie seu próprio TWA
a plataforma de reservas on-line da OYO é apenas um caso de uso para TWAs. Eles podem ser uma ótima opção para muitos projetos criados atualmente como páginas da Web ou apps específicos da plataforma, desde carrinhos de compras e fluxos de finalização de compra até perguntas frequentes e formulários de contato.
Confira estes links para começar a usar os TWAs: