O modelo de visualização de trajetos apresenta até três trajetos disponíveis para um destino selecionado, ao lado de um mapa.
As informações do trajeto precisam incluir duração ou distância e podem incluir o tempo estimado de viagem. Quando o usuário seleciona um trajeto para visualizar, o app atualiza o mapa com uma representação visual.
Inclui:
- Cabeçalho (no cartão)
- Faixa de ações (opcional)
- Listar linhas com informações da rota
- Mapa básico (tela cheia, desenhado pelo app)
- Faixa de ações no mapa opcional com até quatro botões para interatividade no mapa.
![Wireframes do modelo de visualização do trajeto](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/route-preview-map-template.png?authuser=6&hl=pt)
Exemplos de modelo de visualização de trajetos
![Modelo de visualização de trajeto com lista de locais](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/route-preview-map-numbered.png?authuser=6&hl=pt)
![Modelo de visualização de trajeto com duração](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/route-preview-map-duration.png?authuser=6&hl=pt)
Dois trajetos, vinculados a um mapa com marcadores numerados (exemplo do Android Auto)
Três trajetos, com a duração estimada da viagem mostrada no mapa (exemplo do AOS)
Requisitos de UX do modelo de visualização de trajetos
Desenvolvedores de apps:
PRECISA | Apresente pelo menos uma rota neste modelo. |
PRECISA | Têm 1 rota selecionada por padrão. |
PRECISA | Mostra a duração ou a distância dos trajetos. |
NÃO | Apresente mais de três rotas. |
DEVE | Destaque o trajeto relevante no mapa quando um usuário fizer uma seleção. |