Les en-têtes fixes peuvent être une réponse ergonomique efficace pour les utilisateurs. À condition d’être discrets, bien contrastés et peu animés.
Les en-têtes "sticky" sont utilisés pour maintenir le menu d'un site web ou d'une application au même endroit sur l'écran lorsque l'utilisateur fait défiler la page vers le bas. Lorsqu'ils sont bien conçus, les en-têtes "sticky" permettent aux utilisateurs d'accéder rapidement aux éléments de navigation et de recherche sans avoir à remonter tout en haut de la page. Cependant, ils peuvent être gênants et distrayants pour l’utilisateur. Voici 5 conseils pour s’assurer qu’ils répondent parfaitement aux besoins des internautes.
Optimisez l'affichage en réduisant la taille de l'en-tête
Les en-têtes fixes prennent de l'espace sur l'écran, il est donc important que vous utilisiez cet espace de manière efficace. Ce facteur est encore plus important sur les appareils mobiles, étant donné la petite taille de l'écran. Vous devez vous assurer que votre en-tête prenne le moins d'espace possible tout en offrant un texte lisible et des tailles de cibles tactiles appropriées.
Optez pour une différenciation visuelle suffisante de l’en-tête
Étant donné que l'en-tête fixe apparaîtra en haut de chaque point de la page, il est important qu'il présente un contraste visuel suffisant avec l'arrière-plan pour être perceptible, lisible et clairement différencié du contenu qu'il surplombe. Par conséquent, il doit être d'une couleur opaque, différente de l'arrière-plan et des zones de contenu principales.
Avoir des animations simples, adaptées et fonctionnelles
L'animation est souvent un facteur de perturbation, de distraction et d'agacement pour les utilisateurs. Il est préférable de ne pas utiliser d'animation du tout et de maintenir simplement l'en-tête en place lorsque l'utilisateur fait défiler la page. L'animation peut s'avérer nécessaire dans deux cas : le rétrécissement d'une grande zone d'en-tête ou les en-têtes partiellement fixes.
Envisagez si possible des en-têtes partiellement fixes
Les en-têtes partiellement fixes sont le plus souvent utilisés sur les appareils mobiles. Ils offrent un en-tête facilement accessible depuis n'importe quel endroit de la page, mais qui reste discret pendant que vous lisez et faites défiler la page vers le bas. Les apparitions de ces en-têtes partiellement fixes ne doivent survenir ni trop tôt ni trop lentement.
Interrogez la nécessité d'un en-tête fixe
Il est important de se demander si l'en-tête "sticky" est vraiment nécessaire. En effet, son utilisation vous fait perdre de l'espace à l'écran sur chaque page de votre site. Il faut donc qu’il soit utile à vos utilisateurs. Effectuez une analyse coûts-avantages en répondant aux questions suivantes :
- Quels types d'éléments votre en-tête contiendra-t-il ? Navigation principale ? Fonctionnalités ? Un logo ?
- Ces éléments sont-ils susceptibles d'être utilisés plus souvent ou à tout moment au cours d'une session ?
Les réponses à ces questions varient en fonction du type de site, de la navigation et du contenu.
En somme, un en-tête fixe peut être un ajout positif à un site, mais seulement s'il a une véritable utilité. Le cas échéant, veillez à ce qu'il soit aussi petit que possible, qu'il présente un contraste élevé par rapport à l'arrière-plan, qu'il n'utilise pas d'animation superflue, qu'il ne masque pas le contenu et qu'il ne perturbe pas l'attention des utilisateurs.
