Ajuste

O tamanho dos ícones, avatares e elementos táteis é um fator importante a ser considerado para minimizar a distração do motorista.

Os alvos táteis de tamanho generoso tornam mais fácil e rápido para os motoristas interagirem com os aplicativos e voltarem a se concentrar na direção.

Guia resumido (TL;DR):

  • Use tamanhos padrão para ícones e avatares para manter a consistência.
  • O tamanho mínimo do alvo de toque é 76 x 76 dp.
  • Alinhe e centralize ícones e elementos dentro dos alvos de toque.

Tamanhos dos ícones

Aqui estão os tamanhos de ícones padrão usados ​​pelo Android para carros:

Tamanhos dos ícones do Android para carros
Ícone principal Ícone secundário Ícone terciário
44 x 44dp 36 x 36dp 24 x 24dp

Tamanhos de avatar

Aqui estão os tamanhos de avatar padrão usados ​​pelo Android para carros:

Tamanhos de avatar do Android para Carros
Avatar pequeno Avatar médio Avatar grande
56 x 56dp 76 x 76dp 96 x 96dp

Alinhando ícones e alvos de toque

O tamanho mínimo da área sensível ao toque no Android para carros é de 76 x 76 dp. As áreas sensíveis ao toque devem ser grandes o suficiente para serem visualizadas rapidamente e selecionadas facilmente pelo motorista enquanto o carro estiver em movimento. Elementos como botões devem ser centralizados dentro dos limites da área sensível ao toque, e nenhuma parte de um elemento deve ficar fora desses limites.

Mantenha o tamanho dos alvos de toque em 76 x 76 dp ou superior.

Fazer

Mantenha o tamanho dos alvos de toque igual ou superior ao requisito mínimo de 76 x 76 dp.
Elementos centrais dentro da área de alvo tátil

Fazer

Elementos centrais dentro da área mínima de toque alvo
Não alinhe o elemento a uma das bordas de um alvo de toque.

Não

Não alinhe um elemento a uma das bordas de um alvo de toque.
Não permita que elementos fiquem fora da área de toque.

Não

Não permita que elementos fiquem fora da área de toque.