Sélection de carrousels

La sélection de carrousels présente une sélection de contenus pertinents pour l'utilisateur.

Reprise

Ressources

Type Lien État
conception Source de la conception (Figma) Disponible
Implémentation Jetpack Compose Disponible

Sélection

  • Utilisez des carrousels mis en avant pour mettre en avant des contenus spécifiques.
  • Les carrousels présentés peuvent inclure des éléments d'interface utilisateur tels que des images, des titres, des détails sur le contenu, des vidéos, des actions et des commandes de pagination.
  • Les carrousels sont généralement situés sur la page d'accueil ou la page de destination de l'application, ce qui les rend facilement accessibles.
  • Les carrousels présentés sont visuellement attrayants pour aider à engager l'utilisateur et créer une expérience immersive.
  • Le contenu affiché peut être personnalisé en fonction de l'historique de consultation de l'utilisateur, de ses préférences ou des tendances actuelles.

Variantes

Il existe deux façons d'intégrer une sélection de carrousels:

  1. Immersif
  2. Fiche

Carrousel immersif à la sélection

Carrousel de fiches sélectionnées

Blocage de contenu

Anatomie

Anatomie d'un bloc de contenu

  1. Texte en surligne
  2. Titre
  3. Description
  4. Bouton

Caractéristiques techniques

Spécification Immersive pour le bloc de contenu

Pagination

Anatomie

Paginaton

  1. Arrière-plan
  2. Élément actif
  3. Éléments inactifs
  4. Nombre total d'éléments

Caractéristiques techniques

Spécification de pagination

Immersif

Anatomie

Anatomie immersive

Anatomie d'un arrière-plan immersif

  1. Arrière-plan de l'image
    1. Fond cinématique
    2. Affiche
    3. Couleur du fond
  2. Blocage de contenu
  3. Pagination
  4. Grille de contenu

Caractéristiques techniques

Caractéristiques immersives

Fiche

Anatomie

Anatomie du carrousel de la sélection de fiches

Anatomie de l'image du carrousel de la fiche

  1. Arrière-plan de l'image
    1. Fond cinématique
    2. Affiche
    3. Arrière-plan de la carte
  2. Blocage de contenu
  3. Pagination
  4. Grille de contenu

Caractéristiques techniques

Spécifications du carrousel de la sélection de fiches

Utilisation

Utilisez des carrousels mis en avant pour présenter et promouvoir une sélection de contenus dans un format engageant, visuellement attrayant et facile à parcourir.

Images en arrière-plan

Les images en arrière-plan jouent un rôle crucial dans l'amélioration de l'engagement des utilisateurs dans le carrousel présenté dans une application de streaming.

Images de haute qualité

Utilisez des images haute résolution visuellement attrayantes et pertinentes par rapport au contenu de la carte ciblée.

Faites en sorte que les images soient propres, visuellement attrayantes et pertinentes par rapport au bloc de contenu.
Évitez d'utiliser des images contenant du texte en arrière-plan.

Hiérarchie visuelle évidente

Assurez-vous que l'arrière-plan ne détourne pas le contenu de la carte sélectionnée en utilisant une toile sur l'image. Cela aide l'utilisateur à rester concentré sur le titre, la description et le bouton d'incitation à l'action de la carte.

Utilisez un fond pour améliorer la lisibilité et la digestion du contenu.
Assurez-vous que l'arrière-plan n'affecte pas la lisibilité ni la visibilité du reste du contenu à l'écran.