Modèle de navigation

Le modèle Navigation présente une carte de base et des informations de routage facultatives.

Lorsqu'un utilisateur conduit sans instructions détaillées textuelles, les applications peuvent afficher une carte en plein écran qui se met à jour en temps réel. Pendant la navigation active, les applications peuvent afficher des cartes facultatives avec des manœuvres et des détails sur la surface, ainsi que des alertes de navigation.

Le modèle de navigation inclut les éléments suivants :

  • Carte de base en plein écran dessinée par l'application
  • Fiche d'itinéraire (facultative) avec les prochaines manœuvres
  • Carte d'estimation du temps de trajet (facultative) avec l'heure d'arrivée prévue, le temps restant avant l'arrivée et la distance restante (ou un autre affichage d'informations avec des options de texte et d'icône personnalisées)
  • Bande d'actions avec jusqu'à quatre actions d'application, visibles uniquement comme décrit dans Visibilité des bandes d'actions
  • Bande d'actions de carte facultative avec jusqu'à quatre boutons pour l'interactivité de la carte
Maquettes du modèle de navigation

Affichage de la carte dans le cluster

Pendant la navigation active, les applications peuvent afficher une carte dans le groupe d'instruments à l'aide du modèle Navigation. Le cluster est la zone du tableau de bord située derrière le volant.

Les cartes du cluster doivent être :

  • Rendu de manière indépendante, mais peut copier l'écran principal si nécessaire.
  • Non interactif : Les éléments interactifs tels que les boutons sont supprimés.
  • Thème sombre : Il est fortement recommandé de dessiner une version à thème sombre de la carte du cluster, afin de réduire le risque de détourner l'attention du conducteur de la route.

La carte de l'application dans le cluster ne s'affiche qu'à certains moments, en fonction de facteurs tels que l'état de la navigation, les préférences de l'équipementier automobile (dans AAOS) et ce qui est affiché sur l'écran principal (dans AAP).

Pour obtenir un exemple de parcours utilisateur impliquant le cluster, consultez Afficher une carte dans le cluster.

Exemples d'écrans de cluster et de centre

Wireframe d'un cluster de carte avec une carte de présentation de l'itinéraire
Ici, l'application affiche une carte en gros plan dans le cluster, tout en affichant une carte d'aperçu de l'itinéraire sur l'écran central.
Maquette d'un cluster de cartes avec des paramètres
Ici, la carte de l'application continue de s'afficher dans le cluster pendant que l'utilisateur ajuste les paramètres de la voiture sur l'écran central.

Détails de la carte de routage

Maquettes des détails de la carte de routage dans l'état de routage

Lorsque la fiche de routage est en état de routage (par opposition à l'état de message), elle affiche les informations suivantes :

  1. Étape actuelle : inclut une icône (généralement une flèche de direction), la distance et le texte de l'instruction (qui peut inclure des étendues d'image telles que des panneaux de signalisation)
  2. Guidage sur voie (facultatif) : affiché sous forme d'images simples d'aide au changement de voie ou d'une image d'intersection plus grande (taille flexible avec une hauteur maximale de 200 dp)
  3. Étape suivante (facultatif) : inclut une icône et un repère, et ne peut s'afficher qu'en bas d'une fiche d'itinéraire qui n'inclut pas d'image d'échangeur

Une autre option de l'état de routage consiste à afficher une animation de roue de chargement (non illustrée ici) dans la carte de routage pour indiquer les états transitoires tels que le chargement, le calcul ou le recalcul de l'itinéraire.

Dans certains cas, les informations de routage peuvent être affichées dans une barre de navigation flottante, comme indiqué dans Ajouter un arrêt pendant la conduite.

État du message de la carte de routage

Lorsque la fiche d'itinéraire est à l'état message, elle affiche un message au lieu des instructions de navigation. Le message peut être utilisé pour communiquer des informations telles que l'arrivée à destination ou les échecs d'itinéraire.

Dans l'état du message, la fiche de routage peut inclure les éléments suivants :

  • Message non vide lié au routage, d'une longueur maximale de deux lignes
  • Une image ou une icône (facultatif)
Maquette de l'état du message de la fiche de routage

Notifications de navigation : détaillée et standard

Fiche d'itinéraire avec notification de navigation détaillée
Fiche de routage avec notification standard

