En-tête général: Conception de Canada.ca

Obligatoire

L’en-tête général se trouve au haut de chaque page Web du gouvernement du Canada.

Le fait d’avoir le même en-tête sur toutes les pages :

• renforce la marque Canada.ca;
• favorise la confiance;
• offre une expérience unifiée de la présence du gouvernement du Canada sur le Web;
• permet de naviguer dans le large éventail de services et de renseignements proposés.

Mise à jour de la conception en 2023 : nous avons récemment mis à jour ce modèle dans le cadre d’une nouvelle stratégie de navigation issue du projet de recherche Orientation. Pour en savoir plus sur ce projet, consultez la section Recherche et justification.

Sur cette page

• Quand l’utiliser
• Quoi éviter
• Contenu et conception
• Comment procéder à la mise en œuvre
• Recherche et justification
• Derniers changements

Quand l’utiliser

Inclure l’en-tête général sur toutes les pages Web du gouvernement du Canada. Déterminez les éléments d’en-tête à utiliser en fonction du type de page que vous créez.

Quoi éviter

Ne personnalisez pas les éléments obligatoires de l’en-tête général au-delà de ce qui est recommandé dans les instructions pour chacun d’entre eux. La cohérence dans cet espace est essentielle pour renforcer la notoriété de la marque et la confiance des utilisateurs.

Par exemple, le symbole du drapeau dans la signature du gouvernement du Canada devrait toujours être du ton de rouge approprié. Le premier lien du fil d’Ariane devrait toujours être intitulé « Canada.ca » et pointer vers la page d’accueil de Canada.ca.

Contenu et conception

Trouver des spécifications du contenu et de conception et des exemples visuels.

• Signature du gouvernement du Canada
• Lien pour changer de langue
• Champ de recherche du site
• Bouton « Se connecter »
• Menu thématique
• Fil d’Ariane

Exemples visuels

Pages régulières

Texte de remplacement : schéma de l’en-tête général pour les grands écrans.

Sur les grands écrans, l’en-tête général sur une page régulière comporte 4 lignes :

1. Lien pour changer de langue à l’extrême droite;
2. Signature du gouvernement du Canada à gauche, champ de recherche du site à droite;
3. Sous une ligne de séparation, le menu thématique se trouve à gauche, le bouton facultatif « Se connecter » se trouve à droite;
4. Fil d’Ariane à gauche.

Texte de remplacement : schéma de l’en-tête général pour les petits écrans.

Sur les petits écrans, l’en-tête général sur une page régulière comporte 4 lignes :

1. Signature du gouvernement du Canada à gauche, lien pour changer de langue à l’extrême droite;
2. Le champ de recherche du site couvre toute la ligne;
3. Sous une ligne de séparation, le menu thématique se trouve à gauche, le bouton facultatif « Se connecter » se trouve à droite;
4. Fil d’Ariane à gauche.

Pages transactionnelles

Texte de remplacement : schéma de l’en-tête général minimum sur un grand écran

Sur les grands écrans, l’en-tête général minimum sur une page transactionnelle comporte 2 lignes :

1. Lien pour changer de langue à l’extrême droite;
2. Signature du gouvernement du Canada à gauche avec une ligne de séparation en dessous.

Texte de remplacement : schéma de l’en-tête général minimum sur un petit écran

Sur les petits écrans, l’en-tête général minimum sur une page transactionnelle comporte une seule ligne :

1. Signature du gouvernement du Canada à gauche, lien pour changer de langue à droite, avec une ligne de séparation en dessous.

Pages de campagne

Texte de remplacement : schéma de l’en-tête général minimum sur un grand écran

Sur les grands écrans, l’en-tête général minimum sur une page de campagne comporte 3 lignes :

1. Lien pour changer de langue à l’extrême droite;
2. Signature du gouvernement du Canada à gauche, champ de recherche du site à droite;
3. Sous une ligne de séparation, le fil d’Ariane est à gauche.

Texte de remplacement : schéma de l’en-tête général minimum sur un petit écran

Sur les petits écrans, l’en-tête général minimum sur une page de campagne comporte 3 lignes :

1. Signature du gouvernement du Canada à gauche, lien pour changer de langue à l’extrême droite;
2. Le champ de recherche du site couvre toute la ligne;
3. Sous une ligne de séparation, le fil d’Ariane est à gauche.

Comment procéder à la mise en œuvre

Voyez des exemples concrets et accédez au code pour mettre l’en-tête en œuvre.

Référence pour la mise en œuvre du thème GCWeb (BOEW)

La référence à l’implémentation comprend la façon de configurer chaque élément de l’en-tête.

• Documentation de l’en-tête GCWeb (Boîte à outils de l’expérience Web)

Mises en œuvre

Déterminez ce qui convient le mieux au type de page que vous créez. Consultez les instructions applicables à votre implémentation si vous souhaitez exclure les fils d’Ariane.

Recherche et justification

Consultez les conclusions des recherches et la justification de la politique.

Constatations découlant des recherches

Deux projets de recherche sont à la base des dernières mises à jour des directives relatives à l’en-tête.

Étude sur la confiance en Canada.ca

Notre étude sur la confiance en Canada.ca et des recherches antérieures montrent qu’un en-tête cohérent est nécessaire pour maintenir une marque de confiance.

À ce titre, les gens font plus confiance, par exemple :

• au drapeau dans la signature du gouvernement du Canada quand il est rouge;
• à un fond blanc plus qu’à un mode sombre.

Si vous souhaitez en savoir plus au sujet de cette recherche, communiquez avec le Bureau de la transformation numérique à cds.dto-btn.snc@servicecanada.gc.ca.

Projet Orientation dans Canada.ca

Nous avons mis à jour l’en-tête général de Canada.ca pour l’harmoniser à une nouvelle stratégie de navigation globale issue du projet de recherche Orientation.

• Résumé de recherche : Orientation dans Canada.ca
  Résumé qui explique le contexte de la recherche et les idées qui ont motivé les mises à jour de la conception
• Le projet de recherche Orientation améliore notre approche de la navigation dans Canada.ca
  Billet de blogue qui explique les changements apportés à la conception de Canada.ca et comment ils sont mis en œuvre

Justification stratégique

Ce modèle est un élément obligatoire des Spécifications de Canada.ca.

• Éléments obligatoires du système de conception

Derniers changements

2023-06-26

Mise à jour du modèle pour refléter les changements de la conception en fonction de l’étude sur la confiance et du projet Orientation, ajout d’exemples visuels pour les différents types de pages et ajout de liens vers des projets de recherche qui servent à éclairer les directives relatives à l’en-tête

2022-08-17

Mise à jour de la conception du contenu pour plus de clarté, ajout d'un bouton contextuel de connexion, ajout de ressources de mise en œuvre

2020-06-25

La version pour petits écrans a été modifiée pour être plus mince