Image Faite avec Unsplash

Vous vous demandez sûrement si le menu de navigation vertical est plus avantageux que l’horizontal. Cela dépend généralement de nombreux facteurs comme la mise en page, la conception du site, les éléments prioritaires, la hiérarchie des informations, l’espace des pages, …, etc. Il n’existe pas une réponse en un seul mot pour savoir quel menu choisir. Cela dépend vraiment du genre de site.

La navigation verticale est une barre étirée le long d’une page web à gauche ou à droite. Cette barre contient des liens vers d’autres pages du site.

Compte tenu de la mise en page et d’autres facteurs, le menu de navigation vertical peut ajouter bien plus qu’une simple apparence. S’il est utilisé correctement, il peut améliorer l’expérience utilisateur. Plus l’expérience est bonne et plus il y a de chances que les gens reviennent sur votre site.

  • Découvrez le Menu de Navigation Vertical !

Le menu de navigation vertical n’est pas très utilisé. Si vous souhaitez inclure cet élément de conception dans votre site web, alors vous êtes au bon endroit.

Nous vous ferons découvrir dans cet article, tout ce qu’il y a à savoir sur le menu de navigation vertical à travers les éléments suivants :

  • Quels sont les Avantages du Menu de Navigation Vertical ?
  • Quels sont les Inconvénients du Menu de Navigation Vertical ?
  • Quels sont les Mythes autour du Menu de Navigation Vertical ?
  • Comment Utiliser le Menu de Navigation Vertical ?
  • Comment Ajouter un Menu de Navigation Vertical sur Strikingly ?

Quels sont les Avantages du Menu de Navigation Vertical ?

Voici quelques avantages de l’utilisation du menu de navigation vertical :

1. Une Distinction par Rapport aux Sites

2. Facilité de Modification

3. Pas d’Importance pour la Longueur des Noms

4. Visibilité de tous les Liens

5. Pas d’Importance pour la Taille des Écrans

1. Une Distinction par Rapport aux Sites

Peu de personnes utilisent le menu de navigation vertical et ce groupe peut également inclure vos concurrents. L’utilisation de ce menu vous démarquera de la concurrence et permettra à l’utilisateur de se souvenir plus facilement de vous.

2. Facilité de Modification

Lorsque vous souhaitez ajouter plus de liens dans le menu de navigation horizontal, l’espace peut vite devenir un problème et ce n’est pas le cas avec le menu de navigation vertical. Il y a bien plus de surface à exploiter pour pouvoir ajouter des liens ultérieurement.

 Accueil Elbartho Portfolio

Image Tirée d’Elbartho Portfolio

3. Pas d’Importance pour la Longueur des Noms

Dans un menu de navigation horizontal, la conception n’est pas attrayante si la longueur du nom d’un lien est supérieure à celle des autres. Dans le menu de navigation vertical, la longueur n’a aucune importance puisque cela n’affecte pas la conception du site.

De plus, ce menu peut contenir des liens vers des pages web avec de longs noms dans différentes langues.

4. Visibilité de tous les Liens

Dans le menu horizontal, seules quelques pages tiennent sur la barre et le reste est caché dans le menu déroulant. Cela peut conduire vos utilisateurs à manquer certains liens comme votre E-Boutique ou les informations de contact. Dans le menu de navigation vertical, il y a beaucoup d’espace et aucun lien ne sera caché.

5. Pas d’Importance pour la Taille des Écrans

Un menu de navigation vertical apparaîtra à la même hauteur et largeur peu importe la taille de l’écran. Vous n’avez pas à vous inquiéter si votre conception semble maladroite sur les appareils mobiles ou sur les appareils de bureau.

Accueil Kevin Vaisse

Image Tirée de Kévin Vaisse

Quels sont les Inconvénients du Menu de Navigation Vertical ?

Voici certaines des inconvénients du menu de navigation vertical :

1. Difficultés de Navigation

2. Le Menu Prend Beaucoup de Place

