Dépouiller un site Web dans sa forme la plus simple, en ignorant un instant le contenu qui n’est que du texte et des images, tout ce qu’une expérience de navigation est, c’est la navigation. Il clique sur les liens qui vous mènent vers d'autres pages contenant plus de liens. La navigation principale de votre site en est une partie essentielle, car elle représente la porte persistante vers les pages les plus importantes de votre contenu.
De nombreux sites ont également une navigation secondaire, reléguée au bas du site, contenant des «trucs ennuyeux» tels que des conditions d'utilisation ou des liens de politique de confidentialité; il est logique de ne pas avoir ces liens dans votre navigation principale; vous ne voulez pas qu'ils gâchent votre page de destination. Mais voici un conseil, si vous devez avoir un plan du site inclus dans cette barre de navigation secondaire, vous le faites mal.
Un bon design nécessite une bonne organisation. Vous devez déterminer quelles informations sont nécessaires à l'utilisateur, puis les diviser en sections. C'est un processus standard pour les concepteurs Web, et à moins que votre site ne soit à défilement d'une seule page / parallaxe, vous voudrez le mettre sur des pages individuelles pour le rendre plus facile à digérer, traditionnellement accessible via une barre de navigation principale. Le format standard pour cela est une barre horizontale en haut du site, et tandis que vous pouvez penser que la navigation jolie ou fantaisiste engagera l'utilisateur; ou vous pensez que vous pouvez redéfinir la «navigation» et la rendre plus utilisable en ayant un lien qui se subdivise en liens d’imbrication dans les pages; ça ne marchera pas.
La majorité des utilisateurs ne veulent pas travailler pour utiliser le site, ils s'attendront à voir le format standard, malheureusement. Autant que je voudrais voir des conceptions et des processus de navigation innovants, l'utilisateur moyen ne le fait pas, et s'éteindra instantanément. Avoir une interface non standard pour votre navigation principale augmentera simplement votre taux de rebond instantanément. La chose la plus importante ici, cependant, n’est pas le style, mais la persistance. Avoir la navigation sur chaque page est important, associé à la cohérence de l'emplacement, car il s'agit d'un point de repère sur votre page, en attachant l'expérience de navigation de votre utilisateur.
À ce stade, vous aurez probablement remarqué le fait que j'essaie de comprendre que la conception de sites Web est si importante pour se démarquer, mais que votre navigation n'est pas l'endroit pour le faire.
La deuxième erreur souvent commise est de penser que la navigation est un contenu. Ce n'est pas Imaginez si vous étiez invité à une fête, de la bonne bouffe, des gens formidables et une conversation; Cependant, l'invitation ne vous dit pas cela, ce n'est pas ce que vous attendez du tout. Au lieu de vous dire où, quand ou ce que la fête va être, cela vous donne un nom de fantaisie, peut-être la partie «John's Fancy Pants Party of the Century». Vous avez eu l'idée. La navigation doit être descriptive, ce n'est qu'un lien, les gens doivent savoir à quoi s'attendre. N'oubliez pas que cela fait partie de votre référencement, donc si quelqu'un fait «votre produit» sur Google, il sera redirigé vers votre page Produits, à moins bien sûr que vous l'ayez étiqueté «Nos créations» ou quelque chose de tout aussi beau et unique.
Si vous regardez des sites qui ont remporté des prix de design, ils vont très probablement enfreindre l'une des règles de navigation que j'ai définies ici. Cependant, leur utilisation de l'espace blanc et d'un design élégant se fait au détriment de la facilité d'utilisation. Ce type de site peu fonctionnel utilise ce que l'on appelle de façon dérisoire dans le secteur de la conception de sites Web, «Mystery Meat Navigation» ou MMN. Cela peut sembler cool, et cela a du sens pour le concepteur: "N'est-il pas évident que passer la souris sur le côté gauche de la page, à 45,1 cm de la page, fait apparaître les liens vers la page en soulignant mes opinions politiques? C'est clairement une référence à Farenheit 451, mon livre préféré, et aux opinions politiques de gauche que je partage avec lui. Duh! "Mis à part les scénarios extrêmes, MMN peut être un cauchemar pour un utilisateur qui veut réellement utiliser votre site, et pas seulement pour voir à quel point c'est joli. Imaginez le taux de rebond d'un site qui a parcouru chaque lien comme un service téléphonique automatisé passe par les options! MMN est la même chose! "Souris au-dessus de 1 pour: Accueil ", "Souris au-dessus de 2 pour: A propos de " ... vous avez l’idée. Vous devez parcourir chaque lien pour trouver ce que vous voulez, et au moment où vous avez atteint la fin de la navigation, vous avez oublié ce que vous cherchiez! Cela vaut également pour la rétroaction de localisation, qui consiste essentiellement à mettre en évidence, généralement avec un changement de couleur, où se trouve l'utilisateur sur le site, via la navigation.
La navigation est le portail familier vers un contenu nouveau et intéressant. Alors que je vous avais déjà dit de respecter les conventions pour votre familiarité, et pour garder votre taux de rebond aussi bas que possible (à condition que votre contenu soit bon), vous devez souvent éviter certains éléments de navigation.
Le principal délinquant est le menu déroulant redouté, le plus grand péché si vous ne disposez pas d'une interface mobile distincte. Elle ne s’étend souvent pas aux analyses des moteurs de recherche et nuit à la facilité d’utilisation si elle est inattendue par l’utilisateur. Ils voient les principaux liens (parents) et font leur choix en fonction des options disponibles, puis il y a soudainement un certain nombre d'autres pages. N'introduisez pas de sites enfants imbriqués dans votre navigation principale. Cela contribue à un point général, le fait d'avoir de nombreuses pages dilue les résultats et a donc un impact négatif sur votre référencement lié au trafic. Si vous avez besoin de plus de pages que vous ne pouvez en contenir sur une barre de navigation standard, vous avez un contenu mauvais, prolixe, et vous en souffrirez.
Si vous ne l'avez pas encore deviné, il est essentiel de garder le nombre d'éléments sur votre navigation. Le surpeuplement est particulièrement évident dans les menus de navigation de la barre latérale, où les concepteurs pensent qu'ils peuvent l'étendre indéfiniment puisque l'utilisateur est habitué à faire défiler verticalement. En supposant que le menu soit facilement reconnaissable, comme mentionné précédemment, le fait d’avoir moins d’éléments les rend plus faciles à mémoriser à court terme, ce qui signifie que votre site est plus utilisable par l’utilisateur moyen, car il peut se souvenir de vos pages principales et de vos liens.
On dit souvent que la mémoire à court terme ne peut contenir que 7 éléments, pendant 20 secondes maximum, ce qui signifie que vous devez restreindre votre navigation à 7 éléments ou moins. Bien que cela présente une logique logique, et je détesterais endosser la navigation avec plus d’éléments, si vous avez des liens très spécifiques à votre site, vous pouvez reléguer les plus familiers à des zones moins importantes de la barre (ce que je sur), comme les utilisateurs s’y attendront, et sachez que ceux-ci sont là sans avoir à se tourner vers les choses.
À l'époque de Google, nous savons tous à quel point le bon référencement est important; et par «bon référencement», je ne parle pas de compromettre votre contenu et votre site pour des classements de recherche plus élevés, car cela ne fait que nuire au référencement. L'optimisation de votre site pour les robots des moteurs de recherche ne consiste pas toujours à utiliser autant de mots-clés que possible ou quelque chose du genre, cela peut être aussi simple que de ne pas utiliser de boutons dans votre navigation. Utilisez toujours des liens pour votre navigation, c'est un bon choix de conception à long terme, et il peut être détecté par les moteurs de recherche. Cela rendra également votre site plus utilisable (tant qu'il est bien conçu). Les utilisateurs malvoyants, par exemple, qui augmentent leur taille de texte, en bénéficieront particulièrement; de même que les utilisateurs mobiles devraient attendre plus longtemps pour charger vos images de boutons, puis attendre encore après avoir cliqué dessus lorsque leur état de mise à jour a été chargé! Ne pas utiliser les images de boutons comme navigation, utiliser des images réelles sans sous-titres est une mauvaise idée. Ce type de navigation n'est jamais recommandé, le texte doit toujours être utilisé et, comme indiqué plusieurs fois ci-dessus, dans un format standard.
Enfin, nous atteignons le plus contesté et psychanalytique de tous les conseils de navigation, la commande! On dit souvent, avec une logique assez solide, que le premier et le dernier lien d’une barre de navigation standard ont la plus haute priorité pour l’esprit subconscient, d’où le fait que tant de sites utilisent une bannière comme lien de page d’accueil / de destination. d'avoir un lien Home traditionnel au début de la navigation. La chose avec le lien de maison toujours présent est qu'il est si souvent négligé par une simple attente qu'il sera là. Cela ne fait aucune différence dans l'expérience de navigation de l'utilisateur moyen, que ce soit ou non, et n'est donc pas vraiment considéré comme un «premier» lien si vous décidez d'en créer un.
Cela mis à part, les utilisateurs vont naturellement voir les liens de gauche à droite, en supposant qu'ils soient occidentaux et lus de cette manière, comme la majorité de vos utilisateurs sont susceptibles de le faire. Cela signifie que les liens ayant l'impact le moins important seront ceux au milieu du menu de navigation, mais ils peuvent avoir un effet collectif pouvant avoir des répercussions sur la perception de l'expérience de votre site par le subconscient de l'utilisateur. Ceci est détaillé plus loin dans mon article sur raconter des histoires avec vos créations , où j'explique comment l'ordre dans lequel vous placez vos éléments de menu raconte une histoire sur la progression d'un utilisateur sur votre site. Cette théorie repose principalement sur des spéculations, mais il est logique d’avoir un lien de support directement après un magasin ou un produit dans votre menu pour déduire à la fois l’échec de livraison sur vos produits et ce support nécessaire et suffisant pour garantir une place sur votre page principale. le menu de navigation.
Bien que tous ces conseils soient pertinents pour la plupart des sites Web traditionnels et améliorent la convivialité pour l'utilisateur moyen, ne prenez pas ces conseils comme des évangiles. Tous les sites et conceptions sont différents, et certains peuvent tirer avantage de l’ignorance de certaines des directives énumérées ci-dessus. Avant tout, faites en sorte que votre site soit utilisable en premier et en seconde, votre taux de rebond diminuera et vous pourrez vous appuyer sur ce que vous avez.
Jetez un coup d'œil à la navigation sur d'autres sites et essayez de penser à ce qui le fait fonctionner, et non à le rendre inutilisable. Prendre RockPaperShotgun , par exemple. Il a une barre de navigation, oui, et il aurait été standard il y a environ 10 ans! Cela fonctionne, mais son format de base et ses nombreux liens le rendent très secondaire, et le site a l’impression de manquer quelque chose du grand trou à côté de la bannière de titre, où une barre de navigation irait; une mise à niveau vers une conception à onglets pourrait améliorer cela.
Ou prendre Google.com , un exemple évident, bien sûr, celui-ci est un peu différent, car ils ont une navigation de bannière persistante pour un réseau de sites. Vous remarquerez que le lien pour YouTube (le seul lien où le menu de la bannière ne persiste pas) est placé au milieu. Cela est dû au fait que YouTube est souvent utilisé comme site indépendant, plutôt que comme partie intégrante du réseau Google. Il est donc relégué au second plan. L'onglet déroulant "plus" se trouve à la fin de sorte qu'il ressemble à une extension de la barre d'origine, sans que les éléments ne bloquent la bannière principale. Les autres que vous avez probablement élaborés pour vous-même; le bouton Rechercher étant le premier utilise le même raisonnement que le bouton "Accueil", et le lien Images est le deuxième le plus utilisé, ce qui signifie que vous devez effectuer un minimum de déplacements souris et yeux pour cliquer dessus. Une fois que vous commencez à le décomposer, vous allez probablement commencer à voir à quel point Google a réfléchi à cela, et vous pouvez voir pourquoi ils sont l'un des principaux innovateurs dans les domaines du design en ligne.
Jetez un coup d'œil et voyez si vous pouvez déterminer pourquoi les autres liens ont été placés là où ils se trouvent, puis réfléchissez à la possibilité d'apporter des améliorations à votre navigation.
Est-ce que vous adhérez aux conseils ici? Préférez-vous la navigation à un seul niveau ou des listes déroulantes complètes? Faites le nous savoir dans les commentaires.
Image / vignette en vedette, image du panneau via Shutterstock.