Le composant Header permet aux utilisateurs d’identifier le site sur lequel ils se trouvent. C’est un composant clé de repère et de Navigation qui est affiché sur toutes les pages et toujours positionné en haut de l’interface. En plus d’être l’élément principal…

Le rôle de l’univers collaborateur est d’assurer une cohérence au sein des portails métiers. Il s’inscrit dans le label Poste de travail porté par BPCE-SI. L’enjeu est de s’adapter au contexte des applications collaborateurs tout en garantissant une unité dans l’expérience utilisateur au sein…

Un fil d’Ariane ou breadcrumb, est une aide à la Navigation qui est généralement placée entre l’en-tête d’un site et le contenu principal. Elément secondaire de Navigation, il indique le positionnement de la page en cours par rapport aux niveaux supérieurs. Quand…

Le rôle de l’univers collaborateur est d’assurer une cohérence au sein des portails métiers. Il s’inscrit dans le label Poste de travail porté par BPCE-SI. L’enjeu est de s’adapter au contexte des applications collaborateurs tout en garantissant une unité dans l’expérience utilisateur au sein…

Une popover est un calque qui apparaît au-dessus de la page. Une seule popover peut apparaître à la fois et peut contenir différents textes et éléments interactifs. Les popovers affichent le contenu ou les fonctionnalités liés à un élément particulier. Elles s’ancrent…

Les fenêtres de dialogue modales sont des éléments flottants superposés à l’interface utilisateur. Elle rendent le contenu situé au dessous inactif. Elles sont généralement, positionnées en haut d’une page. Elles sont utilisées pour attirer l’attention des utilisateurs, les informer, leur permettre de…

La timeline permet de visualiser une séquence d’événements sur le long terme. Elle permet de positionner de manière chronologique des événements en cours, passé et à venir. Accéder à la librairie Figma NEO 3 Quand utiliser le composant ? Pour représenter l’état…

Le carrousel permet d’afficher une séquence d’éléments comme des images, des illustrations, ou de comparer des options ou des offres grâce à un défilement horizontal. C’est un composant qui facilite la présentation de contenus sur un écran de taille restreinte. Quand utiliser…

Les onglets sont utilisés pour regrouper des informations sous forme de section. Ils permettent aux utilisateurs de naviguer d’un contenu à un autre dans un même contexte, sur une même page. Ils rendent le contenu accessible individuellement et facilitent sa lecture. Accéder…