Práticas recomendadas de UX para apps no Google Play Instant

Com o Google Play Instant, os usuários têm uma nova maneira de consumir apps. Esses apps, chamados de apps instantâneos, são apps Android nativos, mas são executados sem instalação no dispositivo. Cada app instantâneo tem uma versão correspondente que os usuários podem instalar.

Devido à maneira única de os usuários interagirem com eles, os apps instantâneos precisam seguir algumas práticas específicas de experiência do usuário. Este guia apresenta diretrizes sobre como criar uma experiência do usuário positiva em um app instantâneo.

É altamente recomendável usar os princípios do Material Design ao projetar seu app instantâneo. Para saber mais sobre como aplicar o Material Design a um app, consulte Material Design para Android.

Também oferecemos outras diretrizes específicas para apps de jogos. Para mais informações, consulte as Práticas recomendadas de UX para jogos no Google Play Instant.

 

Ofereça uma tela de destino significativa para o app

Figura 1. O botão "Testar agora", exibido para um app instantâneo

Para que seu app ou jogo tenha um botão Testar agora na Play Store ou apareça na tela de início do Android, ele precisa de uma atividade principal padrão.

Os usuários que acessam o app pelo botão Testar agora ou pela tela de início não têm o contexto de um link direto nem do conteúdo específico que estão tentando acessar. Por isso, é importante oferecer um lugar para eles navegarem e descobrirem a funcionalidade do app.

Também vale a pena conferir se o nome do app está em destaque na tela. Como às vezes os usuários clicam em um link para seu app sem muito contexto, eles podem não saber o nome do app.

 

Identifique destinos substitutos para seus links

Figura 2. Um banner de site que direciona os usuários para um app instantâneo

Os links para apps e jogos no Google Play Instant são abertos imediatamente quando possível. Caso contrário, esses links voltam para a opção de abertura em um navegador.

Ao Vincular ao Google Play, é possível mudar o cenário de substituição para acessar a Play Store. Essa estratégia pode ser útil se você quiser direcionar os usuários a fazer o download do app se não conseguirem abrir o app imediatamente e não quiser que eles usem o app na Web.

Como estratégia alternativa, você pode usar banners no seu site para abrir o app diretamente, em vez de direcionar os usuários à Play Store primeiro. Essa estratégia é mostrada na Figura 2.

Permita que os usuários concluam tarefas

Ao anunciar um recurso para os usuários no seu app instantâneo, verifique se eles podem usar o recurso sem precisar instalar o app.

Evite pedir para os usuários instalarem o app para que eles possam realizar o que querem. A principal ação de clique de uma página no app nunca deve acionar uma solicitação de instalação.

Figura 3. Permite que os usuários concluam uma tarefa específica sem solicitar a instalação do app.

 

Peça que os usuários façam login no momento certo

Forneça o máximo de funcionalidades possível sem exigir que os usuários façam login ou se registrem em um serviço associado ao app.

Aguarde até que os usuários tentem usar um recurso que exija autenticação antes de solicitar que eles façam login. Para os usuários, as solicitações de login vão ser menos invasivas se eles virem imediatamente a vantagem desse processo.

Por exemplo, considere um app de compartilhamento de fotos que exige que os usuários façam login quando iniciado. Para melhorar a experiência do usuário, o app agora oferece recursos que os usuários podem usar sem fazer login, como navegar nas fotos compartilhadas publicamente e editar as fotos nos dispositivos deles. Quando o usuário quer compartilhar fotos com amigos, o app solicita que ele faça login.

Figura 4. Evite solicitações de login desnecessárias.

 

Preserve o estado do usuário depois da instalação do app

Quando os usuários instalarem o app, transfira o estado armazenado para o app usando cookies ou armazenamento local. Os usuários precisam conseguir continuar de onde pararam no app, conforme mostrado na Figura 5.

Figura 5. Restaure o estado do usuário após a instalação
 

Não crie mais telas de apresentação

A experiência de inicialização do app instantâneo incorpora a marca, o título e o ícone na tela de início do app. Não crie outras telas de apresentação, porque elas parecem redundantes para os usuários.

Figura 6. O framework do Google Play Instant oferece uma experiência de inicialização para seu app.

 

