Structure your media app 1) Plan navigation tabs

1) Plan navigation tabs

The first step in structuring your media app is determining which content categories you want to appear as top-level navigation options on the app bar.

Car makers take care of implementing the app bar and determining most aspects of its appearance.

Basically, you need to decide the following:

  • Which top-level content categories you want represented as tabs on the app bar
  • What icons and labels you will supply for each tab

Technical note:
Top-level content categories are browseable media items that are the children of the root media item in your content hierarchy. Icons and labels are provided as resources associated with these browseable media items. For details, consult Build your content hierarchy.

Keep in mind the guidelines below.

Navigation tab guidelines

Requirement level

Guidelines

MUST

App developers must:

  • Implement no more than 4 tabs
  • Provide a label and a monochrome (black or white) vector icon for each tab

SHOULD

App developers should:

  • Keep tab labels as short as possible, to prevent their being truncated

Rationale:

  • Simplify UX: Support consistent navigation model for media apps.
  • Accommodate all screens: Allow car makers to use only labels when both icons and labels won’t fit.