Modelo de login

O modelo de login oferece várias maneiras para os usuários fazerem login no app enquanto estão estacionados.

Os modelos de pesquisa incluem o seguinte:

  1. Barra de pesquisa cabeçalho com faixa de ação opcional
  2. Listar linhas para resultados da pesquisa (dentro dos limites)
  3. Teclado (quando estacionado), que os apps podem mostrar ou ocultar quando o modelo é exibido pela primeira vez.

Os apps podem personalizar a cor de fundo dos marcadores com qualquer cor. A cor usada para o marcador do mapa é aplicada ao marcador da lista.

Métodos de login

O modelo de login é compatível com os seguintes métodos:

  • Login do provedor
  • Nome de usuário e senha
  • Código PIN
  • QR code
Exemplo de login do provedor
Método de login do provedor: com esse método, os usuários podem fazer login usando um provedor, sem precisar inserir nada. Neste exemplo (para o Android Auto), o Google é o provedor da opção principal de login, com o código PIN e o login por e-mail oferecidos como opções secundárias.
Exemplo de nome de usuário e senha
Método de nome de usuário/senha: com esse método, os usuários inserem informações de autenticação em um único campo de formulário obrigatório. Esse campo pode ser usado para inserir um nome de usuário ou uma senha. Neste exemplo (para o Android Auto), os outros métodos são oferecidos como opções secundárias.
Exemplo de login com QR code
Método de código QR: esse método mostra um código PIN obrigatório (até 12 caracteres) fornecido pelo app e instruções de onde o usuário deve inserir o código. O código pode ser atualizado conforme necessário se ele expirar. (Exemplo do Android Auto)
Exemplo de PIN de login
Método de PIN: esse método mostra um código PIN obrigatório (até 12 caracteres) fornecido pelo app e instruções sobre onde o usuário deve inserir o código. O código pode ser atualizado conforme necessário se ele expirar. (Exemplo do Android Auto)

Exemplos de modelos de login

Exemplo de login estacionado
Quando o carro está estacionado, o usuário pode acessar o teclado para digitar um nome de usuário ou uma senha. (Exemplo do Android Auto)
Exemplo de login enquanto dirige
Para evitar distrações, o conteúdo de login não é mostrado enquanto o usuário está dirigindo. Nessas situações, é útil fornecer um botão com uma opção alternativa, como pular o login e usar o app no modo visitante. (Exemplo do Android Auto)

Requisitos de UX do modelo de login

MUST Inclua um método de login ao usar este modelo.
DEVE Use campos de entrada apenas para o login do usuário, não para coletar outros tipos de entrada do usuário.
DEVE Priorize o fluxo mais curto (com o menor número de cliques).
DEVE Priorize o método mais conhecido.
MAI Use ações para permitir que os usuários troquem de método de login.

Recursos

Tipo Link
Referência da API SignInTemplate, SignInTemplate.Builder
Guia do desenvolvedor Adicionar um fluxo de login