En-tête du site : réussir sa première impression

Ergonomie • Webdesign
Le 18 mars 2020
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

La bannière, au fond à quoi ça sert ?

 
Ce qu'on appelle « bannière », c'est la section tout en haut du site, qui s'affiche sur toutes les pages. Sa vue s'impose donc à nous qu'on le veuille ou non, d'un bout à l'autre de notre visite.
  
Par conséquent :
 
1. C'est la première chose que voit le nouveau visiteur. S'il se demande où il est, il est souhaitable de le renseigner rapidement.
 
2. Le visiteur déjà familier avec le site est peut-être là pour retrouver les informations de contact. Il est souhaitable qu'elles lui sautent aux yeux sans effort. Par exemple pour connaître le numéro de téléphone d'une entreprise, si on a son navigateur ouvert on préfère souvent se rendre sur le site plutôt qu'ouvrir son carnet d'adresse. 
 
3. Et c'est important aussi que la bannière sache se faire oublier : si l'internaute est occupé à rechercher un contenu dans la page, la bannière ne doit pas le distraire, au risque sinon qu'il trouve sa visite fatigante ou pénible.
 
 Exemple de bannière simple, qui joue sur la transparence
 

Que mettre dans la bannière ?


Pour renseigner le nouveau visiteur qui se demande s'il est au bon endroit : mettez votre logo, de préférence avec le nom de l'entreprise lisible. Au-dessous par exemple, ajoutez, sous forme de quelques mots, l'intitulé très bref de votre activité, en mode factuel et non publicitaire.
Exemple : Expertise comptable & conseils
 
 
Pour renseigner le visiteur familier du site : mettez l'adresse de l'entreprise, le numéro de téléphone, et le cas échéant un bouton Contact permettant de vous adresser un message.
Exemple : à gauche, le logo, à droite deux blocs avec adresse + numéro de téléphone + bouton Contact

 
Pour que la bannière reste discrète : évitez les illustrations, ou alors extrêmement estompées, restez sur des aplats. Ne mettez aucun autre contenu que le strict nécessaire.
Exemple : une bannière qui devient plus étroite quand on descend dans la page.
 
 
  

Que ne pas mettre dans la bannière ?


 
Ne détournez pas l'attention : ne mettez pas en avant un produit, une offre ou une promotion qui ne serait pas votre cœur d'activité. Ce serait faire mauvais usage de la position privilégiée de la bannière dans l'écran, et cela vous ferait courir le risque de manquer de clarté, donc de faire fuir le nouveau visiteur.
 
Évitez le ton publicitaire : la bannière ne fait pas partie intégrante du site, conservez-lui un ton neutre. Les phrases-choc, les slogans, ont besoin pour être efficaces d'un contexte qui prépare le visiteur à les accueillir : ils ne sont pas à leur place dans la bannière.
 
 
 
 
 
 
 
 
 

D'autres exemples de bannières ?