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.
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.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.
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)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
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)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).
[null,null,["Última atualização 2024-07-23 UTC."],[[["The Sign-in template provides options for users to sign in to the app while the car is parked, enhancing user experience and safety."],["Developers can choose from four sign-in methods: Provider sign-in, Username/password, PIN code, and QR code, offering flexibility in user authentication."],["The template includes customizable elements such as header, action strip, primary text, and buttons for branding and functionality."],["Sign-in content is hidden while driving to minimize distractions, with alternative options like guest mode for continued app usage."],["Developers must include at least one sign-in method and are encouraged to prioritize the shortest, most popular flow for optimal usability."]]],[]]