Notifications de navigation détaillée : lorsqu'une application fournit des instructions de navigation détaillées au format texte, elle doit également déclencher des notifications de navigation détaillée. Ces notifications permettent d'afficher des instructions de navigation détaillée en dehors du modèle de navigation. Les applications peuvent personnaliser la couleur d'arrière-plan des notifications TBT pour une meilleure visibilité.

Notifications régulières : pour communiquer d'autres messages liés à la navigation, comme des modifications des paramètres de l'itinéraire, les applications de navigation peuvent également envoyer des notifications régulières (non détaillées) (comme indiqué ici) ou utiliser des alertes de navigation. Elles peuvent s'afficher même lorsque la carte d'itinéraire est affichée.

Alertes de navigation

Les alertes de navigation fournissent un message bref et temporaire, ainsi que des actions facultatives, dans un format qui ne bloque pas l'itinéraire. Le contenu doit être simple et pertinent pour la tâche de navigation. Par exemple, l'alerte peut décrire un changement des conditions de circulation ou demander si le chauffeur peut prendre en charge un client.

Chaque alerte inclut les éléments suivants :

  • Titre et sous-titre facultatif
  • Icône (facultatif)
  • Indicateur de progression : barre ou (facultativement) intégré à un bouton temporisé
  • Jusqu'à deux boutons, dont un peut être désigné comme principal ou comme bouton temporisé (avec un indicateur de progression, comme illustré dans la figure précédente)

Les alertes peuvent être ignorées de l'une des manières suivantes :

  • Sélection d'une action par l'utilisateur
  • Délai avant expiration de X secondes (configurable)
  • Fermeture de l'application sans action de l'utilisateur
Alerte de navigation indiquant un radar mobile à venir

Exemples de modèles de navigation

Modèle de navigation, sans interaction
Carte en plein écran lorsque la navigation et l'interactivité de la carte ne sont pas en cours (exemple d'Android Auto)
Modèle de navigation, sans interaction
Fiche d'itinéraire avec estimation du temps de trajet, bande d'actions (en haut) et bouton d'action flottant (en bas à droite) pendant la navigation active.

Exigences UX pour le modèle de navigation

Développeurs d'applications :

OBLIGATOIRE Affichez au moins une manœuvre sur une fiche d'itinéraire.
OBLIGATOIRE Incluez au moins un bouton d'action dans la barre d'action pour activer les parcours utilisateur.
OBLIGATOIRE Incluez un bouton de déplacement dans la bande d'actions de la carte si l'application prend en charge les gestes de déplacement.
SHOULD Utilisez un thème sombre sur les cartes affichées dans le cluster.
SHOULD N'incluez que les boutons liés à l'interactivité de la carte dans la bande d'actions de la carte (par exemple, la boussole, le recentrage ou le mode 3D).
SHOULD Incluez un bouton pour mettre fin à la navigation lorsque vous fournissez des instructions détaillées.
SHOULD Utilisez des symboles standardisés ou cohérents avec les symboles internationaux ou spécifiques à un pays.
SHOULD Utilisez l'image de carrefour uniquement pour afficher du contenu lié à la navigation, sur toute la largeur de la carte avec l'image.
SHOULD Fournissez des images de voies avec des arrière-plans transparents pour qu'elles se fondent dans l'arrière-plan de la fiche d'itinéraire.
SHOULD Utilisez les alertes uniquement pour les informations non distrayantes et pertinentes pour la tâche de navigation en cours.
MAI Affichez un court texte d'accompagnement sous une voie (Roboto 24 recommandé) et un rapport de contraste plus faible pour les voies non mises en évidence.
MAI Afficher deux manœuvres sur une fiche d'itinéraire lorsqu'elles se produisent rapidement l'une après l'autre.
MAI Incluez des images telles que des panneaux de signalisation dans le texte des cartes de navigation (étape actuelle et suivante).
MAI Afficher une carte complète lorsque l'utilisateur conduit sans instructions textuelles détaillées ou en mode conduite libre.
MAI Choisissez d'afficher ou de masquer les composants de la fiche d'itinéraire et de l'estimation du trajet selon vos besoins.
MAI Affichez sur la carte des détails et des alertes liés à la conduite, comme la vitesse actuelle, la limitation de vitesse et la présence d'un radar.
MAI Personnalisez la couleur d'arrière-plan de la carte d'itinéraire et modifiez-la pendant la session de navigation pour refléter le type de route ou d'autres conditions pertinentes.

Ressources

Saisie Lien
Documentation de référence de l'API NavigationTemplate, NavigationTemplate.Builder
Guide de développement Accéder aux modèles de navigation