Header classic - En-tête

L'en-tête (ou header) est le haut de page du site comprenant les éléments principaux de navigation.

Header - Bandeau - classic

L'en-tête permet à l'utilisateur d'identifier sur quel site il se trouve, d'accéder à la recherche, de se connecter sur la plateforme, de se repérer et de naviguer à travers les différentes pages principales.

 

✅ Usage correct :

L'en-tête doit être structurée de la même façon sur toutes les pages du site.

 

Localisation :

L'en-tête est située en haut de chaque page, en position fixe, et est toujours visible (au scroll y compris).

 


Comportement général

Lorsque l'utilisateur clique sur le bloc marque ou le titre de la page, il est instantanément redirigé sur la page d'accueil (qu'importe où il se trouve lors de cette action).

S'il clique sur le bouton de recherche, un champ de saisi s'affiche en état actif, l'utilisateur peut alors saisir du texte et valider sa recherche.

S'il clique sur le bouton de connexion, le parcours de connexion se lance.

S'il clique sur les boutons d'actions, le contenu correspondant s'affiche instantanément.

S'il clique sur les liens externes, ceux-ci s'affichent dans un nouvel onglet du navigateur.

Enfin, si l'utilisateur clique sur le bouton de menu, un panneau latéral avec les différents accès internes s'affiche lui permettant de naviguer sur les différentes pages de la plateforme.

 

Au scroll :

  • Les liens externes (s’il y en a) disparaissent
  • Le contenu des pages passe sous l'en-tête