Crie a experiência de configuração remota

Estas etapas ajudam você a entender quais telas você deve criar e personalizar para dar suporte à configuração remota e à transferência de contas do telefone para o carro.

Ao integrar a configuração remota integrada do Google aos seus fluxos, siga estas etapas:

  1. Crie pontos de entrada em seu aplicativo.
  2. Crie a página de destino para uso dentro do carro.
  3. Suporte para leitura de código QR
  4. Projetar telas de carregamento
  5. Complete o fluxo e redirecione a atenção do usuário.
  6. Atualizar pontos de entrada
  7. Identificar aplicativos incompatíveis

Além das melhores práticas ilustradas aqui, consulte a lista completa de requisitos gerais de UX .

Funções e responsabilidades

Você e o Google desempenham um papel importante no planejamento dos fluxos de configuração remota. Veja a seguir como as tarefas são divididas.

Seu papel O papel do Google
Para garantir uma integração perfeita, você é responsável por:
  • Criar pontos de entrada adequados para o fluxo de configuração no aplicativo complementar: esses pontos podem fazer parte de um fluxo de configuração remota mais amplo, incluindo um aviso no primeiro uso, uma etapa no fluxo de integração do aplicativo ou uma opção nas configurações do aplicativo. Para saber mais sobre como criar pontos de entrada, consulte Criar pontos de entrada no seu aplicativo .
  • Você pode criar e personalizar as telas de configuração do veículo fornecidas pelo Google ou usar suas próprias telas. Para obter mais informações sobre como criar essas telas, consulte Criar a página inicial do veículo .
  • Orquestrando o fluxo de transferência com telas de introdução e conclusão, quando necessário: Crie telas de transição que conectem a associação do aplicativo às etapas de transferência de conta. Consulte a seção Leitura de código QR para obter mais informações.
  • Decidindo o que fazer após a conclusão da configuração: Por exemplo, você pode remover o ponto de entrada de configuração tanto do seu aplicativo quanto da tela do carro. Consulte Atualizar pontos de entrada para obter mais informações.
 Para dar suporte à configuração remota para os usuários, o Google é responsável por:
  • Fluxos de configuração remota: o Google oferece o fluxo e a funcionalidade completos de configuração remota de visualizações da Web, incluindo login e consentimento para os serviços do Google.
  • Fluxos de transferência de contas: O Google oferece a funcionalidade de fluxos de transferência de contas do Google.
  • Componentes de interface do usuário: O Google fornece uma biblioteca de componentes de interface do usuário que você pode adotar ou personalizar.

Crie pontos de entrada em seu aplicativo.

Você pode optar por criar pontos de entrada para a configuração remota integrada do Google em diversas plataformas. Ao decidir como projetar esses pontos de entrada, considere os seguintes princípios de design:

  • Seja proativo: comunique-se proativamente com os usuários sobre a configuração remota no aplicativo, utilizando materiais de marketing, comunicações com a concessionária e configuração no veículo.
  • Aumente a visibilidade: Para ajudar os usuários a aprenderem sobre a configuração remota integrada do Google, considere integrar um ou mais pontos de entrada naturais. Algumas boas opções podem ser:
    • Parte do fluxo de integração do seu aplicativo
    • Uma mensagem será exibida no primeiro uso.
    • Uma opção na página inicial do aplicativo ou nas configurações.

Crie a página de destino para uso dentro do carro.

Para os usuários, aproximar-se do carro pela primeira vez pode gerar alguma incerteza, mesmo que já tenham concluído a configuração remota.

Garanta uma transição tranquila desenvolvendo uma página de destino eficaz que comunique claramente o que os usuários precisam fazer para concluir a transferência de conta.

Na página inicial, você pode escolher se os usuários concluirão a configuração pelo celular ou pela tela do carro. Lembre-se de que a página inicial é compatível tanto com usuários que já fizeram a configuração remota quanto com aqueles que não fizeram, portanto, projete-a de forma a atender ambos os casos.

Example of in-car landing page

Exemplo de uso de botão direcionando usuários para a configuração do veículo.

Suporte para leitura de código QR

Como os usuários podem não ter certeza de como fazer a transição da tela do carro para a tela do celular, é importante criar fluxos de leitura de QR Code claros e simples para facilitar o processo.

Implemente fluxos de leitura de QR Code com base em padrões já conhecidos, incluindo acesso à câmera e leitura do código QR.

Conceder permissão para usar a câmera e solicitar a leitura do código QR.

Projetar telas de carregamento

Crie uma tela de transição que mostre o telefone se conectando ao carro enquanto se prepara para o login do Google.

Esta tela de carregamento deve incluir animações dinâmicas e mensagens que estejam intimamente alinhadas com a sua marca.

Complete o fluxo e redirecione a atenção do usuário.

Após escanear o código QR, os usuários passam pelo processo de login do Google. Apresente aos usuários uma confirmação de login e redirecione a atenção deles de volta para a tela do carro.

Essa tela de transição deve incluir animações dinâmicas e mensagens que estejam intimamente alinhadas com a sua marca.

Sincronizando configurações com o carro

Atualizar pontos de entrada

Para os usuários que já concluíram a configuração, você deve atualizar os pontos de entrada do aplicativo, seja removendo-os completamente ou comunicando, por meio de mensagens ou recursos da interface do usuário, que a configuração foi concluída.

Identificar aplicativos incompatíveis

Em algumas ocasiões, os usuários escolheram aplicativos que não estão mais disponíveis no carro. É importante ajudá-los a entender que esses aplicativos não funcionarão. Por sua vez, nós os incentivamos a descobrir e baixar aplicativos alternativos que possam lhes interessar.

Exemplo mostrando aplicativos incompatíveis