|
| Les liens
Les liens sont un moyen pour naviguer, ils permettent d'assurer une navigation plus efficace en permettant de :
Relier :
- la table des matières d'un document à ses différentes parties,
- un article à des extraits de presse le concernant,
- le nom d'un auteur à sa biographie,
- un sujet à des animations multimédias ou à des bases de données,
- un article à d'autres articles complémentaires,
- un extrait bibliographique à un document original plus complet,
- etc.
Plusieurs études indiquent que :
- les sites les plus reliés sont aussi les sites qui attirent le plus de trafic.
- les visiteurs ne réagissent pas prioritairement aux aspects artistiques d'un site, ils réagissent à la facilité de l'interaction, à la rapidité avez laquelle ils vont trouver ce qu'ils sont venus chercher.
Pour cela le nombre d'actions que l’on doit effectuer pour obtenir l' information souhaitée doit être minimal.
Un lien se doit d'être facilement repérable pour inviter le visiteur à cliquer dessus et naviguer sans effort sur le site.
Recommandations
- Evitez de présenter des liens qui ne mènent à rien ou à une page différente de celle " attendue " par le visiteur.
- Si une page n'est pas encore accessible, ne donnez pas la possibilité aux utilisateurs de cliquer sur le lien qui pointe sur elle, c'est une perte de temps et c'est frustrant de voir apparaître "en construction". Les liens doivent pointer vers un contenu informationnel substantiel.
- Evitez l' effet "labyrinthe" ! Un utilisateur ne doit pas avoir à explorer des forêts de liens pour obtenir de simples informations.
- Ne dépassez pas 7 hyperliens à un même niveau. Notre cerveau est capable de prendre en compte, d'un seul coup, 7 "paquets" d'informations". Au-delà de ce chiffre, nous passons à un mode de lecture morcelé, notre mémoire se dégrade et notre lecture est nettement moins efficace.
- Définissez au maximum 20 hyperliens sur la page d'accueil, (à moins que vous ne vous présentiez comme un portail).
Les liens sont une incitation à la digression. Selon le contexte vous pouvez admettre un nombre plus ou moins important de liens:
- en phase de "recherche", au niveau de l'accueil d'une section, par exemple, l'utilisateur appréciera une grande densité de liens, à condition qu'ils soient bien organisés et explicites.
- en phase de "consommation", il sera conseillé de ne pas trop encourager la digression et de regrouper les liens en marge de l'article, dans des encarts du type "pour en savoir plus.
- Privilégiez les liens textuels à l'iconographie.
- Un lien textuel doit être clairement reconnaissable.
- Un lien visité doit se distinguer d'un lien non visité.
- Evitez les titres ou les mots soulignés dans vos textes, ils peuvent évoquer des liens.
- Evitez de mettre des textes non cliquables de la même couleur ou ayant le même aspect que les textes cliquables.
- Utilisez des couleurs opposées. N'oubliez pas la couleur du fond d ’écran.
- Sélectionnez un mot ou un groupe de mots pertinent pour en faire un lien. Les hypertextes composés de 2 ou 3 mots fonctionnent bien. Il est déconseillé d'aller au-delà.
- N'utilisez pas une phrase entière pour un lien. Cela rend la lecture plus difficile.
- Placer des liens dans un paragraphe suggère au visiteur le contenu des liens ainsi que le contexte dans lequel le lien s'inscrit. Pour cela le lien peut aussi être associé à une description complémentaire sous la forme d'un tag TITLE qui apparaît lorsque la souris s'y attarde. L'utilisation d'un tel titre est intéressante mais ne dispense en rien de prévoir un lien le plus explicite possible.
- Les liens contigüs, doivent clairement se différencier.
- Dans une liste de liens qui ont du texte en commun, ne rendez cliquable que le texte qui est différent.
Exemple :
Evitez |
Préférez |
Cours d'ergonomie |
Cours d'ergonomie |
Cours de poterie |
Cours de poterie |
Cours de Tai-chi |
Cours de Tai-chi |
- Un titre de page ne peut pas être un lien car l'utilisateur ne peut pas savoir à quoi renvoie ce lien, à part à la page elle-même dans laquelle il se trouve déjà.
- Pour mettre un lien sur un mot fréquent, ne soulignez pas toutes les occurrences. Il ne faut souligner que le premier mot qui introduit le sujet et éventuellement une occurrence dans chaque paragraphe si ceux- ci sont très longs.
- Evitez absolument les liens du genre " cliquez ici", "Click here" ou "Current issue" ou encore "Next page" qui n'ont aucun apport informatif !
Evitez les liens "cliquez ici " |
Préférez |
| Cliquez ici pour aller à la page des publications |
Publications |
| Cliquez ici pour aller à la page du trombinoscope |
Trombinoscope |
| Cliquez ici pour aller à la page des nouveautés |
Nouveautés |
- L'intitulé du lien doit être quasiment identique au titre de la page à laquelle il renvoie. En d'autres termes le texte du lien doit être redondant avec le titre de la page qu'il fait apparaître ou alors rappeler les mots les plus importants.
- Les liens graphiques doivent être doublés d’un texte court. Même lorsque les liens graphiques sont clairement explicités sur la page d' accueil, il vaut mieux rappeler la signification des icônes chaque fois qu'elles sont utilisées. Cela favorisera la mémorisation de leur signification.
- Ne créez pas de liens multiples différents pour accéder à une même information.
- Il est conseillé de proposer un menu textuel en bas de page qui vient s'ajouter à la barre de navigation du haut de page.
Des boutons <Retour haut de page> peuvent être placés le long d’une longue page.
- Le lien doit permettre de savoir s’il renvoie vers une autre page, s’il ouvre un document .doc, .pdf, du son, de la vidéo ou s’il correspond à une adresse e-mail.
- Un même lien doit toujours avoir un même effet et un même effet doit toujours être produit par un même lien.
- Un lien " Retour " ne doit pas sur certaines pages ramener à la page précédente et sur d’autres à la page d’accueil. Ne nommez pas de bouton <Page suivante> ou <Page précédente>. Il vaut mieux préciser le nom de la page vers laquelle le bouton pointe.
- Veillez à la maintenance des liens.
|