Sizing

Onscreen touch targets that are easily reachable reduce driver distraction.

At a glance:

  • Minimum touch-target size is 76 x 76dp
  • Center and enclose icons within touch targets

Icon sizes

Android auto icon sizes
Android Auto uses three different icon sizes. Primary icons are 44 x 44dp, secondary icons are 36 x 36dp, and tertiary icons are 24 x 24dp.

Aligning icons and touch targets

Touch targets on car interfaces must be larger than those on phones and tablets, so that they are easier to glance at and tap. Android Auto's minimum touch-target size of 76 x 76dp is based on both the driver's distance from the head unit and the need to accommodate quick taps while driving.

Touch targets must meet the following requirements:

  • Touch targets cannot overlap with other touch targets.
  • All touch target elements must be placed at the same elevation level (or z-layer) as the touch target's action areas. This allows users to navigate through the UI using rotary input methods, such as rotary dials, which require placing all navigable elements on the same elevation level to be traversed.
Keep touch-target sizes at or above 76 x 76dp

Do

Keep touch-target sizes at or above the minimum requirement of 76 x 76dp.
Center elmements within the touch-target area

Do

Center elements within the minimum touch target.
Don't align element to one edge of a touch target

Don’t

Don’t align an element to the edge of a touch target.
Don't permit elements to fall outside of a touch target

Don’t

Don’t allow tappable elements to fall outside of a touch target. The touch target should extend as needed to accommodate the entire element.