קרוסלות נבחרות
קל לארגן דפים בעזרת אוספים
אפשר לשמור ולסווג תוכן על סמך ההעדפות שלך.
קרוסלות מומלצות מציגות מבחר של תוכן שרלוונטי למשתמש.
משאבים
המיטב
- אפשר להשתמש בקרוסלות מומלצות כדי להדגיש תוכן ספציפי.
- קרוסלות מומלצות יכולות לכלול רכיבי ממשק משתמש כמו תמונות, כותרות, פרטי תוכן, סרטונים, פעולות ואמצעי בקרה של מספור הדפים.
- קרוסלות ממוקמות בדרך כלל בדף הבית או בדף הנחיתה של האפליקציה, ולכן קל לגשת אליהן.
- הקרוסלות המומלצות מושכות את העין ועוזרות למשתמשים להתעניין בתוכן וליהנות מחוויה סוחפת.
- התוכן שמוצג יכול להיות מותאם אישית על סמך היסטוריית הצפייה, ההעדפות או הטרנדים הנוכחיים של המשתמש.
וריאנטים
יש שתי דרכים לשלב קרוסלות של מוצרים נבחרים:
- ריכוז
- קלפים
בלוק תוכן
אנטומיה
- טקסט עם קו מעל
- כותרת
- תיאור
- לחצן
מפרטים
אנטומיה
- רקע
- רכיב פעיל
- רכיבים לא פעילים
- סה"כ רכיבים
מפרטים
ריכוז
אנטומיה
- רקע של תמונה
- מיסוך קולנועי
- Poster
- צבע הרקע
- בלוק תוכן
- עימוד
- רשת תוכן
מפרטים
קלפים
אנטומיה
- רקע של תמונה
- מיסוך קולנועי
- Poster
- רקע הכרטיס
- בלוק תוכן
- עימוד
- רשת תוכן
מפרטים
שימוש
אפשר להשתמש בקרוסלות מומלצות כדי להציג ולקדם מבחר תוכן שנבחר בקפידה בפורמט מעניין, מושך מבחינה ויזואלית ופשוט לניווט.
תמונות ברקעים
לתמונות ברקעים יש תפקיד חשוב בשיפור האינטראקציה של המשתמשים בקרוסלה של אפליקציית סטרימינג.
תמונות באיכות גבוהה
השתמשו בתמונות ברזולוציה גבוהה שמושכות את העין ורלוונטיות לתוכן של הכרטיס הממוקד.
check_circle
מה מומלץ לעשות
התמונות צריכות להיות נקיות, מושכות מבחינה ויזואלית ורלוונטיות לבלוק התוכן.
cancel
מה אסור לעשות
אל תשתמשו בתמונות עם טקסט ברקע.
היררכיה חזותית ברורה
כדי שהמשתמש יוכל להתמקד בכותרת, בתיאור ובלחצן הקריאה לפעולה של הכרטיס, צריך לוודא שהרקע לא יסיח את דעתו מהתוכן של הכרטיס. לשם כך, אפשר להשתמש בבד שקוף מעל התמונה.
check_circle
מה מומלץ לעשות
כדאי להשתמש במסך חצי שקוף כדי לשפר את הקריאות וההבנה של התוכן.
cancel
מה אסור לעשות
חשוב לוודא שהרקע לא משפיע על נוחות הקריאה ועל הנראות של שאר התוכן במסך.
דוגמאות התוכן והקוד שבדף הזה כפופות לרישיונות המפורטים בקטע רישיון לתוכן. Java ו-OpenJDK הם סימנים מסחריים או סימנים מסחריים רשומים של חברת Oracle ו/או של השותפים העצמאיים שלה.
עדכון אחרון: 2025-07-27 (שעון UTC).
[null,null,["עדכון אחרון: 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."]]
