Composants

Accordéons

Les accordéons permettent de créer des contenus qui peuvent être révélés ou masqués.

Alertes

Les alertes attirent l’attention sur des messages importants ou fournissent des retours d’information contextuels.

Appels à l'action

Les appels à l'action encouragent les utilisateurs à entreprendre des actions spécifiques.

Badges

Les badges permettent d’indiquer un statut ou un nombre d’éléments, ou encore de mettre en évidence d’autres éléments de l’interface.

Bannières héroïques

Les bannières héroïques présentent l’information ou le service à l’aide d’un titre et d’une brève description.

Barres de progression

Les barres de progression permettent aux utilisateurs de connaître l’état d’avancement d’un processus.

Blocs de contenu

Les blocs de contenu créent des groupes d'informations qui sont consultables et peuvent offrir plusieurs actions.

Boutons

Les boutons aident les utilisateurs à effectuer des actions comme enregistrer leurs renseignements, soumettre une demande, et plus encore.

Bouton de sortie

Fournissez une option de sortie rapide pour les pages abordant des sujets sensibles afin de soutenir les utilisateurs vulnérables.

Cartes

Les cartes présentent des sujets et des résumés faciles à consulter pour aider les utilisateurs à naviguer et à trouver les informations dont ils ont besoin.

Citation

Les citations sont utilisées pour citer des sources externes ou mettre en évidence un extrait important.

Encadrés

Les encadrés mettent en évidence des informations importantes, des extraits ou des exemples sur une page.

Étiquettes

Les étiquettes servent à ajouter des métadonnées aux éléments. Elles permettent aux utilisateurs de filtrer le contenu et y naviguer par catégories.

Fil d'Ariane

Le fil d’Ariane aide les utilisateurs à se situer dans l’architecture de l’information.

Formulaires

Les formulaires permettent aux utilisateurs de fournir des renseignements, de sélectionner des options et de réaliser des transactions.

Images et figures

Les images et les figures offrent diverses possibilités de mise en page et d’affichage réactifs.

Infobulles

Les infobulles affichent un texte informatif lorsque les utilisateurs survolent un élément, le sélectionnent ou le cliquent.

Lancement d'un service en ligne

Créer un appel à l’action pour lancer un service en ligne qui présente d’autres façons d’y accéder.

Liens

Les liens dirigent les utilisateurs vers d’autres pages, fichiers ou sites Web, ou vers des ancres au sein d’une même page.

Listes de contenu

Les listes de contenu sont utilisées pour afficher des résultats de recherche ou des liens vers d’autres ressources.

Modales

Les fenêtres modales peuvent être utilisées pour centrer l’attention sur une tâche, une information ou un point de décision précis.

Navigation principale

Le menu de navigation principal sert à présenter le niveau supérieur de l’architecture de l’information.

Navigations

Les éléments de navigation permettent aux utilisateurs de se déplacer à travers les étapes d’un service ou une hiérarchie d’information.

Onglets

Les onglets permettent aux utilisateurs de naviguer entre des sections de contenus connexes sur une même page.

Pagination

La pagination est utilisée pour répartir de grandes listes de contenus sur plusieurs pages.

Pieds de page

Les pieds de page sont des menus de navigation secondaires qui présentent des renseignements sur les droits d’auteur, la confidentialité et d’autres mentions légales.