Pane template

The Pane template presents detailed information and prominent actions.

For easy scanning, actions and information rows are limited to 4 each. This template is useful for presenting non-editable metadata, such as location and reservation details, and for taking action based on data. For a version of this template with a map and no image, navigation apps can use the Map template.

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

Includes:

  • Header with optional action strip
  • Up to 2 buttons, where one can be designated as primary (optional; apps can use action strip buttons instead)
  • Up to 4 non-actionable rows (1 row is mandatory)
  • Optional large image (see example)
Wireframes of the Pane template

Pane template examples

Pane template, location details, action buttons
Location details for a parking app, with 2 related actions (Android Auto example)
Pane template, details, image
Location details for a charging app, with a large image that helps drivers identify the location, and with no actions except in the action strip (Android Auto example)

Pane template UX requirements

App developers:

MUST Include at least one row of information.
SHOULD Designate a primary action when providing 2 actions.
SHOULD Make navigation the primary action, when it’s included as one of the actions.
MAY Include up to 4 rows of information and 2 actions.