Empfohlene Karussells
Mit Sammlungen den Überblick behalten
Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.
Angesagte Karussells präsentieren eine Auswahl an Inhalten, die für den Nutzer relevant sind.
Weitere Informationen
Highlights
- Mit empfohlenen Karussells kannst du bestimmte Inhalte hervorheben.
- Empfohlene Karussells können UI-Elemente wie Bilder, Überschriften, Inhaltsdetails, Videos, Aktionen und Paginierungssteuerung enthalten.
- Karussells befinden sich normalerweise auf der Startseite oder Landingpage der App und sind daher leicht zugänglich.
- Empfohlene Karussells sind visuell ansprechend, um das Interesse der Nutzer zu wecken und ein immersives Erlebnis zu schaffen.
- Die angezeigten Inhalte können basierend auf dem Wiedergabeverlauf, den Einstellungen oder aktuellen Trends des Nutzers personalisiert werden.
Varianten
Es gibt zwei Möglichkeiten, vorgestellte Karussells zu integrieren:
- Immersiv
- Infokarte
Inhaltsblock
Anatomie
- Overlay-Text
- Titel
- Beschreibung
- Schaltfläche
Technische Daten
Anatomie
- Hintergrund
- Aktives Element
- Inaktive Elemente
- Elemente insgesamt
Technische Daten
Immersiv
Anatomie
- Bildhintergrund
- Filmeffekt
- Poster
- Hintergrundfarbe
- Inhaltsblock
- Seitenumbruch
- Inhaltsraster
Technische Daten
Infokarte
Anatomie
- Bildhintergrund
- Filmeffekt
- Poster
- Kartenhintergrund
- Inhaltsblock
- Seitenumbruch
- Inhaltsraster
Technische Daten
Nutzung
Mit vorgestellten Karussells kannst du ausgewählte Inhalte in einem ansprechenden, optisch ansprechenden und nutzerfreundlichen Format präsentieren und bewerben.
Bilder im Hintergrund
Bilder im Hintergrund spielen eine entscheidende Rolle bei der Förderung der Nutzerinteraktion in einem vorgestellten Karussell einer Streaming-App.
Hochwertige Bilder
Verwenden Sie hochauflösende Bilder, die optisch ansprechend sind und für den Inhalt der fokussierten Karte relevant sind.
check_circle
Dos
Achten Sie darauf, dass Bilder sauber, visuell ansprechend und relevant für den Inhaltsblock sind.
cancel
Don'ts
Verwenden Sie keine Bilder mit Text im Hintergrund.
Offensichtliche visuelle Hierarchie
Achten Sie darauf, dass der Hintergrund nicht vom Inhalt der Karte ablenkt. Verwenden Sie dazu ein Gitter über dem Bild. So kann sich der Nutzer weiterhin auf den Titel, die Beschreibung und die Call-to-Action-Schaltfläche der Karte konzentrieren.
check_circle
Dos
Verwende ein Gitter, um die Lesbarkeit und die Interpretation der Inhalte zu verbessern.
cancel
Don'ts
Achten Sie darauf, dass der Hintergrund die Lesbarkeit und Sichtbarkeit des restlichen Bildschirminhalts nicht beeinträchtigt.
Alle Inhalte und Codebeispiele auf dieser Seite unterliegen den Lizenzen wie im Abschnitt Inhaltslizenz beschrieben. Java und OpenJDK sind Marken oder eingetragene Marken von Oracle und/oder seinen Tochtergesellschaften.
Zuletzt aktualisiert: 2025-07-27 (UTC).
[null,null,["Zuletzt aktualisiert: 2025-07-27 (UTC)."],[],[],null,["# Featured carousels showcase a selection of content relevant to the user.\n\nResources\n---------\n\n| Type | Link | Status |\n|----------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|-----------|\n| Design | [Design source (Figma)](https://goo.gle/tv-desing-kit) | Available |\n| Implementation | [Jetpack Compose](/reference/kotlin/androidx/tv/material3/package-summary#Carousel(kotlin.Int,androidx.compose.ui.Modifier,androidx.tv.material3.CarouselState,kotlin.Long,androidx.compose.animation.ContentTransform,androidx.compose.animation.ContentTransform,kotlin.Function1,kotlin.Function2)) | Available |\n\nHighlights\n----------\n\n- Use featured carousels to highlight specific content.\n- Featured carousels can include UI elements such as images, headlines, content details, videos, actions, and pagination controls.\n- Carousels are usually located on the app's homepage or landing page, which makes them readily accessible.\n- Featured carousels are visually appealing to help engage the user, and create an immersive experience.\n- The content displayed can be personalized based on the user's viewing history, preferences, or current trends.\n\nVariants\n--------\n\nThere are two different ways of integrating featured carousels:\n\n1. Immersive\n2. Card\n\nContent block\n-------------\n\n### Anatomy\n\n1. Overline text\n2. Title\n3. Description\n4. Button\n\n### Specs\n\nPagination\n----------\n\n### Anatomy\n\n1. Background\n2. Active element\n3. Inactive elements\n4. Total elements\n\n### Specs\n\nImmersive\n---------\n\n### Anatomy\n\n1. Image background\n 1. Cinematic scrim\n 2. Poster\n 3. Background color\n2. Content block\n3. Pagination\n4. Content grid\n\n### Specs\n\nCard\n----\n\n### Anatomy\n\n1. Image background\n 1. Cinematic scrim\n 2. Poster\n 3. Card background\n2. Content block\n3. Pagination\n4. Content grid\n\n### Specs\n\nUsage\n-----\n\nUse featured carousels to showcase and promote a curated selection\nof content in an engaging, visually appealing, and simple to navigate format.\n\n### Images in backgrounds\n\nImages in backgrounds play a crucial role in enhancing user engagement\nin a streaming app featured carousel.\n\n### High quality imagery\n\nUse high-resolution images that are visually appealing and relevant\nto the content of the focused card. \ncheck_circle\n\n### Do\n\nKeep images clean, visually appealing, and relevant to the content block. \ncancel\n\n### Don't\n\nAvoid using images with text in the background.\n\n### Obvious visual hierarchy\n\nEnsure that the background does not distract from the focused card's\ncontent by using a scrim over the image; this helps the user maintain\nfocus on the card's title, description, and call-to-action button. \ncheck_circle\n\n### Do\n\nUse a scrim to improve readability and content digestion. \ncancel\n\n### Don't\n\nMake sure the background doesn't affect readability and visibility of the rest of the content on the screen."]]
