Audio apps Main consumption view

Main consumption view

The main consumption view is the first screen users see when opening a media app or service. It contains a media control card and a full-bleed album cover background.

Main consumption screen

Primary action card Expand and collapse content An arrow that points down when collapsed and points up when expanded.

All media apps display typical media controls such as Play/Pause, Previous, and Next in an easily targeted action card that can include up to 8 actions.

Apps with more than 5 actions should provide access to the secondary action card by making the far right button an overflow button.

Primary action card

Primary action card with more than 5 actions

Action button locations

To ensure consistent usage across media services, actions must appear in a specific order on the primary media card. The Previous and Next buttons may be replaced with other buttons if not used by your service.

Position

Button

Far left

Playlist/Queue

Left of center

Previous

Center

Play/Pause

Right of center

Next

Far right

Optional function

Secondary action card Expand and collapse content An arrow that points down when collapsed and points up when expanded.

The secondary action card features up to 4 additional actions, such as thumbs up/down. The far right button is reserved for the driver to return to the primary action card.

Secondary action card

Secondary action card