Plan browsing views

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:

  1. Determine how many levels deep your content goes. Use as few levels as possible to minimize distraction for drivers.
  2. Format your top-level and lower-level browsing views. You can use a list, grid, or combination of both in the sectioned item template.
  3. Decide whether to group content into subcategories, which can make your hierarchy flatter.
  4. 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 landscape mode.


Browsing view example in portrait 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)