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](https://developers.google.cn/cars/design/automotive-os/design-system/images/Size-1.png?authuser=5&hl=it)
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](https://developers.google.cn/cars/design/automotive-os/design-system/images/Avatar_AR.png?authuser=5&hl=it)
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](https://developers.google.cn/cars/design/automotive-os/design-system/images/Size-2.png?authuser=5&hl=it)
Cosa fare
![Elmement centrati all'interno dell'area del target tattile](https://developers.google.cn/cars/design/automotive-os/design-system/images/Size-3.png?authuser=5&hl=it)
Cosa fare
![Non allineare l'elemento a un bordo di un touch target](https://developers.google.cn/cars/design/automotive-os/design-system/images/Size-4.png?authuser=5&hl=it)
Cosa non fare
![Non consentire che gli elementi cadano al di fuori di un touch target](https://developers.google.cn/cars/design/automotive-os/design-system/images/Size-5.png?authuser=5&hl=it)
Cosa non fare