Princípios visuais

Mantenha tudo organizado com as coleções Salve e categorize o conteúdo com base nas suas preferências.

O conteúdo projetado para a tela de um carro precisa ser legível e legível, com uma IU consistente e áreas de toque grandes que os motoristas possam identificar em todas as condições de visualização.

Esta seção descreve como você pode:


Facilite a leitura do conteúdo

Para garantir que os motoristas possam verificar e entender rapidamente o conteúdo na tela, esse material precisa ser apresentado de uma maneira que seja fácil de ler enquanto você dirige:

Exibir fontes legíveis

Os textos principais e secundários apresentados visualmente precisam estar alinhados às diretrizes do Android para carros de fontes e tamanhos. O texto principal normalmente é usado para informações necessárias para a tomada de decisões, como títulos de músicas ou nomes de contatos, e é de 32 dp. O texto secundário normalmente é usado para informações de apoio, como nome do artista ou tipo de chamada (como “dispositivo móvel”), e deve ter 24 dp.

Limitar texto

Os itens de texto que usam o alfabeto romano não podem exceder 120 caracteres, incluindo pontuação e espaços. Observação: a frase anterior é de 101 caracteres. Os itens de texto em japonês não podem exceder o total de 31 caracteres romanos, kana ou kanji combinados.

Seguir proporções de contraste para texto, ícones e plano de fundo

A proporção de contraste para ícones, texto e outras imagens precisa ser de pelo menos 4, 5:1. Esse requisito se aplica a qualquer item exibido que transmita informações, incluindo itens selecionados em entradas giratórias e similares. No entanto, se informações redundantes forem fornecidas (como um ícone e um texto que transmitirem o mesmo significado), apenas um elemento precisará atender às diretrizes de contraste. Nas entradas giratórias, é preciso seguir a diretriz de contraste para o destaque em segundo plano.

Dê visibilidade durante a noite

A polaridade do conteúdo exibido durante o dia pode ser positiva (texto escuro em fundo claro) ou negativa (texto claro em plano de fundo escuro), enquanto conteúdo exibido durante a noite precisa ser polaridade negativa.


Facilite o toque dos alvos

Os motoristas podem se distrair ou cometer erros ao tentar tocar em destinos na tela muito pequenos ou próximos um do outro:

Exibir áreas de toque com tamanho adequado

As áreas de toque precisam aderir às diretrizes do Android Automotive, para um tamanho mínimo de 76 x 76 dp. Em casos especiais, a largura pode ser um pouco sacrificada em favor da altura (mantendo a área geral a mesma) para acomodar melhor a vibração de veículos para cima e para baixo.

Evitar sobreposição de área de toque

As áreas de toque não podem se sobrepor umas às outras. A opção de zoom pode ajudar a reduzir problemas de sobreposição ao separar destinos. Se possível, permita pelo menos 23 dp entre as áreas de toque.


Manter a consistência dos elementos da IU

Para ajudar os motoristas a entender rapidamente as opções exibidas na tela, a interface do usuário precisa ser clara e consistente:

Use ícones de mapa consistentes, terminologia e padrões de interação.

Os ícones e a terminologia devem mapear de maneira consistente um para um para as funções deles. Da mesma forma, os padrões de interação precisam ser consistentes e previsíveis.

Esclarecer recursos ativos enquanto o movimento está em andamento

A interface precisa diferenciar claramente os recursos permitidos dos não permitidos, por exemplo, escurecendo o conteúdo de mídia que causa distração. A interface também precisa diferenciar recursos destinados apenas ao trânsito e aqueles que não devem ser usados. Por exemplo, a caixa de pesquisa deve estar oculta enquanto você dirige.