Les meilleurs sites Web sont des sites Web navigables.
Du très chargement de la première page, les utilisateurs doivent savoir où ils se trouvent, où ils peuvent aller et comment s'y rendre. La navigation de votre site fait la différence entre une conversion réussie et un rebond - c'est un élément indispensable de la expérience utilisateur .Bien que nous ne puissions pas savoir exactement ce que chaque visiteur recherche, nous savons que la majorité préfère la navigation par clic . Cliquer sur les liens est plus rapide et nécessite moins d'efforts que d'effectuer une recherche sur site, ce qui signifie que les utilisateurs consulteront vos menus pour obtenir des conseils afin de trouver ce dont ils ont besoin.
Nous savons également que tout le contenu du site Web n'est pas égal. . Dans votre navigation, vous voudrez mettre en évidence les pages que les utilisateurs souhaitent le plus, bien que cela ne signifie pas nécessairement masquer vos pages moins fréquentées non plus.
Donc, si votre site héberge une bonne quantité de contenu de d'importance variable, il est utile de diviser votre interface de navigation en navigation principale et navigation secondaire . Que signifient ces termes et comment s'appliquent-ils à votre site Web?
Dans cet article, nous découvrirons le but et la différence entre la navigation principale et secondaire sur les sites Web, puis terminerons en passant en revue deux méthodes courantes pour les implémenter.
Qu'est-ce que la navigation principale?
La navigation principale est le principe interface de navigation pal sur un site Web. Il renvoie aux pages les plus importantes du site Web et apparaît bien en évidence en haut de la page d'accueil et des autres pages. La navigation principale aide les utilisateurs à trouver rapidement ce qu'ils recherchent le plus, avec un minimum de recherche et de clics.
Bien que la plupart des sites Web multi-pages aient une navigation principale intégré à l ' interface utilisateur , les pages liées varient. Par exemple, la navigation principale d'un site Web de commerce électronique peut renvoyer vers différentes sections de produit, une page de tarification et / ou une page d'assistance. Accédez à la page d'accueil Apple - les utilisateurs peuvent atterrir ici à la recherche de n'importe quel produit Apple, de sorte que la navigation principale renvoie à leur produit pages de catégorie:
D'un autre côté, une organisation à but non lucratif peut présenter les sections «À propos de nous» et «Faire un don» dans sa navigation principale. Il s'agit de fournir une passerelle vers les pages à la demande.
Qu'est-ce que la navigation secondaire ?
La navigation secondaire apparaît en conjonction avec la navigation principale, souvent sur des sites Web plus grands et plus complexes . La navigation secondaire comprend les liens vers le contenu qui est moins important que les pages principales, mais qui doit toujours être facilement accessible à partir de n'importe quel endroit sur le site.
La navigation secondaire permet les utilisateurs accèdent à ce contenu de niche sans creuser trop profondément - vous pouvez placer «À propos de nous», «Foire aux questions», coordonnées rmation et / ou pages de politique dans cette catégorie.
Par exemple, le World Wildlife Fund intègre les interfaces de navigation primaires et secondaires dans l'en-tête de son site Web. Remarquez comment les menus principal et secondaire sont séparés, et le menu principal est signalé par son placement à côté du logo et de la typographie en majuscules:
Comment faire une demande Navigation principale ou secondaire
Si vous êtes en train de structurer la navigation de votre site Web et que vous pensez avoir besoin à la fois d'une navigation principale et d'une navigation secondaire, vous devez d'abord déterminer si chaque lien est d'une importance primaire ou secondaire.
Cette étape doit être informée par des métriques et votre base d'utilisateurs, plutôt que par vos propres opinions. Vous pouvez trier le contenu de votre site par importance à l'aide de plusieurs méthodes, notamment:
- Trafic de la page: passez en revue les analyses de page pour chacune de vos pages pour segmenter les pages populaires des impopulaires.
- Entretiens: Parlez aux deux clients de la manière dont ils ont tendance à utiliser votre site et des aspects de navigation qui pourraient être améliorés.
- Tri des cartes: Il s'agit d'une activité simple pour diviser et visualiser vos pages par niveaux primaire et secondaire. Consultez notre guide de tri des cartes pour obtenir des instructions.
Après avoir examiné votre contenu, vous devriez avoir une meilleure idée de la destination des utilisateurs depuis la page d'accueil. Vous pouvez également réaliser que certaines pages peuvent être fusionnées ou supprimées, ce qui en fait un site plus simple et plus ordonné.
To im pour la navigation principale et secondaire dans le front-end de votre site Web, vous pouvez essayer une approche de menu combiné ou séparé .
Menu combiné
Dans un menu combiné, les utilisateurs accèdent à la navigation secondaire à la navigation principale, dans un seul affichage de menu dynamique. Au chargement de la page, seule la navigation principale est visible dans le menu. Lorsqu'un utilisateur interagit avec un menu principal - via un survol de la souris ou un clic / pression sur un bouton - des liens secondaires apparaissent dans une liste déroulante verticale ou une fenêtre contextuelle horizontale.
Détaillant de vêtements Madewell structure leur interface de navigation de cette façon. Chaque lien principal révèle un menu d'options secondaires:
Un déclencheur de survol de la souris fonctionne bien pour ouvrir les listes déroulantes sur le bureau, mais pas tellement sur les appareils à écran tactile ou les appareils d'assistance. La meilleure façon de faire face à cela est de définir vos listes déroulantes pour qu'elles se développent également sur les événements tactiles, les événements de clic et d'appuyer sur la touche "Entrée" / "Retour".
Cette technique de menu dynamique est courante car elle aide les utilisateurs accèdent au contenu hiérarchique. De par sa conception, il montre où chaque page appartient dans la structure de votre site et quelles catégories contiennent quelles sous-catégories. Un menu combiné libère également de l'espace sur la page en masquant les liens secondaires, bien que cela puisse être un obstacle pour les utilisateurs qui préfèrent afficher toutes leurs options en même temps.
Menus séparés
Si vous pouvez épargner de l'espace, pensez à séparer votre navigation principale et secondaire en deux menus statiques à la place. En t son approche, le menu de navigation principal est disposé horizontalement en haut de la page ou verticalement sur un côté. La navigation secondaire a son propre menu, avec le placement et la mise en page à vous.
Les menus de navigation principaux et secondaires séparés doivent être visuellement distincts les uns des autres, le menu principal est plus grand et placé plus en évidence sur la page.
Ce détaillant de golf canadien met bien en œuvre l'approche à deux menus et la combine avec un disposition verticale du menu:
Avec les deux approches, assurez-vous de conserver le format sur l'ensemble de votre site Web. Des éléments de navigation incohérents créent une expérience peu intuitive. Cela désorientera et frustrera les visiteurs s’ils ne trouvent pas la page désirée.
Clouer la navigation
La navigation est l’une des les facteurs les plus importants à prendre en compte dans la conception de tout site Web. Malheureusement, c’est aussi l’une des plus difficiles à réussir - il n’existe pas de directives précises et de nombreuses considérations. Les méthodes de navigation de chaque site diffèrent selon le type de contenu, la base de visiteurs et les goûts personnels.
Mais, avec quelques essais, erreurs et test , vous constaterez peut-être qu'une combinaison de navigation principale et secondaire est le compromis parfait pour rationaliser et améliorer l'expérience utilisateur, réduire les frictions de navigation et générer des conversions et des ventes.
Aucun commentaire:
Enregistrer un commentaire