Modelo de navegação

O modelo de navegação apresenta um mapa básico e informações de trajeto opcionais.

Quando um usuário está dirigindo sem rotas de navegação guiada baseadas em texto, os apps podem mostrar um mapa em tela cheia atualizado em tempo real. Durante a navegação ativa, os apps podem mostrar cartões opcionais com manobras e detalhes da superfície, bem como alertas de navegação.

Inclui:

• Mapa básico em tela cheia desenhado pelo app
• Cartão de trajeto (opcional) com manobras a serem seguidas
• Card de estimativa de viagem (opcional) com horário previsto de chegada (HEC), tempo até o destino e distância restante (ou uma exibição de informações alternativa com texto personalizado e opções de ícone)
• Faixa de ações com até quatro ações no app, visível apenas conforme descrito em Visibilidade das faixas de ação
• Faixa de ações no mapa opcional com até quatro botões para interatividade no mapa

Exibição de mapa no cluster

Durante a navegação ativa, os apps podem mostrar um mapa no cluster de instrumentos usando o modelo de navegação. O cluster é a área do painel atrás do volante. No momento, essa opção está disponível apenas para parceiros com acesso antecipado.

Os mapas no cluster foram projetados para:

• Renderizado independentemente, mas pode copiar a tela principal se desejado.
• Não interativo. Elementos interativos, como botões, são removidos.
• Tema escuro. É altamente recomendável desenhar uma versão com tema escuro do mapa de grupo para reduzir o potencial de atrair a atenção do motorista para longe da via.

O mapa do app no cluster só é mostrado em determinados momentos, dependendo de fatores como estado de navegação, preferência de OEM do veículo (no AAOS) e o que é mostrado na tela principal (no AAP).

Para conferir um exemplo de fluxo de usuário que envolve o cluster, consulte Ver um mapa no cluster.

Observação: para o AAOS, os OEMs de veículos podem mostrar as próprias instruções de navegação guiada no cluster, em vez das instruções do app. Ao terminar a navegação, eles também podem decidir se o cluster continuará mostrando o mapa do app de navegação ou se voltará para o mapa padrão.

Exemplos de cluster e tela central

Aqui, o app mostra um mapa detalhado no cluster, enquanto mostra um mapa de visão geral do trajeto na tela central.

Aqui, o mapa do app continua sendo exibido no cluster enquanto o usuário ajusta as configurações do carro na tela central.

Detalhes do cartão identificador

Quando o cartão de roteamento está no estado de roteamento (ao contrário do estado da mensagem), ele mostra as seguintes informações:

1. Etapa atual: inclui ícone (geralmente uma seta de direção), distância e texto de indicação (que pode incluir extensões de imagem, como marcadores de trajeto)
2. Orientação (opcional): mostrada como imagens simples de assistência de faixa ou como uma imagem maior em um cruzamento (tamanho flexível com altura máxima de 200 dp)
3. Próxima etapa (opcional): inclui ícone e dica e pode aparecer somente na parte inferior de um cartão de roteamento que não inclui uma imagem de junção

Outra opção no estado de roteamento é que o cartão de roteamento exiba uma animação do ícone de carregamento (não mostrada aqui) para indicar estados transitórios, como carregamento, cálculo ou redirecionamento.

Em algumas circunstâncias, as informações de trajeto podem ser exibidas em uma barra de navegação flutuante, como mostrado em Adicionar uma parada ao dirigir.

Estado da mensagem do cartão identificador

Quando o cartão de roteamento está no estado de mensagem, ele mostra uma mensagem em vez de rotas. A mensagem pode ser usada para transmitir situações como chegada a um destino ou falhas na rota.

No estado da mensagem, o cartão de roteamento pode incluir:

• Uma mensagem relacionada ao roteamento com até duas linhas
• Uma imagem ou ícone (opcional)

Notificações de navegação: navegação guiada (TBT) e normal

