Carruseles destacados

Los carruseles destacados muestran una selección de contenido relevante para el usuario.

Recursos

Tipo	Vínculo	Estado
Diseño	Fuente del diseño (Figma)	Disponible
Implementación	Jetpack Compose	Disponible

Lo más destacado

• Usa carruseles destacados para destacar contenido específico.
• Los carruseles destacados pueden incluir elementos de la IU, como imágenes, títulos, detalles de contenido, videos, acciones y controles de paginación.
• Los carruseles se suelen ubicar en la página principal o de destino de la app, lo que facilita el acceso.
• Los carruseles destacados son visualmente atractivos para ayudar a atraer al usuario y crear una experiencia envolvente.
• El contenido que se muestra se puede personalizar en función del historial de visualizaciones, las preferencias o las tendencias actuales del usuario.

Variantes

Existen dos formas diferentes de integrar los carruseles de contenido destacado:

1. Envolvente
2. Tarjeta

Bloque de contenido

Anatomía

1. Superposición de texto
2. Títulos
3. Descripción
4. Botón

Especificaciones

Paginación

Anatomía

1. Información general
2. Elemento activo
3. Elementos inactivos
4. Elementos totales

Especificaciones

Envolvente

Anatomía

1. Fondo de la imagen
   1. Lámina cinematográfica
   2. Póster
   3. Color de fondo
2. Bloque de contenido
3. Paginación
4. Cuadrícula de contenido

Especificaciones

Tarjeta

Anatomía

1. Fondo de la imagen
   1. Lámina cinematográfica
   2. Póster
   3. Fondo de la tarjeta
2. Bloque de contenido
3. Paginación
4. Cuadrícula de contenido

Especificaciones

Uso

Usa carruseles destacados para mostrar y promocionar una selección de contenido en un formato atractivo, visualmente atractivo y fácil de navegar.

Imágenes en segundo plano

Las imágenes en segundo plano desempeñan una función fundamental para mejorar la participación del usuario en un carrusel destacado de apps de streaming.

Imágenes de alta calidad

Usa imágenes de alta resolución que sean visualmente atractivas y relevantes para el contenido de la tarjeta enfocada.

check_circle

Qué debes hacer

Mantén las imágenes limpias, visualmente atractivas y relevantes para el bloque de contenido.

cancel

Qué no debes hacer

Evita usar imágenes con texto en el fondo.

Jerarquía visual obvia

Asegúrate de que el fondo no distraiga al contenido de la tarjeta enfocada con una lámina sobre la imagen. Esto ayuda al usuario a mantener el enfoque en el título, la descripción y el botón de llamado a la acción de la tarjeta.

check_circle

Qué debes hacer

Usa una lámina para mejorar la legibilidad y la digestión del contenido.

cancel

Qué no debes hacer

Asegúrate de que el fondo no afecte la legibilidad ni la visibilidad del resto del contenido en la pantalla.