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 se deve, em parte, à experiência de reserva on-line 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 alcançar esse objetivo. O app Android teve um engajamento significativamente maior: os usuários converteram três vezes mais do que aqueles que usaram a PWA. No entanto, os usuários também tendiam a desinstalar o app Android ao longo do tempo por causa de preocupações com o espaço de armazenamento.
Para reduzir o impacto do app Android nos dispositivos dos usuários e manter os benefícios da experiência do Android, a equipe decidiu usar 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 precisavam usar o WebView, com algumas limitações significativas: 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 sem suporte do mecanismo de renderização da WebView, precisaria criar seu próprio navegador em torno dele, o que não é exatamente trivial.
As Atividades confiáveis na Web (TWAs, na sigla em inglês) resolvem essas limitações mostrando conteúdo da Web diretamente no Chrome. A divisão do nome do TWA ajuda a explicar os recursos: - Uma atividade é uma tela ou visualização na interface do usuário de um app Android. - As TWAs usam o Chrome para mostrar conteúdo da Web nas atividades do app. - O conteúdo de uma TWA é confiável porque usa Digital Asset Links para verificar se a mesma pessoa criou o app Android e o conteúdo da Web que está sendo exibido.
Por que criar um TWA em vez de um app específico para a plataforma?
Cada vez mais apps Android estão oferecendo conteúdo dos sites dos próprios desenvolvedores. As TWAs reconhecem essa realidade oferecendo o melhor dos mundos de apps da Web e específicos da plataforma:
- Eles têm todas as funcionalidades esperadas dos apps Android, incluindo um ícone na tela de início, notificações push e exibição em tela cheia.
- Elas oferecem o desempenho e os recursos do Chrome.
- Eles usam a versão do Chrome instalada no dispositivo, para sempre ter as APIs e os recursos mais recentes.
- Eles usam muito menos armazenamento do que um app específico da plataforma, o que é uma preocupação para muitos usuários, principalmente aqueles com dispositivos de baixo custo.
A execução no Chrome também tem várias vantagens práticas. Por exemplo, os TWAs compartilham o armazenamento do Chrome, incluindo cookies, senhas e qualquer coisa armazenada usando a API Web Storage. Uma das vantagens dessa configuração é que os usuários permanecem conectados no navegador e no app TWA.
Como criar o OYO Lite
A equipe da OYO queria oferecer aos usuários uma experiência de app completa sem comprometer o armazenamento do dispositivo. Por isso, eles decidiram criar o OYO Lite, um TWA criado com base no PWA existente.
Começar com um PWA é essencial. Os usuários esperam uma experiência completa em um app executado pelo iniciador do Android. Portanto, o conteúdo da Web veiculado em um TWA precisa oferecer essa experiência, incluindo:
- Tempos de carregamento e resposta rápidos
- Confiabilidade quando o usuário tem conectividade limitada ou nenhuma conectividade
- uma aparência unificada (fornecendo, por exemplo, uma tela de apresentação e uma cor do app).
Se você já tiver uma PWA, as etapas para criar uma TWA básica foram projetadas para serem simples, mesmo que você nunca tenha desenvolvido para Android. Confira o que a equipe da OYO fez:
- Crie um
arquivo de manifesto do Android
com uma
DEFAULT_URLe filtros de intent para permitir que o app exiba conteúdo de oyorooms.com. - A barra de URL do navegador foi removida usando a verificação do Digital Asset Link.
- Criou um ícone de inicialização.
- Criação de uma tela de apresentação personalizada.
E este é o resultado:
Para conferir um tutorial mais detalhado sobre como criar uma TWA básica, confira a palestra sobre TWA de Peter McLachlan e Andre Bandarra no Google I/O 2019.
Para saber mais sobre como a equipe da OYO criou a OYO Lite, incluindo uma análise detalhada da abordagem para criar uma tela de apresentação acessível a todos os usuários do Android, leia a postagem de Ankit Jain no Medium (link em inglês).
Como um TWA ajudou a OYO a atender às necessidades dos usuários
Ao armazenar a maioria dos recursos do app no cache do Chrome, a equipe da OYO conseguiu reduzir o tamanho inicial do download da OYO Lite para 850 KB. Isso é apenas 7% do tamanho do app Android.
Essa pequena presença, combinada com as comodidades de um app Android 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 taxa do PWA
- Três vezes mais usuários conectados do que a PWA, em média
- Classificação de 4.1 na Google Play Store
Além dos benefícios para o usuário, a escolha de um TWA significou que a equipe tinha apenas uma base de código, que podia ser atualizada facilmente sem precisar 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 atualmente criados como apps ou páginas da Web específicos da plataforma, de carrinhos de compras e fluxos de finalização de compra a perguntas frequentes e formulários de contato.
Confira estes links para começar a usar as TWAs: