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.
Exemplos de cluster e 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:
- 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)
- 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)
- 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
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. |