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 o 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 do Android que queriam exibir conteúdo da Web nos apps específicos da plataforma precisavam usar a WebView, que tinha algumas limitações importantes: ela não é tão rápida quanto o Chrome e não inclui todas as APIs e recursos do Chrome. Portanto, se você quisesse um comportamento que o mecanismo de renderização da WebView não oferece, teria que criar seu próprio navegador, 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 de inicialização, 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 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 completa do app 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 uma 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
- Uma aparência unificada (por exemplo, com uma tela de apresentação e uma cor de 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:
- Criou um
arquivo de manifesto do Android
com uma
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.
- Criou um ícone na tela de início.
- Criação de uma tela de apresentação personalizada.
Confira 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 o OYO Lite, incluindo uma análise detalhada da abordagem para criar uma tela inicial acessível a todos os usuários do Android, confira a postagem de Ankit Jain no Medium.
Como uma 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 do OYO conseguiu reduzir o tamanho de download inicial do OYO Lite para apenas 850 KB. Isso é apenas 7% do tamanho do app Android.
Essa pequena pegada, combinada com as comodidades de um app Android que pode ser baixado da Google Play Store, levou a ganhos significativos no engajamento do usuário:
- Uma taxa de conversão três vezes maior do que a da PWA
- Três vezes mais usuários conectados do que a PWA, em média
- Uma 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.
Criar sua própria TWA
A plataforma de reservas on-line da OYO é apenas um caso de uso para TWAs. Elas 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: