Dimensionamento

Le dimensioni di icone, avatar e touch target sono importanti considerazioni per ridurre al minimo le distrazioni alla guida.

I touch target di dimensioni generose consentono ai conducenti di interagire con le app in modo più facile e veloce e di attirare l'attenzione sulla guida.

Guida in sintesi (TL;DR):

  • Utilizza dimensioni standard per icone e avatar per garantire la coerenza
  • Le dimensioni minime del touch target sono 76 x 76 dp
  • Allinea e centra icone ed elementi all'interno dei touch target

Dimensioni delle icone

Di seguito sono riportate le dimensioni standard delle icone utilizzate da Android per le auto:

Dimensioni delle icone di Android for Cars
Icona principale Icona secondaria Icona terziaria
44 x 44dp 36 x 36dp 24 x 24dp

Dimensioni avatar

Di seguito sono riportate le dimensioni standard degli avatar utilizzate da Android per le auto:

Dimensioni avatar Android for Cars
Avatar piccolo Avatar medio Avatar grande
56 x 56dp 76 x 76dp 96 x 96dp

Allineamento di icone e touch target

Le dimensioni minime del touch target in Android per le auto sono 76 x 76 dp. I touch target devono essere abbastanza grandi da essere facilmente visibili e facilmente selezionati dal conducente mentre l'auto è in movimento. Gli elementi come i pulsanti devono essere centrati entro i limiti di un touch target e nessuna parte di un elemento deve trovarsi al di fuori del limite del touch target.

Mantieni le dimensioni dei touch target uguali o superiori a 76 x 76 dp

Cosa fare

Mantieni le dimensioni dei touch target pari o superiori al requisito minimo di 76 x 76 dp
Elmement centrati all'interno dell'area del target tattile

Cosa fare

Centra gli elementi all'interno dell'area minima del touch target
Non allineare l'elemento a un bordo di un touch target

Cosa non fare

Non allineare un elemento a uno dei bordi di un touch target
Non consentire che gli elementi cadano al di fuori di un touch target

Cosa non fare

Non consentire che elementi cadano al di fuori di un touch target