Comparação entre seta para cima e botão "Voltar" do sistema

O botão Para cima navega para cima na pilha de navegação do app até que o usuário chegue à tela inicial. O botão Voltar navega em ordem cronológica inversa pelo histórico de telas visualizadas recentemente.

Embora o botão Para cima garanta que o usuário permaneça no app, o botão Voltar pode levá-lo de volta às telas recentes fora do app. Em outras palavras, pressionar o botão Acima nunca deve sair do app.

Para ver mais informações sobre como projetar a navegação com os botões Voltar e Para cima, consulte Como projetar uma navegação de retorno e para cima.

Figura 7. A navegação é fundamental.

 

Não ramifique a IU

A IU do seu app instantâneo precisa ser idêntica à IU de uma versão instalada. Não mude o design e a IU no app instantâneo.

Figura 8. Manter uma IU consistente entre as versões instalada e instantânea do seu app
 

Use o "Smart Lock para senhas" no Android para identificação

O Smart Lock para senhas no Android é um gerenciador de senhas no Chrome e no Android. O Smart Lock também faz o login dos usuários automaticamente nas visitas subsequentes. Para facilitar a autenticação dos usuários, ofereça compatibilidade com o Google Smart Lock no app instantâneo.

Figura 9. Use o Smart Lock para autenticação.

 

Ofereça solicitações de instalação explícitas

Use botões de instalação estrategicamente, tornando-os parte da interface do usuário do seu app. Use o ícone "Instalar app" do Material Design e o rótulo INSTALAR para o botão de instalação.

Não use outros rótulos, como "Instalar o app", "Instalar o app completo" ou "Fazer upgrade". Nunca use um banner ou outra técnica semelhante a anúncios para apresentar um aviso de instalação aos usuários.

Figura 10. Use botões de instalação estrategicamente

 

Exiba no máximo duas ou três solicitações implícitas de instalação

As solicitações de instalação implícitas são links no app instantâneo que não fazem nada além de iniciar um pedido de instalação. Essas solicitações de instalação implícitas podem ocorrer quando você tem funcionalidades na versão instalada do app que não estão na versão instantânea.

Não tenha mais de duas ou três solicitações de instalação implícitas no app.

Ao usar uma solicitação de instalação implícita, forneça contexto e informações sobre o recurso que a acionou. Dê aos usuários um motivo para instalar o app.

Figura 11. Limite o número de solicitações de instalação implícitas.

 

Remova seções não funcionais do app

Ao converter seu app em um app instantâneo, é possível que partes da interface do app instantâneo sejam vinculadas a outros módulos de recursos do app. Remova essas seções do app instantâneo.

Figura 12. Remova partes não funcionais do app.

 

Elimine os obstáculos para pagamentos

Se as compras no seu app instantâneo não forem compatíveis com o Google Play Faturamento e você não tiver as informações de pagamento do usuário registradas, use outra API de pagamento, como a API Google Pay. A API Google Pay permite que você ofereça pagamentos totalmente off-line, como dinheiro na entrega, e armazene vales-presente no seu app instantâneo.

Figura 13. Fluxo de trabalho de pagamentos por meio da API Google Pay

 

Os links para ofertas e conteúdo de terceiros podem ser abertos em uma guia ou navegador personalizada do Chrome. Eles podem ser renderizados usando um WebView quando os recursos solicitados forem fornecidos pelo protocolo HTTPS.

Suas próprias ofertas não podem ser vinculadas ao navegador, mas permanecer no app instantâneo, usando um WebView, se necessário. Todo o tráfego de rede dentro do app instantâneo precisa usar o protocolo HTTPS.

No app instantâneo, você precisa definir claramente qual funcionalidade seu app oferece e qual é fornecida por uma fonte externa.

Figura 14. Abra links externos que você não controla no navegador.

 

Ofereça uma maneira de compartilhar URLs do app instantâneo

Como os apps instantâneos não têm uma barra de endereço para que os usuários copiem o URL, forneça uma ação de "compartilhamento" no app que permita o compartilhamento do URL.

Figura 15. Ajude os usuários a compartilhar seu app instantâneo.

Outros recursos

Para saber mais sobre como criar experiências instantâneas de alta qualidade, consulte os recursos a seguir.

Codelabs