Depois de determinar as guias de navegação de nível superior do app, você precisa considerar as visualizações de conteúdo navegáveis e como elas são organizadas.
Como os fabricantes de carros e o Google cuidam do estilo de visualização do conteúdo e da navegação de navegação, sua única tarefa de design em relação à navegação é planejar o que há em cada visualização.
Especificamente, você precisa decidir o seguinte:
- Quantos níveis de profundidade seu conteúdo
- Como cada visualização de navegação de nível superior e inferior será formatada (grade ou lista)
- Se o conteúdo de qualquer visualização de navegação será agrupado em subcategorias.
- Se você quer implementar a pesquisa no app como um auxílio à navegação (altamente recomendado para facilitar o uso do app no carro)
Ao decidir como estruturar o conteúdo, lembre-se de que ter menos níveis é melhor para minimizar a carga cognitiva dos motoristas. Agrupar conteúdo em subcategorias em uma visualização de navegação (com subcabeçalhos) pode ajudar a tornar sua hierarquia mais plana.
Se você optar por implementar a pesquisa no app, não vai precisar criar a interface de pesquisa por voz e teclado. Os fabricantes de carros projetam teclados e affordance de pesquisa por voz. Para mais detalhes, acesse Suporte a ações por voz e Como exibir resultados da pesquisa.
Exemplos de visualização de navegação
![Visualização de navegação em grade](https://developers.google.cn/static/cars/design/create-apps/media-apps/images/browsing-views-fig-1.png?authuser=19&hl=pt-br)
![Visualização de navegação baseada em lista](https://developers.google.cn/static/cars/design/create-apps/media-apps/images/browsing-views-fig-2.png?authuser=19&hl=pt-br)
![](https://developers.google.cn/static/cars/design/create-apps/media-apps/images/browsing-views-fig-3.png?authuser=19&hl=pt-br)
![](https://developers.google.cn/static/cars/design/create-apps/media-apps/images/browsing-views-fig-4.png?authuser=19&hl=pt-br)
![](https://developers.google.cn/static/cars/design/create-apps/media-apps/images/browsing-views-fig-5.png?authuser=19&hl=pt-br)
Requisitos para visualizações de navegação
Considere os seguintes requisitos e recomendações:
Nível do requisito | Requisitos |
---|---|
DEVE | Os desenvolvedores de apps precisam:
|
DEVE | Os desenvolvedores de apps precisam:
|
MAIO | Os desenvolvedores de apps podem:
|
Justificativa
- Evite distração do motorista: minimize a carga cognitiva necessária para navegar pelo conteúdo.
- Otimizar a exibição de conteúdo: use a grade ou a lista conforme apropriado para a categoria de conteúdo.