Tout utilisateur qui se rend sur un site souhaite naviguer facilement à travers les différents contenus. Cela signifie qu’il doit savoir...
Pour tous les photographes, l’inspiration est le principal moteur de chaque nouveau projet créatif. Afin de l’alimenter, il est essentiel de...
Vous avez aimé FaceApp ? Voici un autre service tout aussi ludique, et plus sécurisé : AI Portraits. Le site vous permet de...
Focus sur 4 nouveaux ouvrages à découvrir et à gagner dans ce concours livres. The post 4 livres à gagner sur...
VKontakte, vous ne connaissez pas ? Ne vous inquiétez pas, c’est plutôt normal étant donné qu’il s’agit...
Samuel Petit, rédacteur en chef du Télégramme, nous explique comment le journal a adapté sa manière de produire des contenus...
Vous désirez optimiser le niveau de ventes de votre site e-commerce mais ne savez pas trop comment procéder, sachez que l’utilisation de...
La négociation est un sujet aussi crucial que complexe. En effet, il s’agit d’une étape incontournable de toute relation commerciale....
La vitesse de votre site web est un critère essentiel dans l’expérience utilisateur et la qualité de votre...
Loupe, champ libre, liste préremplie… La barre de recherche d’un site web et d’une application mobile peut prendre des...
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.