Modelo de login

O modelo de login apresenta opções para fazer login no app enquanto está estacionado.

Você pode escolher entre quatro métodos de login possíveis.

Inclui:

  • Cabeçalho com uma faixa de ações opcional
  • Até duas linhas de texto principal (opcional)
  • Método de login principal
  • Texto adicional, como exonerações de responsabilidade e links para os Termos de Serviço (opcional)
  • Até dois botões (opcional)
Wireframes do modelo de login

Métodos de login

O modelo de login é compatível com quatro métodos: login no provedor, nome de usuário/senha, código PIN e código QR.

Exemplo de login do provedor
Método de login do provedor: esse método permite que os usuários façam login com facilidade por meio de um provedor, sem precisar de entradas. Neste exemplo (para o Android Auto), o Google é o provedor da opção de login principal, com o login com código PIN oferecido como opção secundária.
Exemplo de nome de usuário e senha
Método de nome de usuário/senha: este método permite que os usuários insiram informações de autenticação em um único campo de formulário obrigatório. Atualmente, 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 do provedor
Método de código QR: mostra um código PIN obrigatório (com até 12 caracteres) fornecido pelo app e instruções sobre onde ele deve ser inserido. O código poderá ser atualizado conforme necessário se expirar. (Exemplo do Android Auto)
Exemplo de login do provedor
Método de login do provedor: esse método mostra um código QR obrigatório fornecido pelo app. O código poderá ser atualizado conforme necessário se expirar. (Exemplo do Android Auto)

Exemplos de modelos de login

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

Requisitos de UX do modelo de login

Desenvolvedores de apps:

DEVE 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 (usando o menor número de cliques).
DEVE Priorize o método mais conhecido.