Le menu déroulant est depuis longtemps une entrée vénérable dans la boîte à outils du développeur web. S’il est si largement utilisé, c’est parce qu’il peut être terriblement utile : le menu déroulant range toutes vos pages jusqu’à ce qu’un utilisateur survole un bouton. Il libère beaucoup d’espace pour le contenu.
Le plus souvent, le menu selon l’agence de référencement SEO a Bordeaux, déroulant se présente sous la forme d’une barre horizontale d’étiquettes de navigation en haut d’un site Web. Si vous survolez une étiquette particulière, un autre sous-menu apparaît, offrant un accès instantané à une série de pages dans cette catégorie. Très souvent, les éléments de cette liste vont à leur tour faire apparaître d’autres listes.
Le problème, c’est que les menus déroulants peuvent également poser des problèmes à un développeur web avisé. En effet, ils peuvent comporter un grand nombre d’étiquettes et, une fois regroupés, prendre beaucoup de place, ce qui peut rendre le site Web peu attrayant. À moins que vous ne suiviez nos meilleurs conseils :
Rendez les états de survol évidents. Pour que votre menu déroulant fonctionne, l’utilisateur doit savoir où il se trouve dans le menu. Utilisez la couleur et la mise en évidence pour que cela soit clair.
Le remplissage n’est pas un gros mot. Vous n’êtes pas un écrivain, ni un musicien en train de réaliser son difficile deuxième album : n’ayez pas peur d’étoffer les choses. Mettez de l’espace entre les boutons de votre menu.
Marquez ces sous-menus. Si l’une des étiquettes de votre menu développe un autre menu – une section dans une section – marquez-le de manière appropriée, avec une flèche, un point ou une autre icône.
Animer ! Les menus ne doivent pas nécessairement être ternes ou statiques – en fait, les listes déroulantes sont si courantes qu’elles peuvent devenir ennuyeuses sans un peu d’animation subtile pour pimenter leurs transitions.
Explorez les autres solutions. De nombreux développeurs web décrient les menus déroulants, en particulier si vous souhaitez un site web réactif pour les appareils mobiles. Pensez aux panneaux défilants et aux hamburgers.
Tenez compte du clic. En général, les menus déroulants fonctionnent par simple survol, mais selon votre application, il peut être utile de cliquer pour ouvrir un sous-menu ou pour masquer un menu.
Faites en sorte que tout soit transparent. Il ne doit y avoir aucun délai entre le clic ou le survol et l’apparition de votre menu – il doit se charger immédiatement. Vous devez la fluidité à votre utilisateur.
Dites non aux infobulles. Les infobulles – ces étiquettes souvent utiles qui apparaissent lorsqu’on passe la souris sur un élément – peuvent être utiles. Dans le cas des menus déroulants, elles sont gênantes.
Éliminez les !
Adoptez un style cohérent. Faites de votre menu une partie intégrante de votre site Web. Il n’est peut-être pas toujours visible, mais lorsqu’il l’est, donnez-lui les mêmes polices, couleurs et sensations que le reste de votre site.
Soyez impitoyable avec votre contenu. Le menu déroulant peut s’étendre à l’infini, mais cela ne veut pas dire qu’il doit le faire. N’ayez que le nombre de pages dont vous avez absolument besoin.
Les menus déroulants ont des détracteurs. Mais suivez ces règles de base et vous aurez du succès.
Cliquer ici pour d’autres articles !!!
