Você pode permitir que os usuários adicionem uma parada enquanto dirigem sem perder a visualização da rota atual. Faça a transição do modelo de navegação para o modelo de mapa + conteúdo para mostrar uma lista compacta de lugares e manter as informações de como chegar visíveis.
As informações de navegação guiada no card de rotas serão condensadas e movidas para o lado da tela.
Exemplo de fluxo
O usuário está usando o app e decide adicionar uma parada à viagem.
Ação do usuário | Onde a ação é realizada | Contagem de passos após a ação |
---|---|---|
O usuário toca em uma ação para adicionar uma parada durante um trajeto ativo. |
Modelo de navegação ![]() |
1 |
Uma lista compacta aparece, mostrando as opções disponíveis para adicionar uma parada, enquanto as informações de conversão diminuem e se movem para uma barra de navegação flutuante na lateral. |
Modelo de lista incluído no modelo Mapa + conteúdo ![]() |
2 |
O usuário toca no ponto de parada escolhido. |
Modelo de lista incluído no modelo Mapa + conteúdo ![]() |
2 |
O usuário clica no botão Navegar para iniciar a navegação. |
Modelo de painel incluído no modelo de mapa + conteúdo ![]() |
3 |
A parada é adicionada ao trajeto, e o app informa o usuário com um alerta de navegação . |
Modelo de navegação ![]() |
1 |