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 cards opcionais com manobras e detalhes da superfície, além de alertas de navegação.

Esse modelo pode ser incorporado ao modelo de guia para oferecer navegação por guias.

Inclui:

• Mapa básico em tela cheia desenhado pelo app
• Cartão de roteamento (opcional) com as próximas manobras
• Card de estimativa de viagem (opcional) com tempo previsto de chegada (HEC), tempo até o destino e distância restante (ou uma exibição de informações alternativa com opções personalizadas de texto e í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 do 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 do cluster devem ser:

• 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 de tema escuro do mapa de agrupamento para reduzir as chances de atrair a atenção do motorista para longe da via.

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

Para um exemplo de fluxo de usuário envolvendo 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. Quando a navegação termina, eles também podem decidir se o cluster vai continuar mostrando o mapa do app de navegação ou reverter para o mapa padrão.

Exemplos de cluster e tela central

Aqui, o app mostra um mapa em close no cluster e um mapa de visão geral do trajeto na tela central.

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

Detalhes do cartão de roteamento

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

1. Etapa atual: inclui ícone (normalmente uma seta de direção), distância e texto de indicação (que pode incluir períodos de imagem, como marcadores de trajeto)
2. Orientação de pista (opcional): exibida como imagens simples de assistência de faixa ou como uma imagem de cruzamento maior (tamanho flexível com altura máxima de 200 dp)
3. Próxima etapa (opcional): inclui ícone e indicação 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 é o cartão exibir uma animação de ícone de carregamento (não mostrada aqui) para indicar estados transitórios, como carregamento, cálculo ou redirecionamento.

Em alguns casos, 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 message, ele mostra uma mensagem em vez de rotas. A mensagem pode ser usada para transmitir situações como a chegada a um destino ou falhas no trajeto.

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

• Uma mensagem relacionada ao roteamento não vazia de até duas linhas
• Uma imagem ou um ícone (opcional)

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

Notificações de TBT: quando um app fornece rotas de TBT baseadas em texto, ele também precisa acionar notificações de TBT. Essas notificações são usadas para expor rotas da navegação guiada fora do modelo de navegação. Os apps podem personalizar a cor do plano de fundo das notificações da guia "Detalhes do app" para melhorar 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. Eles 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 a rota. 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 o seguinte:

• Título e subtítulo opcional
• Ícone (opcional)
• Indicador de progresso: uma barra ou, opcionalmente, integrado a um botão cronometrado
• Até dois botões, em que um 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 ignorados por qualquer uma das seguintes opções:

• 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 para mostrar informações de navegação principais, como próximas curvas ou horários de chegada. Para esses tipos de informação, use o cartão de roteamento ou de estimativa de viagem.

Exemplos de modelo 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)

Card de roteamento com estimativa de viagem, faixa de ação (na parte de cima) e FAB (no canto inferior direito) durante a navegação ativa.

Requisitos de UX do modelo de navegação

Desenvolvedores de apps:

PRECISA	Mostre pelo menos uma manobra em um cartão de roteamento.
PRECISA	Inclua pelo menos um botão de ação na faixa de ação para ativar os fluxos de usuários.
PRECISA	Inclua um botão de movimentação na faixa de ações no mapa se o app for compatível com gestos de movimentação.
DEVE	Use um tema escuro nos mapas exibidos no cluster.
DEVE	Inclua apenas botões relacionados à interatividade no mapa na faixa de ações (por exemplo, bússola, centralização ou modo 3D).
DEVE	Incluir um botão para encerrar a navegação ao fornecer rotas de navegação guiada.
DEVE	Usar símbolos padronizados ou consistentes com símbolos internacionais ou específicos de países.
DEVE	Use a imagem do cruzamento apenas para mostrar conteúdo relevante para a navegação, abrangendo a largura do cartão com a imagem.
DEVE	Forneça imagens de faixa com planos de fundo transparentes para se mesclar com o plano de fundo do cartão de roteamento.
DEVE	Use alertas apenas para informações relevantes e sem distrações para a tarefa de navegação atual.
MAIO	Mostre um texto de suporte curto sob uma faixa (recomendamos o Robo 24) e uma taxa de contraste menor para 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 relacionados à condução no mapa, como velocidade atual, limite de velocidade e câmera à frente.
MAIO	Personalize a cor de fundo do cartão de trajeto e altere-a durante a sessão de navegação para refletir o tipo de via ou outras condições relevantes.