The List template presents information items in a list layout.
Lists may be separated into sections via sublists. For a version of this template with a map, navigation apps can use the Map template.
This template can be embedded in the Tab template to provide tabbed navigation.
- Header with optional action strip (action strip is replaced with tabs when this template is embedded in the Tab template)
- List items (where the number of items and the amount of text in a row can vary):
- Optional floating action button
More list text when parked
The amount of secondary text allowed in each list row varies depending on whether the car is parked or driving. To minimize distraction, text is truncated to 2 lines while driving. Any content intended to be read while driving should be displayed at the beginning of the secondary text.
List template examples
The following Android Auto and Android Automotive OS (AAOS) examples were built using the List template.
List template UX requirements
|MUST||Include a section header when sections are present.|
|MUST NOT||Mix selectable list rows (rows with radio buttons) with other types of rows or separate them with sections.|
|SHOULD||Present default selections on selectable lists.|
|SHOULD||Have an action associated with each list item (information-only rows are not recommended).|
|SHOULD||Place content in secondary text that is intended to be read while driving near the beginning, to avoid truncation.|
|SHOULD NOT||Include both an action strip and a floating action button at the same time.|
|MAY||Divide list content into sections.|
|MAY||Mix rows that have toggle switches with other rows as needed.|
|MAY||Update row text and image or icon asset when user changes toggle state.|