3. Une Apparence Ancienne

1. Difficultés de Navigation

Le menu de navigation vertical n’est pas couramment utilisé et cela conduit certains utilisateurs à se sentir mal à l’aise. Cela peut être un gros problème si votre site est consulté par les mêmes personnes à plusieurs reprises même s’ils finissent par s’y habituer.

2. Le Menu Prend Beaucoup de Place

Le menu de navigation vertical est plus large et plus long que le menu horizontal. Cela prend donc plus de place et vous donne moins de largeur pour les contenus. Si vous utilisez la navigation verticale, faites attention à la mise en page de votre contenu. La mise en page aura l’air encombrée si vous essayez de bourrer trop de contenus. Si vous maintenez la petite taille des textes et médias, alors cela pourrait perturber l’expérience utilisateur. Assurez-vous de publier la bonne quantité de contenus qui va bien avec votre barre latérale.

Accueil Gite les Figuiers

Image Tirée de Gîte les Figuiers

3. Une Apparence Ancienne

Le menu de navigation vertical était utilisé sur les anciens sites web. Son intégration peut donner l’impression que votre site est obsolète.

Quels sont les Mythes autour du Menu de Navigation Vertical ?

De nombreuses personnes pensent qu’un menu de navigation vertical ne convient pas car les lecteurs parcourent les pages de gauche à droite. Sachez que cette information est incorrecte dans le monde de la navigation site web. Selon une étude de marché, lorsque les lecteurs parcourent un site web, ils le scannent selon un modèle “F”. Cela signifie qu’ils commencent à partir du coin supérieur gauche et lisent horizontalement. Ils parcourent ensuite les pages de haut en bas.

Le modèle de lecture d’un utilisateur peut inclure le menu horizontal et vertical. Ainsi le modèle ne devrait pas faire partie de raisons de ne pas utiliser un menu de navigation vertical.

Accueil Rebecca Trouslard

Image Tirée de Rebecca Trouslard

Comment Utiliser le Menu de Navigation Vertical ?

Le menu de navigation vertical peut faire ressortir votre site s’il est utilisé correctement. Voici les stratégies qui vous permettront d’exploiter ce menu à son maximum :

1. Gardez votre Menu à Gauche

2. Distinguez-le Des Autres Composants du Site

3. Gardez les Composants Simples

4. N’Utilisez pas d’Icônes à la Place des Textes

5. Mettez les Éléments Moins Importants en Bas

6. Évitez de Dupliquer le Menu Horizontalement

1. Gardez votre Menu à Gauche

Les utilisateurs sont plus à l’aise avec le menu de navigation vertical situé à gauche puisque la majorité des sites placent ces menus à gauche. Nous avons évoqué le modèle de lecture “F”. C’est également l’une des raisons pour lesquelles il est préférable de placer votre menu à gauche. Le public accorde plus d’attention au côté gauche.

Peu importe la manière dont vous concevez votre site web, il doit correspondre à ce que l’utilisateur souhaite.

2. Distinguez-le Des Autres Composants du Site

En gardant l’arrière-plan du menu similaire à celui du site, cela le rendra imperceptible. Utilisez une couleur opposée pour votre menu de navigation vertical. Par exemple, si la couleur de l’arrière-plan ou des images sont claires, visez des couleurs sombres pour votre menu. Vous pouvez également garder les mêmes couleurs avec des nuances opposées. Si la couleur de votre site est d’un violet très clair, alors utilisez le violet foncé pour le menu.

N’oubliez pas de garder le texte avec une couleur et une taille permettant la lisibilité.

Accueil Great Wine By LMC

Image Tirée de Great Wine By LMC

3. Gardez les Composants Simples

Lorsque vous utilisez un menu de navigation vertical, ne surchargez pas les composants. Assurez-vous que tous les liens et autres pièces ont un espace égal entre eux. Incluez des icônes facilement identifiables pour faciliter la navigation des utilisateurs.

