Bande en demande: Conception de Canada.ca
Dernière mise à jour : 2025-06-25
La configuration en demande met en avant les tâches principales pour les pages d’accueil offrant une multitude de choix. Les tâches principales sont les actions que les utilisateur·rice·s cherchent le plus à effectuer dans un contexte particulier. La configuration en demande prend la forme d’une bande qui s’étend sur toute la largeur de la page sur laquelle elle apparaît.
Sur cette page
Quand l’utiliser
Utilisez ce modèle sur les pages d'accueil où les utilisateurs essaient de trouver par où commencer leur tâche, comme une page de sujet ou une page d’accueil institutionnelle.
La configuration de conception en demande est requise dans les modèles obligatoires suivants :
Quoi éviter
N’utilisez pas ce modèle lorsque vous voulez que les gens restent sur la page et accomplissent leur tâche.
Ne l’utilisez pas pour promouvoir les préférences ministérielles. Utilisez des données et des preuves pour déterminer les principales tâches auxquelles les personnes essaient d’accéder.
Ne présentez pas différentes tâches principales sur les versions anglaise et française de la page d’accueil. Les principales tâches doivent être les mêmes dans les deux langues.
Contenu et conception
Trouver des spécifications de contenu et de conception et des exemples visuels.
Spécifications de contenu
L’en-tête de section est « En demande » en français et « Most requested » en anglais.
Incluez des liens vers les principales tâches pertinentes – utilisez des preuves et des données pour déterminer quels liens doivent apparaître.
Organisez les liens dans une liste à puces.
Faites en sorte que les puces soient visibles pour que les liens soient faciles à analyser.
Maximum recommandé de huit liens.
Utilisez des étiquettes de liens en langage clair et simple, axées sur les tâches (évitez les noms ou les titres de programmes qui pourraient ne pas être connus des gens).
Sur les grands écrans :
- l’en-tête de section apparaît à gauche des liens;
- la liste des liens apparaît sur deux colonnes maximum.
Sur les petits écrans :
- l’en-tête de section apparaît au-dessus des liens;
- la liste des liens apparaît dans une seule colonne.
Spécifications de conception
- Mise en page :
- Colonnes : deux colonnes de puces sur les écrans grands et moyens, une seule colonne de puces sur les petits écrans (si vous n’avez que deux ou trois liens, faites une seule colonne pour toutes les tailles d’écran).
- Ordre des onglets : de gauche à droite, puis de haut en bas.
- Style :
- Couleur de fond : #f5f5f5
- Famille de police : Lato
- Épaisseur de la police : gras
- Titre: H2, Lato : 24 px (ordinateur de bureau), 22 px (mobile)
- Hauteur de ligne : 1.8 em
- Taille du texte : 18 px (ordinateur de bureau et mobile)
Exemples visuels
Description de l’image : en demande - grand écran
Les liens en demande apparaissent dans une bande horizontale avec l’en-tête de section « En demande ». Les liens sont organisés dans une liste à puces.
Description de l’image : en demande - petit écran
Les liens en demande apparaissent dans une liste à puces sous l’en-tête de section « En demande ».
Comment procéder à la mise en œuvre
Trouvez des exemples pratiques et de code pour mettre en œuvre la configuration de conception en demande.
Référence pour la mise en œuvre du thème GCWeb (BOEW)
La référence à l’implémentation explique la façon de configurer chaque élément de la bande en demande.
Mises en œuvre
Déterminez ce qui convient le mieux au type de page que vous créez.
GC-AEM
Pour Adobe Experience Manager (AEM) du gouvernement du Canada :
SGDC
Pour la Solution de gabarits à déploiement centralisé (SGDC) :
Recherche
L’approche par bandes de la configuration de conception en demande a été testée avec succès sur la page d’accueil de Canada.ca en 2018.
Dans le cadre du projet Communiquez avec l’Agence du revenu du Canada (ARC) en 2019, l’approche par bandes a été testée avec succès sur un prototype de la page d’accueil institutionnelle de l’ARC.
L’utilité des liens en demande pour les pages de navigation a été reconfirmée dans le cadre du projet Orientation en 2022.
Derniers changements
- Retiré l’étiquette facultative car la configuration est obligatoire sur certains modèles.
- Mise à jour des caractéristiques typographiques en parallèle avec les activités d'alignement pour GCWeb et le Système de design GC.
- Orientation mise à jour pour refléter le style à bandes de la configuration de conception en demande.
- Documenté le modèle en demande.
Détails de la page
- Date de modification :