Modèle de connexion

Le modèle de connexion offre aux utilisateurs plusieurs façons de se connecter à votre application lorsqu'ils sont garés.

Les modèles de recherche incluent les éléments suivants :

  1. Barre de recherche header avec bande d'actions facultative
  2. Liste des lignes pour les résultats de recherche (dans les limites)
  3. Clavier (lorsque le véhicule est à l'arrêt), qui permet aux applications de choisir d'afficher ou de masquer des éléments lorsque le modèle s'affiche pour la première fois.

Les applications peuvent personnaliser la couleur d'arrière-plan des repères avec n'importe quelle couleur. La couleur utilisée pour le repère de la carte est appliquée au repère de la liste.

Méthodes de connexion

Le modèle de connexion est compatible avec les méthodes de connexion suivantes :

  • Connexion du fournisseur
  • Nom d'utilisateur et mot de passe
  • Code d'accès
  • Code QR
Exemple de connexion d'un fournisseur
Méthode de connexion du fournisseur : cette méthode permet aux utilisateurs de se connecter à l'aide d'un fournisseur, sans aucune saisie requise. Dans cet exemple (pour Android Auto), Google est le fournisseur de l'option de connexion principale, avec le code secret et la connexion par e-mail proposés comme options secondaires.
Exemple de nom d'utilisateur et de mot de passe
Méthode nom d'utilisateur/mot de passe : cette méthode permet aux utilisateurs de saisir les informations d'authentification dans un seul champ de formulaire obligatoire. Ce champ peut être utilisé pour saisir un nom d'utilisateur ou un mot de passe. Dans cet exemple (pour Android Auto), les autres méthodes sont proposées comme options secondaires.
Exemple de connexion avec un code QR
Méthode du code QR : cette méthode affiche un code secret obligatoire (jusqu'à 12 caractères) fourni par l'application et des instructions indiquant où l'utilisateur doit le saisir. Le code peut être actualisé si nécessaire s'il expire. (Exemple Android Auto)
Exemple de code d'accès
Méthode du code : cette méthode affiche un code obligatoire (jusqu'à 12 caractères) fourni par l'application et des instructions indiquant où l'utilisateur doit le saisir. Le code peut être actualisé si nécessaire s'il expire. (exemple pour Android Auto)

Exemples de modèles de connexion

Exemple de connexion différée
Lorsque la voiture est à l'arrêt, l'utilisateur peut accéder au clavier pour saisir un nom d'utilisateur ou un mot de passe. (Exemple Android Auto)
Exemple de connexion en conduisant
Pour éviter de distraire le conducteur, le contenu de connexion n'est pas affiché pendant que l'utilisateur conduit. Dans ces situations, il est utile de fournir un bouton avec une option alternative, comme ignorer la connexion et utiliser l'application en mode invité. (exemple pour Android Auto)

Exigences concernant l'UX du modèle de connexion

OBLIGATOIRE Incluez une méthode de connexion lorsque vous utilisez ce modèle.
SHOULD N'utilisez les champs de saisie que pour la connexion des utilisateurs, et non pour collecter d'autres types d'entrées utilisateur.
SHOULD Privilégiez le parcours le plus court (avec le moins de clics).
SHOULD Privilégiez la méthode la plus populaire.
MAI Utilisez des actions pour permettre aux utilisateurs de changer de méthode de connexion.

Ressources

Saisie Lien
Documentation de référence de l'API SignInTemplate, SignInTemplate.Builder
Guide de développement Ajouter un flux de connexion