The Sign-in template supports 4 sign-in methods: Provider sign-in,
Username/password, PIN code, and QR code.
Provider sign-in method: This method lets users
sign in easily via a provider, with no input required. In this example (for
Android Auto), Google is the provider for the primary sign-in option, with PIN
code sign-in offered as a secondary option.Username/password method: This method lets users
enter authentication information in a single, mandatory form field. Currently,
this field can be used to enter a username or password. In this example (for
Android Auto), the other methods are offered as secondary
options.
QR code method: This method displays a mandatory
PIN code (up to 12 characters in length) provided by the app and instructions
for where the user should enter it. The code can be refreshed as needed if it
times out. (Android Auto example)Provider sign-in method: This method displays a
mandatory QR code provided by the app. The code can be refreshed as needed if
it times out. (Android Auto example)
Sign-in example templates
When the car is parked, the user can access the keyboard to type a
username or password. (Android Auto example)When the user is driving, the sign-in content is not shown, to
prevent driver distraction. For these situations, it’s helpful to provide a
button with an alternative option, such as skipping sign-in and using the app
in guest mode. (Android Auto example)
Sign-in template UX requirements
App developers:
MUST
Include a sign-in method when using this template.
SHOULD
Use input fields only for user sign-in, not for collecting other types
of user input.
SHOULD
Prioritize the shortest flow (using the fewest clicks).
