Modelo de lista

O modelo de lista apresenta itens de informação em um layout de lista.

As listas podem ser separadas em seções por meio de sublistas. Para uma versão desse modelo com um mapa, os apps de navegação podem usar o modelo de mapa.

Esse modelo pode ser incorporado ao modelo de guia para oferecer navegação com guias.

Inclui:

Para saber mais sobre as linhas que podem ser incluídas nesse modelo, consulte Opções de linha somente para o modelo de lista e os exemplos em Fluxos de amostra.

Wireframes do modelo de lista

Mais texto da lista quando o veículo está estacionado

A quantidade de texto secundário permitida em cada linha da lista varia se o carro está estacionado ou dirigindo. Para minimizar as distrações, o texto é truncado em duas linhas enquanto você dirige. Qualquer conteúdo que possa ser lido enquanto dirige o carro precisa aparecer no início do texto secundário.

Exemplo que mostra mais texto quando o usuário está estacionado
Quando o carro está estacionado, o texto pode ter mais de duas linhas.
Exemplo que mostra menos texto quando o usuário está em movimento
Ao dirigir, o texto precisa ser truncado para evitar distração.

Exemplos de modelos de lista

Os exemplos do Android Auto e do Android Automotive OS (AAOS) abaixo foram criados usando o modelo de lista.

Exemplo de locais
Lista uniforme de locais (exemplo do Android Auto)
Exemplo de configurações
Lista com seções e alternar linhas (exemplo do Android Auto)
Exemplo de lista selecionável
Lista selecionável com botões de opção: nenhuma seção ou linhas não selecionáveis é permitida (exemplo do AAPTOS)

Listar requisitos de UX do modelo

Desenvolvedores de apps:

DEVE Inclua um cabeçalho quando houver seções.
NÃO É POSSÍVEL Combine as linhas de lista selecionáveis (linhas com botões de opção) com outros tipos de linhas ou separe-as com seções.
DEVE Apresentar seleções padrão em listas selecionáveis.
DEVE Ter uma ação associada a cada item da lista (linhas somente de informações não são recomendadas).
DEVE colocar o conteúdo em um texto secundário que deve ser lido enquanto você dirige perto do início, para evitar truncamentos;
NÃO DEVE Inclua uma faixa de ações e um botão de ação flutuante ao mesmo tempo.
MAIO Divida o conteúdo da lista em seções.
MAIO Misture as linhas que têm interruptores com outras linhas, conforme necessário.
MAIO Atualiza o texto da linha e a imagem ou o recurso do ícone quando o usuário muda o estado de alternância.