Conception d'en-tête de site Web : choses à faire et à ne pas faire
Publié: 2019-08-06Un en-tête de site Web est l'une des premières choses que les utilisateurs voient lorsqu'ils visitent un site Web. Selon la qualité de la conception de l'en-tête de votre site Web, les en-têtes de site Web peuvent être vraiment géniaux ou vraiment terribles pour votre image de marque, votre expérience utilisateur et le succès de votre site Web. Ainsi, pour que vos utilisateurs restent engagés avec votre site Web, les concepteurs doivent créer un en-tête de site Web fantastique. Concevoir un en-tête de site Web qui rend votre site reconnaissable et promeut votre marque peut être un peu difficile. Voici donc quelques choses à faire et à ne pas faire à l'esprit lors de la conception d'un en-tête de site Web.
À faire
1. Utilisez des images visuellement attrayantes :
Une image époustouflante fait une excellente première impression. Vous pouvez choisir une photo, une animation, une vidéo ou un élément artistique pour donner aux utilisateurs ce qu'ils veulent. Quel que soit l'élément que vous choisissez, il doit être en haute résolution et offrir un contraste approprié avec les textes ou les boutons. Vous pouvez même utiliser des visages si votre service ou produit va bien avec. Cependant, les images dans la section d'en-tête ne sont pas seulement des régals pour les yeux. Ils sont l'aperçu des autres contenus de la page. Des images visuellement attrayantes, ainsi que d'autres éléments importants, tirent le meilleur parti du contenu. Ces éléments peuvent être n'importe quoi, de l'identifiant de la marque, du titre, de l'appel à l'action aux éléments de navigation et du bouton de recherche.
2. Ajoutez un message convaincant :
L'image d'en-tête n'est rien sans des textes créatifs qui expliquent l'idée du site Web. Quelque chose comme un logo peut inciter vos utilisateurs à surfer davantage sur le site Web. Vous pouvez même ajouter du contenu concernant l'objectif de votre site et l'objectif futur de l'entreprise. Selon les statistiques, une page Web interactive génère 20 % de trafic en plus que les autres sites Web non interactifs. Alors, concevez un en-tête qui communique avec les utilisateurs, les aidant à se sentir plus à l'aise avec votre site Web. Utiliser des messages fédérateurs faciles à comprendre est une bonne pratique. Vous devez toujours travailler la conception autour de l'objectif principal pour que la conception de l'en-tête ait l'air cohérente. N'oubliez pas non plus d'opter pour des images qui affichent l'énergie de votre marque.
3. Ajoutez des éléments de navigation selon vos besoins :
En-tête et navigation vont de pair. En fait, ils appartiennent tous les deux à un même concept visuel. Vous pouvez concevoir une icône de navigation qui apparaît ou une barre de navigation de menu complète, mais ajouter quelque chose comme ceci est un élément essentiel de la création d'une structure d'en-tête de site Web appropriée. Si vous souhaitez que votre utilisateur survole facilement le contenu de votre site Web, vous pouvez opter pour une icône de navigation collante. Cela aidera vos utilisateurs à accéder au panneau de navigation même s'ils s'éloignent de la page d'en-tête. Ainsi, l'ajout d'un panneau de navigation ainsi que de petits morceaux de texte et d'icônes peut vous aider à concevoir un en-tête interactif apprécié des utilisateurs.
4. Gardez à l'esprit les modèles de lecture :
Des études ont découvert qu'il existe trois modèles de mouvement oculaire, à savoir le modèle F, le diagramme de Guttenberg et le modèle Z. Selon le modèle F, les utilisateurs lisent la partie supérieure du contenu, puis la moitié de la page et enfin verticalement vers le bas en forme de F. Alors que dans le cas du diagramme de Gutenberg, il y a 4 zones actives, à partir de deux arrêts horizontaux par le haut de gauche à droite, puis du coin supérieur droit au coin inférieur gauche, puis par le bas. Dans le motif en Z, l'œil se déplace plusieurs fois d'avant en arrière de la même manière que dans le diagramme de Gutenberg. Ces modèles de lecture sont utilisés par les développeurs Web pour regrouper les données associées dans le flux visuel. Les modèles de lecture peuvent être bénéfiques pour la conception des en-têtes car les utilisateurs peuvent se concentrer et digérer le contenu plus rapidement. Vous devez donc placer les éléments en fonction de ces modèles de lecture.
5. Ajoutez des calques à votre conception :
La meilleure astuce pour rassembler tous les éléments dans un en-tête est de faire une superposition simple. Un en-tête exceptionnel qui attire les utilisateurs a un composant dominant ainsi que certaines techniques de conception de support qui sont des couches simples intégrées. La superposition peut non seulement vous aider à créer des espaces séparés pour chaque élément, mais également aider les utilisateurs à mieux se concentrer visuellement. Vos utilisateurs auront une meilleure idée de par où commencer, de ce qui mérite l'attention et de ce qui peut être survolé. Alors, essayez d'ajouter une couche à la conception de l'en-tête, cela peut prendre un certain temps à maîtriser, mais continuez d'essayer jusqu'à ce que vous obteniez quelque chose qui fonctionne bien avec votre idée de marque.
A ne pas faire
1. Ne remplissez pas l'en-tête avec de longs textes :
Il est facile d'aller trop loin avec du contenu dans votre en-tête parce que vous voulez tout dire à vos utilisateurs. Cependant, comprendre où s'arrêter est crucial pour éviter que l'en-tête ne paraisse détaillé et stressant. Essayez donc d'éviter les textes non pertinents comme le nom de votre entreprise, votre nom ou votre titre dans votre en-tête et optez plutôt pour un slogan simple et convaincant pour faire ressortir l'idée de votre site Web. Essayez également d'éviter d'utiliser des mots complexes dans votre texte, si possible utilisez un langage simple et lisible.
2. Évitez d'utiliser trop d'éléments :
L'ajout de plusieurs petits éléments peut ralentir l'expérience de l'en-tête. Donc, éliminez tout ce qui semble inutile pour une conception d'en-tête. Vous ne devez conserver que les éléments qui font ressortir l'idée et qui fonctionnent bien avec l'image d'en-tête. Essayez également de coordonner les couleurs des icônes ou des textes avec votre image d'en-tête. Cela rend la conception de l'en-tête attrayante.
3. Ne vous laissez pas influencer par d'autres designers :
Vous ne devez jamais suivre aveuglément les règles et les déclarations de quelqu'un d'autre pour votre conception. Au lieu de cela, vous devriez recueillir des informations, faire vos recherches, demander conseil à différentes personnes, puis évaluer vous-même les stratégies. De cette façon, vous pouvez concevoir un en-tête qui conviendra le mieux à votre entreprise.
4. Évitez d'utiliser la boîte d'opt-in :
Les boîtes opt-in étaient populaires dans les conceptions d'en-tête en 2007. Maintenant que tout le monde utilise la boîte opt-in, l'efficacité est perdue. De plus, si elle n'est pas conçue correctement, la boîte d'opt-in peut sembler désespérée. De plus, une boîte d'inscription à un site Web peut sembler étrange si elle ne contribue pas à l'objectif de votre site Web, alors essayez de l'éviter.
L'en-tête est au premier plan du processus de conception, vous devez donc investir plus de temps et d'énergie pour le concevoir correctement. Cependant, vous ne devez pas oublier le contenu de votre site Web car il est tout aussi important de donner aux gens un contenu intéressant pour qu'ils reviennent. Vous devriez essayer d'équilibrer les deux pour créer un excellent site.