Princípios visuais

O conteúdo projetado para a tela de um carro precisa ser legível e fácil de visualizar, com uma interface 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:


Crie conteúdo fácil de ler

Para garantir que os motoristas possam ler e entender rapidamente o conteúdo na tela, o conteúdo precisa ser apresentado de forma fácil de ler enquanto dirige:

Mostrar fontes legíveis

O texto principal e secundário apresentado visualmente precisam estar alinhados às diretrizes do Android para carros em relação à fonte e ao tamanho. 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 precisa ter 32 dp. O texto secundário normalmente é usado para informações de apoio, como nome do artista ou tipo de chamada (por exemplo, "dispositivo móvel"), e precisa ter 24 dp.

Limitar o tamanho do 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 tem 101 caracteres. Os itens de texto em japonês não podem ter mais de 31 caracteres romanos, kana ou kanji combinados.

Siga as taxas de contraste para texto, ícones e plano de fundo

A taxa de contraste de ícones, textos e outras imagens precisa ser de pelo menos 4.5:1. Esse requisito se aplica a qualquer item mostrado que transmite informações, incluindo itens selecionados em entradas por seletor giratório e similares. No entanto, se informações redundantes forem fornecidas (como um ícone e um texto que transmitem o mesmo significado), apenas um elemento precisa atender às diretrizes de contraste. Para entradas por seletor giratório, a diretriz de contraste precisa ser seguida para o destaque em relação ao plano de fundo.

Facilite a visualização à noite

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


Facilite o contato com os alvos

Os motoristas podem se distrair com facilidade ou cometer erros ao tentar tocar em áreas da tela muito pequenas ou próximas:

Exibir áreas de toque de tamanho adequado

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

Evitar sobreposição de áreas de toque

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


Mantenha os elementos da interface consistentes

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

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

Os ícones e a terminologia devem ser associados de forma consistente às suas funções. Da mesma forma, os padrões de interação devem ser consistentes e previsíveis.

Esclarecer recursos ativos e inativos em movimento

A interface precisa distinguir claramente os recursos permitidos dos não permitidos, por exemplo, escurecendo o conteúdo de mídia que pode distrair. A interface também precisa diferenciar os recursos que se destinam ao uso apenas enquanto você dirige e daqueles que só devem ser usados quando não está dirigindo. Por exemplo, a caixa de pesquisa deve ficar oculta enquanto você dirige.