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 oferece suporte a quatro métodos de login: login do provedor, nome de usuário e senha, código PIN e QR code.

Exemplo de login do provedor
Método de login do provedor: esse método permite que os usuários façam login usando um provedor, sem necessidade de entrada. Nesse exemplo (para o Android Auto), o Google é o provedor da opção de login principal, com código PIN e 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: este método permite que os usuários insiram informações de autenticação em um único campo de formulário obrigatório. Use esse campo 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 QR code: 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 PIN: esse método mostra um código PIN obrigatório (de até 12 caracteres) fornecido pelo app e instruções sobre onde o usuário deve inseri-lo. O código poderá ser atualizado conforme necessário se 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 para dirigir
Quando o usuário está dirigindo, o conteúdo de login não é mostrado, para evitar distração do motorista. Para essas 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:

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