Overview
Condensed items are compact visual components that let more content be visible on the screen. Because of their size, these components display only the most critical information for an item, which lets drivers browse without feeling overwhelmed.
Composition
The condensed item is designed for high glanceability and includes four primary components. You must include at least one element:
- Leading image or icon (optional)
- Texts: title and subtexts should be restricted to 1 line.
- Trailing image or icon (optional)
1. Leading image or icon
2. Text
3. Trailing image or icon
UX requirements
To ensure a safe and consistent experience across all apps, follow these design requirements:
Requirement level |
Content |
|---|---|
SHOULD |
Keep metadata brief and avoid stacking text to ensure safe readability at a glance. |
SHOULD |
Use condensed items to display recommended categories such as recently played media or featured playlists. |
SHOULD |
Avoid using images for both the leading and trailing elements. |