Stay organized with collections
Save and categorize content based on your preferences.
Once you've established your top-level content categories, you need to determine
how you'll help users find specific songs, podcasts or other media. The goal
here is to minimize distraction for drivers by making it easy to quickly find
their favorite media while driving.
Use the Car App Templates as guardrails to customize your browsing views and
navigation tree. Follow these steps to get started:
Determine how many levels deep your content goes. Use as few levels as
possible to minimize distraction for drivers.
Format your top-level and lower-level browsing views. You can use a list,
grid, or combination of both in the sectioned item template.
Decide whether to group content into subcategories, which can make your
hierarchy flatter.
Decide whether to implement search, which is strongly recommended to make
browsing easier. If you implement in-app search, you won't need to design
the voice and keyboard search interface. Car makers design both the voice
search affordance and the keyboards. For details, see
Supporting voice actions
and
Displaying search results.
Browsing view examples
The following examples show some of the ways you can use grids and tabs in your
app.
Browsing view example in landscape mode.
Browsing view example in portrait mode.
Browsing view requirements
Follow these requirements and recommendations to help minimize driver
distraction and organize your content display for ease of use while driving.
Requirement level
Requirements
MUST
Provide subheader text if you decide to create subcategories within a browsing view
SHOULD
Avoid browsable content that extends more than three levels deep from the top level
Decide whether to implement an in-app search function
MAY
For each browsing view, determine whether to display content in a grid or in a list (list is the default)
Content and code samples on this page are subject to the licenses described in the Content License. Java and OpenJDK are trademarks or registered trademarks of Oracle and/or its affiliates.
Last updated 2025-09-05 UTC.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2025-09-05 UTC."],[],[],null,[]]