Astuces pour la conception du menu
Sur cette page
- Conseil n° 1 : des titres de page courts
- Conseil n° 2 : éviter trop des pages dans un sous-menu
- Conseil n° 3 : éviter les sous-menus ne comportant qu'un seul élément
- Conseil n° 4 : ne pas empiler trop de sous menus
- Conseil n° 5 : privilégier les thèmes plutôt que les types de médias
- Conseil n° 6 : utiliser des éléments de menu pour les sous-menus
Une bonne structure de menu
Un bon menu aide vos visiteurs à trouver ce qu'ils cherchent sur votre site, rapidement et sans difficulté.
Un bon menu comporte quelques rubriques de premier niveau, avec des noms pertinents et accrocheurs.
Certaines rubriques peuvent comporter davantage d'options dans un menu déroulant, mais il est conseillé de ne pas en dépasser 3 à 6 sous-éléments à ce niveau.
Considérez votre menu comme un moyen de navigation d'appoint, destiné aux visiteurs réguliers. Utilisez plutôt des aides à la navigation sur la page, telles que des boutons d'appel à l'action et des liens sous forme d'images, comme guide principal de votre site.
Vous pouvez renommer le titre du menu pour qu'il diffère du nom de la page si vous souhaitez le raccourcir, tout en conservant le même nom pour la page.
Cliquez sur « Titre et options » sur une page, puis décochez la case « Titre automatique du menu » et renseignez le champ « Titre du menu ».
L'idéal est d'avoir entre 3 et 6 sous-pages dans un menu. Réfléchissez à la manière d'organiser votre menu pour éviter trop de sous-pages, ou créez une page unique contenant des liens vers toutes ces sous-pages.
Conseil n° 3 : Évitez les sous-menus ne contenant qu'un seul élément
Un nombre trop élevé de clics pour accéder au contenu peut frustrer les visiteurs et les inciter à quitter votre site prématurément. Il est inutile d'avoir un élément de menu ne comportant qu'un seul sous-menu : placez simplement cette page au premier niveau !
Par exemple :
La galerie n'a pas besoin d'apparaître comme une seule page (menu déroulant) sous un élément de menu : cela la masque et complique l'accès au contenu :
Si l'on supprime l'élément de menu « Photos », la Galerie est immédiatement accessible :
Conseil n° 4 : n'empilez pas trop de sous-menus
Un seul niveau de menus est sans doute l'idéal.
Deux, c'est acceptable.
Trois, ce n'est pas conseillé.
Quatre, c'est trop compliqué à gérer.
Cinq, c'est bien trop !
On peut très facilement sortir du menu avec la souris et se retrouver d'un coup au début du menu. Sur mobile, on se perd facilement dans ce labyrinthe de menus.
Pensez à réorganiser vos menus ou à utiliser des liens internes (sur une page) comme moyen de navigation.
Si vos menus deviennent trop chargés, trop longs à parcourir ou comportent trop de niveaux, réfléchissez à la manière dont vous pourriez les restructurer : ajoutez une nouvelle rubrique ou, éventuellement, un sous-menu supplémentaire au menu déroulant existant (mais évitez de créer trop de niveaux).
Une autre option consiste à afficher les rubriques principales dans le menu, chacune d'entre elles disposant ensuite d'une page d'accueil proposant des liens (sous forme de texte, de boutons ou d'images) vers d'autres contenus.
Mobile : la navigation sur la page (icônes, boutons, liens sous forme d'images) est en réalité plus adaptée au mobile, car le menu est initialement masqué.
Conseil n° 5 : Privilégiez les thèmes aux types de médias :
Lorsque vous choisissez le nom des rubriques du premier niveau de votre menu, évitez de les nommer d'après le type de média, par exemple :
Audio Vidéo Livres PDF
Il est préférable de les classer par thème, par exemple :
Chansons Louange Danse Histoires Alphabétisation
Les intitulés de ces rubriques de menu ne sont pas très déscriptives :
Ces titres sont plus descriptifs et ont plus de chances d'inciter les internautes à consulter ces pages :
Astuce n° 6 : utilisez des éléments de menu, et non des pages, pour les sous-menus
Lorsque vous souhaitez créer un sous-menu, vous pourriez être tenté d’aller dans « Organiser les liens du menu » et de commencer à déplacer des pages sous d’autres pages. Mais cela pose des problèmes :
- des pages vides dans le menu
- des contenus difficiles à trouver dans le menu mobile
Au lieu de déplacer des pages sous d’autres pages, choisissez « Ajouter un nouvel élément de menu » et placez les pages sous cet élément de menu. Cela évite le problème des pages vides qui ne servent qu’à occuper une place dans le menu.
Les catégories de premier niveau, ou thèmes, doivent être créées en tant qu'éléments de menu, puis les pages contenant du contenu doivent être placées sous celles-ci dans l'écran « Organiser les liens du menu ».
Exemple
Je souhaite créer un sous-menu sous l'intitulé « Histoires » pour mes deux pages « Histoires bibliques » et « Contes populaires » :
Mais si je crée un sous-menu sous une page intitulée « Histoires » :
Les « Stories » du menu seront sous forme de lien, et si un visiteur clique dessus, il sera redirigé vers la page « Stories » vide :
Pour corriger les pages vides existantes qui comportent des sous-menus, dans la section « Organiser les liens du menu », cliquez sur « Ajouter un nouvel élément de menu », donnez-lui le même nom que la page, puis faites glisser toutes les pages sous cet élément de menu. Vous pouvez ensuite supprimer en toute sécurité la page vide portant le même nom.
Exemple :
Sélectionnez « Ajouter un nouvel élément de menu » :
Faites glisser l'élément de menu au-dessus de la page que vous souhaitez remplacer :
Faites glisser les pages situées sous la page « Histoires » pour les placer sous l'élément de menu « Histoires ».
Supprimer la page « Stories » vide :
Désormais, « Histoires » figurera dans le menu, avec deux pages, « Histoires bibliques » et « Contes populaires », situées en dessous dans un sous-menu ; toutefois, « Histoires » n'est pas une page en soi.
Pages comportant des sous-menus
Les pages comportant également un sous-menu posent un problème d'ergonomie en mode mobile, car la flèche permettant d'ouvrir le sous-menu est très petite, et il n'est pas évident de comprendre qu'elle a une fonction différente de celle d'un simple clic sur le nom du lien, qui mène directement à la page. Cela peut avoir pour conséquence que certains visiteurs ne trouvent jamais vos sous-pages !
Il est préférable d'utiliser un élément de menu plutôt qu'une page pour héberger des sous-menus. Une page comportant un sous-menu devrait, au minimum, comporter des liens vers toutes ses sous-pages.
| Menu Item | Page |
|---|---|
| N'ouvre pas de nouvelle page | Ouvre une nouvelle page |
| Ne contient aucun contenu – sert uniquement à accueillir les liens du menu | Peut contenir du contenu, mais s'affiche initialement vide – ce qui redirige le visiteur vers une page vide (ce n'est pas très esthétique !) |
| Créé dans « Organiser les liens du menu » |
