Message template

Messages present a brief message and optional relevant actions.

This template is useful for communicating error messages, permission prompts, and other information about UI states.

This template can be embedded in the Tab template to provide tabbed navigation.

Includes:

  • Header with optional action strip (action strip is replaced with tabs when this template is embedded in the Tab template)
  • Up to 2 lines of wrapping text
  • Image, icon, or loading spinner (optional)
  • Up to 2 buttons in template body (optional), where one can be designated as primary
Wireframes of the Message template

Message template examples

Message template with error message
Message template with action buttons

Error message with icon (Android Auto example)

Message with two actions (AAOS example)

Message template UX requirements

App developers:

MUST Include text.
SHOULD Designate a primary action when providing 2 actions.
SHOULD Place the primary action closest to the driver (on the left for left-hand-drive vehicles) when there are 2 actions.
MAY Include an image or icon asset.
MAY Include up to 2 actions.
MAY Use this template to prompt users about app permissions and open related flows on the phone when parked (as shown in Grant permissions on phone).