Notificações de TBT: quando um app fornece rotas TBT baseadas em texto, ele também precisa acionar notificações de TBT. Essas notificações são usadas para exibir rotas TBT fora do modelo de navegação. Os apps podem personalizar a cor de fundo das notificações da navegação guiada para aumentar a visibilidade.

Notificações regulares: para comunicar outras mensagens relacionadas à navegação, como mudanças nas configurações de trajeto, os apps de navegação também podem enviar notificações regulares (não TBT) ou usar alertas de navegação. Elas podem aparecer mesmo quando o cartão de roteamento é exibido.

Alertas de navegação

Os alertas de navegação mostram uma mensagem breve e temporária e ações opcionais em um formato que não bloqueia o trajeto de navegação. O conteúdo precisa ser simples e relevante para a tarefa de navegação. Por exemplo, o alerta pode descrever uma mudança nas condições de trânsito ou perguntar se o motorista pode pegar um cliente.

Cada alerta inclui:

• Título e subtítulo opcional
• Ícone (opcional)
• Indicador de progresso: uma barra ou, opcionalmente, integrado a um botão de tempo.
• Até dois botões, em que um botão pode ser designado como principal ou como um botão com marcação de tempo (com um indicador de progresso, como mostrado na figura anterior)

Os alertas podem ser dispensados das seguintes maneiras:

• Seleção do usuário de qualquer ação
• Tempo limite após X segundos (configurável)
• Dispensa do app sem ação do usuário

Observação: não use alertas de navegação para mostrar informações principais, como as próximas curvas ou o horário de chegada. Para esses tipos de informação, use o card de trajeto ou de estimativa de viagem

Exemplos de modelos de navegação

Mapa em tela cheia quando a navegação e a interatividade do mapa não estão ocorrendo (exemplo do Android Auto)

Cartão de trajeto com estimativa de viagem, faixa de ações (na parte de cima) e faixa de ações no mapa (no canto inferior direito) durante a navegação ativa.

Requisitos de UX do modelo de navegação

Desenvolvedores de apps:

DEVE	Mostre pelo menos uma manobra em um cartão de roteamento.
DEVE	Inclua pelo menos um botão de ação na faixa de ação para ativar os fluxos de usuários.
DEVE	Inclua um botão de movimentação na faixa de ações se o app oferecer suporte a gestos de movimentação.
DEVE	Use um tema escuro nos mapas exibidos no cluster.
DEVE	Incluir apenas botões relacionados à interatividade do mapa na faixa de ações (por exemplo, bússola, centralização ou modo 3D).
DEVE	Inclua um botão para encerrar a navegação ao mostrar a navegação guiada.
DEVE	Use símbolos padronizados ou consistentes com símbolos internacionais ou específicos de países.
DEVE	Use a imagem de junção apenas para mostrar conteúdo relevante para a navegação, abrangendo a largura do card com a imagem.
DEVE	Forneça imagens de faixa com planos de fundo transparentes para combinar com o plano de fundo do cartão de roteamento.
DEVE	Use alertas apenas para informações que não atrapalhem a experiência e sejam relevantes para a tarefa de navegação atual.
MAIO	Mostre um texto de apoio curto abaixo da faixa (recomendamos o Robo 24) e com taxa de contraste mais baixa nas faixas não destacadas.
MAIO	Mostre duas manobras em um cartão de roteamento quando elas ocorrerem em rápida sucessão.
MAIO	Inclua imagens, como marcadores de trajeto, no texto do cartão de roteamento (etapa atual e próxima etapa).
MAIO	Mostre um mapa completo quando o usuário estiver dirigindo sem rotas de navegação guiada baseadas em texto ou no modo de condução livre.
MAIO	Mostre ou oculte os componentes de estimativa de viagem e cartão de trajeto, conforme necessário.
MAIO	Desenhe detalhes e alertas para sua direção no mapa, como a velocidade atual, o limite de velocidade e a câmera à frente.
MAIO	Personalize a cor de fundo do cartão de rota e altere durante a sessão para refletir o tipo de via ou outras condições relevantes.