Tout utilisateur qui se rend sur un site souhaite naviguer facilement à travers les différents contenus. Cela signifie qu’il doit savoir...
La vitesse de votre site web est un critère essentiel dans l’expérience utilisateur et la qualité de votre...
Le bon référencement d’une page web repose sur de nombreux critères, parmi lesquels on retrouve la qualité de la méta...
Si vous pensez qu’il ne faut que quelques jours pour être bien référencé sur les moteurs de recherche nous sommes...
Posséder une identité de marque forte est souvent vital pour une entreprise. En effet, selon une étude réalisée par Demand...
Si vous vous lassez des brushes traditionnels de Photoshop, il est temps d’élargir votre palette d’outils. Pour donner des effets de...
Les logos peuvent prendre différentes formes : là où certains intègrent une mascotte, d’autres misent sur le minimalisme...
Ce n’est un secret pour personne, Amazon est aujourd’hui le leader indétrônable de la vente en ligne. À la tête de cette...
Le storytelling est une façon puissante de capter l’attention de vos lecteurs, de transmettre des informations sur un sujet complexe et de jouer...
Pour ennuyer votre audience, il n’y a rien de mieux qu’une présentation trop longue, avec de nombreuses slides sur lesquelles aucun effort...
Tout utilisateur qui se rend sur un site souhaite naviguer facilement à travers les différents contenus. Cela signifie qu’il doit savoir où il est et...
Tout utilisateur qui se rend sur un site souhaite naviguer facilement à travers les différents contenus. Cela signifie qu’il doit savoir où il est et où il va.
Si le parcours de navigation est trop flou ou trop compliqué il y a de forte chance pour que l’internaute quitte le site web puisqu’il n’arrivera pas à trouver les informations recherchées rapidement.
Pour garder vos utilisateurs sur votre site, les éléments de navigation ne doivent pas être négligés. Voici les bonnes pratiques à respecter…
Dès le début de votre projet vous devez déterminer les différentes pages qui composeront votre site web. Cela demande de réfléchir aux informations et fonctionnalités que vous offrirez.
Vient ensuite la hiérarchisation de ces informations. Vous pouvez construire un diagramme pour mettre en évidence les différents niveaux de navigation.
Dans la construction de votre arborescence, veillez à respecter les règles qui suivent :
Les mots que vous employez pour les rubriques de votre menu et dans vos call-to-action doivent être soigneusement choisis. Avant même de cliquer, l’utilisateur doit savoir le type d’information qu’il va trouver sur la prochaine page.
Vos énoncés doivent donc être clairs et précis.
N’hésitez pas choisir des énoncés plus longs, basés sur des mots ou expressions clés descriptifs. Les avantages concernent le SEO et l’expérience utilisateur :
Vous pouvez exprimer votre créativité dans vos visuels, vos contenus écrits, dans la disposition de vos éléments ou encore dans la typographie. Mais pas dans les éléments de navigation.
Dans le web design, et comme partout ailleurs, il existe des conventions. Ces dernières fonctionnent car les personnes y sont habituées. Donc, ne les changez pas, sauf si votre « nouvelle » navigation est plus appropriée.
Voici quelques conventions existantes pour la navigation :
Il s’agit là d’une autre convention en matière de navigation sur un site web.
Votre logo n’est pas seulement présent pour rappeler aux internautes sur quel site ils se trouvent. Il doit participer pleinement à la navigation, d’autant plus qu’il est situé tout près de votre menu principal.
Lorsqu’un utilisateur clique sur votre logo, il doit être redirigé sur votre page d’accueil.
Jusque-là nous nous sommes concentrés sur le haut de votre site web, mais la navigation peut aussi avoir lieu en bas de page.
Le footer est généralement réservé aux mentions légales et est de plus en plus utilisé pour renseigner les coordonnées et les liens vers les réseaux sociaux.
Mais vous vous demandez peut-être si ce bas de page peut être utilisé pour renseigner un plan de votre site. La réponse à cette question dépend de la quantité d’information que vous avez en ligne.
Pour les e-commerces par exemple, la plupart des internautes s’attend à trouver des informations supplémentaires dans le pied de page :
Pour les « petits » sites internet, le footer n’a pas besoin de contenir le sitemap. Les utilisateurs doivent normalement naviguer facilement à travers le menu principal.
La navigation dite « sticky » correspond à un menu principal qui reste en haut de page et qui est toujours visible, où que se situe l’utilisateur.
Cette pratique est idéale sur les sites one page puisqu’elle permet aux internautes de poursuivre leur navigation facilement, sans qu’ils aient besoin de remonter en haut de la page.
Les utilisateurs de votre site doivent toujours savoir où ils se situent. Pour cela, plusieurs solutions peuvent être combinées :
Le mega menu correspond à un large panneau de navigation qui apparaît lorsqu’on clique ou que l’on passe la souris sur un item du menu principal. Ce type de menu permet à un utilisateur de voir en un seul coup d’œil toutes les options et sous-pages qui se cachent derrière un énoncé.
Le mega menu est donc pratique, mais seulement lorsqu’il est bien utilisé :
La navigation d’un site web a un impact sur votre trafic et vos conversions. Veillez donc à respecter toutes ces bonnes pratiques pour répondre aux besoins de votre cible.
Si vous avez besoin d’aide dans la création de votre web design, faites appel à un freelance qualifié sur Codeur.com.
Abonnez-vous pour recevoir notre sélection des meilleurs articles directement dans votre boîte mail.
Nous ne partagerons pas votre adresse e-mail.