Vous pouvez également utiliser le contraste des nuances sombres et claires pour mettre en valeur la hiérarchie entre les éléments de vos menus.

4. N’Utilisez pas d’Icônes à la Place des Textes

Le menu de navigation vertical prend plus de place que le menu horizontal. Pour faire de la place pour les autres éléments, certains concepteurs essaient de minimiser la largeur du menu en remplaçant le nom des pages par des icônes. Cela affecte négativement le processus de navigation des utilisateurs. Soit, ils passent des minutes supplémentaires pour comprendre ce que signifie une icône, soit ils quittent simplement le site.

Accueil MA PHOTO

Image Tirée de MA PHOTO

5. Mettez les Éléments Moins Importants en Bas

Si vous avez un menu de navigation vertical très long, certains éléments peuvent ne pas être visibles sans le défilement. Puisque les utilisateurs auront des tailles d’écran différentes, vous ne pouvez pas savoir où le pli de la page touchera l’écran et cachera les éléments de navigation. Gardez donc les éléments essentiels en haut et les moins importants en bas afin qu’ils ne soient pas coupés par le pli.

6. Évitez de Dupliquer le Menu Horizontalement

Certains sites web utilisent le menu de navigation vertical et horizontal ensemble. S’ils sont utilisés correctement, cela peut fonctionner. Certains concepteurs dupliquent les deux menus à travers des icônes.

Cela donne l’impression que le concepteur était confus sur la manière de placer son menu et cela rend l’utilisateur perplexe.

Comment Ajouter un Menu de Navigation Vertical sur Strikingly ?

Si vous ne disposez pas d’un site web, vous pouvez le réaliser sans tracas à travers un créateurs de sites comme Strikingly. La plateforme vous permet de créer votre site à travers des modèles prédéfinis. Vous n’avez qu’à sélectionner le modèle qui vous plait, puis vous pourrez le modifier dans votre éditeur intuitif. Cela offre des fonctionnalités de personnalisation robustes comme la modification des couleurs de l’arrière-plan, des images, des vidéos, la création de sections et l’ajout de zones prédéfinies comme l’E-Boutique ou la section blog.

Accueil Strikingly

Image Tirée de Strikingly

Strikingly rend automatique la création de votre site web avec un affichage sur différents appareils. Voici les étapes pour créer votre menu de navigation vertical :

1. Accédez à votre tableau de bord et cliquez sur “Créer un Nouveau Site”. Choisissez ensuite le modèle qui correspond le mieux à votre site. C’est à partir de là que vous pourrez commencer votre démarche de sélection du menu de navigation vertical.

Modeles Strikingly

Image Tirée de Strikingly

2. Une fois dans votre éditeur, cliquez sur “Styles”.

Accueil Editeur Strikingly

Image Tirée de Strikingly

3. Cliquez ensuite sur “En-Tête de Navigation”. Dans le sous-menu, cliquez sur “Mise en Page” puisque choisissez la mise en page “G”. Cela vous permettra de mettre en place votre menu de navigation vertical.

Menu de Navigation Vertical Strikingly

Image Tirée de Strikingly

5. Ajoutez ensuite le logo de votre marque en cliquant sur “Modifier” ou “Logo”. Sous le logo, saisissez le titre de votre marque.

Logo de Marque Strikingly

Image Tirée de Strikingly

Pour ajouter une section à votre menu de navigation vertical, cliquez sur l’icône paramètres à côté du nom de votre section. Cochez ensuite la case “Afficher dans la Navigation”.

Lorsque vous terminez avec la barre, jouez avec divers éléments pour avoir les meilleurs composants pour votre site.

Pour Conclure

Maintenant que vous savez comment utiliser le menu de navigation vertical, il est temps de vous lancer. Vous pouvez suivre les conseils mis en place dans cet article, pour créer un site web de qualité supérieure.

Si vous souhaitez concevoir un site et renforcer votre présence en ligne, alors inscrivez-vous sur Strikingly !