Plan navigation tabs

AI-generated Key Takeaways

• Media apps should use no more than 4 top-level navigation tabs, each with a label and monochrome icon, to simplify the user experience.

• These navigation tabs represent browseable media categories from the app's content hierarchy, and developers must provide icons and labels for each.

• Car makers have control over the app bar's implementation and appearance, while developers determine the content categories and their respective icons and labels.

• Tab labels should be kept concise to avoid truncation, and developers should refer to the provided resources for navigation interface examples and content hierarchy building.

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

For examples of the navigation interface, visit Navigating media apps.

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.

---

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.