Docs

Composants (personnalisation de la mise en page)

Mis à jour 28 avril 2025

Carrousel

Un carrousel est un élément d'interface utilisateur qui présente une série d'éléments défilables horizontalement. Chaque élément est généralement affiché sous forme de vignette graphique et peut être parcouru en balayant l'écran vers la gauche ou la droite, ou en cliquant sur les boutons fléchés affichés à l'écran. Dans une application, un carrousel est souvent utilisé pour afficher un ensemble d'images ou d'autres médias sur lesquels on peut cliquer ou appuyer pour accéder à plus d'informations ou effectuer une autre action.

Carrousel de collections

Un carrousel de collections est une fonctionnalité qui affiche un groupe d'éléments liés à un thème ou une catégorie particulière. Les éléments d'un carrousel de collections sont généralement organisés en un ensemble de cartes défilant horizontalement, et l'utilisateur peut balayer vers la gauche ou la droite pour voir les différents éléments. Les carrousels de collections sont utilisés dans les applications e-commerce pour permettre aux utilisateurs de parcourir une sélection de produits organisée par thème ou catégorie. Par exemple, une application peut avoir un carrousel de collections « mode d'été » qui présente une sélection de vêtements et d'accessoires adaptés à la saison estivale.

Carrousel de produits

Un carrousel de produits est un type de carrousel qui affiche une sélection de produits à vendre. Les produits d'un carrousel de produits sont généralement organisés en une série de cartes à défilement horizontal, et l'utilisateur peut balayer vers la gauche ou la droite pour voir les différents articles. Les carrousels de produits sont souvent utilisés dans les applications e-commerce pour permettre aux utilisateurs de parcourir une sélection de produits et d'afficher plus d'informations sur chaque article. Par exemple, une application peut avoir un carrousel de produits pour les « nouveautés » qui affiche une sélection de produits récemment lancés, ou un carrousel de produits pour les « meilleures ventes » qui affiche une sélection des produits les plus populaires.

Carrousel d'images

Un carrousel d'images est un élément de fonctionnalité qui affiche une série d'images dans une liste horizontale, avec une fonction permettant aux utilisateurs de faire défiler les images. Les images d'un carrousel d'images sont généralement affichées sous forme de cartes à défilement horizontal, et l'utilisateur peut balayer vers la gauche ou la droite pour voir les différentes images. Les carrousels d'images sont souvent utilisés dans les applications pour permettre aux utilisateurs de parcourir une sélection d'images et d'afficher plus d'informations sur chacune. Par exemple, une application peut avoir un carrousel d'images pour les « bannières » mises en avant qui affiche une sélection d'images d'offres, de produits ou de promotions, ou un carrousel d'images pour les « produits tendance » qui affiche une sélection d'articles populaires.
 

Liste de produits

Une liste de produits est une fonctionnalité d'une application qui affiche une sélection de produits disponibles à la vente. Les produits d'une liste de produits sont généralement organisés verticalement, chaque produit étant représenté par une carte contenant des informations telles que le nom du produit, le prix et une image miniature. Les listes de produits sont utilisées dans les applications e-commerce pour permettre aux utilisateurs de parcourir une sélection de produits et de consulter plus d'informations sur chaque article. Les utilisateurs peuvent généralement appuyer sur un produit de la liste pour afficher des informations plus détaillées, telles qu'une description, des images supplémentaires et des avis clients. Les listes de produits peuvent également inclure des fonctionnalités telles que des options de tri et de filtrage pour aider les utilisateurs à trouver les produits qui les intéressent.

Liste de collections

Une liste de collections est une fonctionnalité d'une application qui affiche différentes collections, généralement organisées sous forme de liste verticale, chaque élément étant représenté par une carte contenant des informations telles que le nom de la collection et son image. Les listes de collections sont souvent utilisées dans les applications e-commerce pour permettre aux utilisateurs de parcourir une sélection de produits organisée par thème ou par catégorie. Par exemple, une application peut proposer une liste de collections où les clients trouvent la catégorie qui les intéresse lors d'un achat ; une collection pour les vêtements ou les accessoires en est un bon exemple.

Carrousel d'images

Un carrousel d'images est un élément d'interface qui affiche une image et permet à l'utilisateur de naviguer vers d'autres images en cliquant sur des boutons fléchés ou en utilisant des points de navigation. Les carrousels d'images sont souvent utilisés pour mettre en valeur une image ou un petit groupe d'images, et ils sont courants sur les sites web et dans les applications mobiles.
Dans une application, un carrousel d'images peut servir à afficher une série d'images de produits, par exemple, ou à présenter une série d'images illustrant un concept ou une idée particulière. L'utilisateur peut naviguer entre les images en balayant l'écran vers la gauche ou la droite, ou en cliquant sur les boutons fléchés affichés à l'écran. Certains carrousels permettent également de mettre le diaporama en pause et de sélectionner manuellement une image parmi celles affichées.

Texte

Le texte est une fonctionnalité couramment utilisée dans les applications pour afficher des informations écrites à l'utilisateur. Le texte peut servir à de nombreuses fins, comme afficher des instructions, des descriptions, des libellés ou d'autres types d'informations. Il peut être présenté sous différentes formes, comme un paragraphe, une liste ou un titre, et être mis en forme avec différentes tailles, couleurs et autres options de style. Le texte est souvent combiné à d'autres fonctionnalités, comme des images, des boutons ou des liens, pour offrir une expérience utilisateur plus interactive et engageante.

Texte repliable

La fonctionnalité de texte réductible permet aux utilisateurs de déplier ou de replier un bloc de texte en appuyant sur un bouton, un lien ou un menu déroulant. Lorsque le texte est replié, seul un résumé ou un extrait s'affiche, et l'utilisateur peut appuyer sur le bouton ou le lien pour afficher le texte complet. Cela permet de gagner de l'espace et de faciliter la lecture et la navigation dans de longs blocs de texte. Le texte réductible est souvent utilisé dans les applications pour afficher des informations qui ne sont pas essentielles pour tous les utilisateurs, ou que certains préfèrent ignorer. Par exemple, une application peut utiliser un texte réductible pour afficher une description détaillée d'un produit, avec la possibilité pour les utilisateurs de consulter la description complète s'ils le souhaitent.

Recommandation de produits 

Une fonctionnalité de recommandation de produits est une fonction d'une application qui suggère des produits aux utilisateurs en fonction de leurs centres d'intérêt ou de leur comportement passé. Les fonctionnalités de recommandation de produits sont souvent utilisées dans les applications e-commerce pour aider les utilisateurs à découvrir de nouveaux produits susceptibles de les intéresser et à les encourager à effectuer des achats supplémentaires. Plusieurs algorithmes et techniques différents peuvent être utilisés pour générer des recommandations de produits, tels que le filtrage collaboratif, le filtrage basé sur le contenu et la factorisation matricielle. Les fonctionnalités de recommandation de produits peuvent s'appuyer sur divers facteurs, tels que les produits qu'un utilisateur a consultés ou achetés par le passé, les catégories ou marques qui l'intéressent, ainsi que les notes ou avis qu'il a laissés sur d'autres produits.