Indicateurs: aider les utilisateurs à naviguer dans le contenu
La navigation d'informations non familières sur le Web nécessite des aides.
Ces aides n’ont pas d’ordre du jour et ne favorisent pas la publicité. Les aides à la navigation aident plutôt les gens à trouver le bon chemin en fonction de leurs intérêts.
Les panneaux indicateurs constituent un type d'aide à la navigation. Ils fournissent les informations dont les gens ont besoin pour prendre leurs propres décisions lors de la recherche et de la navigation sur le Web.
Un designer doit-il s'inquiéter d'un site Web perdant des lecteurs? De nombreux sites Web rivalisent d’attention en attirant des audiences avec des illustrations vibrantes, une typographie accrocheuse et des interfaces utilisateur riches.
En plus d'être attrayants, d'autres sites Web s'efforcent d'être utiles. L'objectif de la facilité d'utilisation n'est pas d'attirer l'attention, mais de faire des visites répétées. La publicité perd les lecteurs, en ce sens qu'elle les dirige vers d'autres sites Web, alors que la convivialité consiste à s'assurer qu'ils ne se perdent pas.
À l'instar de leurs homologues du monde réel, les «panneaux» Web sont des repères visuels qui guident les gens dans de nouveaux territoires. Dans le monde physique, les gens s'appuient sur des repères, des cartes, des panneaux de signalisation et des lignes de vue pour se frayer un chemin à travers des territoires inconnus.
En ligne, on passe par des liens descriptifs, des barres de navigation et des titres sur la page. Les panneaux d'affichage réels et virtuels ont le même objectif: aider les utilisateurs à trouver le meilleur chemin vers leur destination.
Les hyperliens sont ignorés
Le web ne fonctionnerait pas sans liens. Pourtant, les visiteurs et les concepteurs rejettent souvent les liens comme des événements ponctuels. Cliquez, chargez et c'est ça. Mais la bonne information peut transformer des hyperliens simples en une signalisation utile qui mène les visiteurs vers les informations qu'ils recherchent.
Les hyperliens ne sont significatifs que leur texte cliquable. Un lien mal conçu laissera les gens se demander si le lien vaut un clic. Les mots dans et autour d'un lien devraient informer les gens de ce que le lien fera (par exemple, les rediriger vers une autre page ou un autre site Web, télécharger un fichier, etc.) et ce qui rend la durée de la page en cours.
- " Cliquez ici pour parcourir notre collection d'histoires de détectives et de crimes. "
- "Parcourez notre collection de détective et histoires criminelles . "
- " Parcourez notre collection d'histoires de détectives et de crimes . "
Les exemples ci-dessus semblent signifier la même chose, mais il y a des différences importantes:
- Le premier exemple utilise l'expression "cliquez ici". L'efficacité de cette phrase a longtemps discuté . Les deux W3C et principaux moteurs de recherche indiquer que les mots-clés dans les liens sont plus utiles que les expressions génériques. Autrement dit, les personnes à la recherche d'histoires de détectives sont plus enclines à chercher «détective» que «cliquer ici».
- Le deuxième exemple obtient le plus de liens dans le moins de mots. Chaque lien en soi est moins spécifique que les "histoires de détectives", mais peut être plus approprié en fonction de la manière dont le contenu des sites Web liés est organisé.
- Il y a deux avantages à un lien comme celui du troisième exemple. Tout d'abord, le lien contient des mots-clés, ce qui signifie qu'il n'y a aucun doute quant à son emplacement. Deuxièmement, sa zone cliquable totale est plus grande; les petits liens exigent plus de précision de la part du visiteur.
La conception ajoute du sens aux liens
Malheureusement, il est possible de submerger des personnes avec des informations. Par exemple:
Quelques points à noter:
- Nous avons déplacé la plupart du texte vers l'attribut "title". La plupart des navigateurs affichent le titre uniquement lorsque l'utilisateur place son curseur sur le lien, ce qui réduit l'encombrement de la page.
- Nous avons quitté "En savoir plus sur" en dehors du lien. Le fait de supprimer des expressions comme "cliquez ici pour ..." et "voir plus ..." dépend du style de l'utilisateur, mais en général, il est préférable d'utiliser le moins possible de mots-clés.
- Dans les navigateurs prenant en charge HTML5 et CSS3, le
relattribut indique le type d'un lien. Les concepteurs qui utilisent Sélecteurs d'attributs CSS avec approuvérelvaleurs sera capable de style des liens en fonction de leur pertinence. - Nous avons utilisé une icône pour indiquer que le lien amènera les utilisateurs à un autre site Web. Les icônes peuvent être ambiguës, mais un indice vaut mieux que rien.
Une mise en garde: évitez de répéter les mots du texte cliquable dans l'attribut title. Si vous ne dites rien à vos lecteurs, il est inutile de l'inclure. Par exemple…
Barres de navigation efficaces: plus que la somme de leurs liens
N'importe quel lien peut être utile, mais les meilleurs conseils proposés par un site Web doivent apparaître dans sa barre de navigation.
Une barre de navigation est une liste de liens vers les principales parties d'un site Web. Les barres de navigation sont généralement placées en haut ou à gauche de chaque page d'un site Web et leur apparence varie. Les barres bien conçues ne font pas que fournir des liens. Ils:
- Donner aux visiteurs une idée du but et des priorités du site.
- Servir de carte de site simplifiée.
- Indique l'emplacement de la page actuelle dans cette carte.
- Dites aux visiteurs où ils sont déjà allés.
Même si elles sont minces, les barres de navigation méritent plus que d'être reléguées en marge d'un réseau. Une barre de navigation inefficace est vague ou inutile et pourrait avoir des problèmes tels que:
- Lien texte qui pourrait être trouvé sur n'importe quel site Web. "Home", "About", "Services" et "Contact" peuvent être exacts, mais ces titres sont trop génériques pour donner une idée de l'identité ou de la raison d'être.
- Tous les liens ont le même style. Sur un site Web complexe, une simple liste de liens n'est pas seulement inutile, elle est carrément inamicale.
- Liens qui pointent vers des pages incorrectes ou vers des pages qui n'existent pas.
Même si un visiteur décide de ne pas cliquer, le lien peut encore être un succès. Disons qu'un visiteur veut l'adresse électronique d'une entreprise. La barre de navigation sur le site Web de l'entreprise peut offrir de nombreux choix:
Accueil | Prestations de service | Ton compte | Prestations de service | Histoire | Carrières | Tarifs et politiques | Contact
Le choix évident est "Contact". Et en étant manifestement faux , les autres liens indiquent au visiteur de ne pas cliquer dessus. Du point de vue de la recherche de contenu, cette barre de navigation dit:
Non | Non | Non | Non | Pas probable | Peut être | Non | Probablement
Une barre de navigation peut-elle être pleine de "non"? Certainement, si le site Web n'a pas ce que l'utilisateur veut. Une bonne navigation ne consiste pas à fournir la réponse à tout prix. Il guide simplement les gens vers le contenu qu'ils souhaitent avec la moindre ambiguïté. Le but d'une barre de navigation efficace est donc de transformer autant de liens "probablement" en liens "oui" ou "non".
Les panneaux indicateurs sont des outils
Comme tous les outils, les poteaux indicateurs constituent un moyen de concevoir des solutions mais ne sont pas eux-mêmes des solutions. Le but des panneaux de signalisation est de simplifier pour les lecteurs, sans ajouter une couche de complexité.
Les panneaux Web ne doivent pas attirer les gens vers leurs destinations. Le concepteur devrait plutôt dire aux gens ce qui est disponible et leur donner les moyens de décider où aller.
Écrit exclusivement pour Webdesigner Depot par Ben Gremillion. Ben est un concepteur web qui résout les problèmes de communication avec une meilleure conception.
Comment rendre le contenu plus facile à naviguer? Quel est le site Web le plus difficile que vous ayez jamais eu à parcourir? Partagez vos histoires dans la section commentaires ci-dessous.