Visualizações de navegação do plano

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.

Observação: a hierarquia de conteúdo do app é determinada por como você define o item de mídia raiz, os filhos dele, os filhos desses filhos e assim por diante. Você pode aplicar estilos de conteúdo a itens de mídia navegáveis para especificar se os filhos serão mostrados em visualizações em grade ou em lista e se eles serão agrupados em títulos. Para mais detalhes, consulte Criar sua hierarquia de conteúdo e Aplicar estilos de conteúdo.

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

Neste exemplo, o designer usa um formato de grade para exibir álbuns de música (Android Auto).

Este exemplo usa uma lista que mostra uma combinação de playlists e artistas (Android Auto).

Este exemplo usa uma grade e uma barra de controle de mídia (AAOS, na sigla em inglês).

Este exemplo usa uma lista e uma barra de controle de mídia (AAOS, na sigla em inglês).

Dois exemplos (lista e grade) de apps de música no AAOS (retrato)

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: Forneça o texto do subtítulo se você decidir criar subcategorias em uma visualização de navegação
DEVE	Os desenvolvedores de apps precisam: Evite conteúdos navegáveis que tenham mais de três níveis de profundidade a partir do nível superior. Decida se você quer implementar uma função de pesquisa no app
MAIO	Os desenvolvedores de apps podem: Para cada visualização de navegação, determinar se o conteúdo será exibido em grade ou lista (a lista é o padrão)

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.