Comment montrer à l'utilisateur que le lien est visité?
Est-ce une bonne pratique pour rendre les liens visités de couleur différente à partir des liens non visités? De nombreux navigateurs rendent les liens visités violets.
Ou est-ce bien pour supprimer le soulignement des liens visités s'il n'est pas visité est souligné?
Ou existe-t-il d'autres meilleures techniques?
Il est préférable que la couleur des liens visités soit différente que les liens non visités. L'utilisateur croit en fait/nécessite Reconnaissance plutôt que rappel: l'un des principes d'interaction homme-machine.
Si la couleur est différente, il sera plus facile pour l'utilisateur de reconnaître les liens qu'il a référés/visités afin qu'il ne revienne pas sur ces liens s'ils ne sont pas utiles.
Alternativement, il peut également utiliser les liens pour visiter si les liens sont utiles car ils seront reconnus par des couleurs différentes.
Jetez un œil à l'article The Definitive Guide To Styling Web Links article sur Smashing Magazine .
Il y a des tonnes de bonnes suggestions et de bonnes pratiques.
Je suis allé de l'avant et en ai retiré quelques-uns pour les afficher ici.
INTRODUCTION
Des hyperliens (ou liens) relient des pages Web. Ils sont ce qui fait fonctionner le Web, nous permettant de voyager d'une page à l'autre en un seul clic. Comme Web Standardistas le dit, "sans liens hypertextes, le Web ne serait pas le Web, ce serait simplement une collection de pages séparées et non connectées.". Donc, sans liens, nous serions perdus. Nous les recherchons sur la page lorsque nous voulons aller plus loin. Bien sûr, nous nous arrêtons pour lire un peu, mais nous finissons inévitablement par cliquer sur un lien quelconque.
LIENS DE STYLE
Lorsque vous créez des liens, n'oubliez pas que les utilisateurs ne lisent pas; ils scannent. Vous en avez déjà entendu parler, et c'est vrai. Assurez-vous donc que vos liens sont évidents. Ils doivent également indiquer où ils emmèneront l'utilisateur.
ASSURER LE CONTRASTE
Si vous décidez de rendre les liens bleus, assurez-vous qu'aucun autre texte (y compris les en-têtes) ne soit bleu, car les utilisateurs s'attendront également à ce qu'il s'agisse d'un lien.
De plus, ne souligne pas le texte qui n'est pas lié car les utilisateurs s'attendent à ce que le texte souligné soit un lien. Et gardez à l'esprit les utilisateurs malvoyants . Le rouge ne se démarquera pas de quelqu'un qui est daltonien, alors pensez à souligner ou à mettre en gras les liens, en plus de changer la couleur.
N'OUBLIEZ PAS LES LIENS
Les liens visités sont souvent négligés, mais ils sont très utiles, en particulier sur les grands sites Web. Savoir où ils ont été auparavant est utile pour les utilisateurs, que ce soit parce qu'ils veulent éviter les pages qu'ils ont visitées ou se faire un devoir de les visiter à nouveau.
Donnez aux liens visités une teinte plus foncée , afin qu'ils se démarquent mais ne soient pas aussi évidents que les liens non visités.
ÉTAT HOVER
Il est recommandé de signaler aux utilisateurs qu'ils survolent un lien . La meilleure façon de procéder consiste à modifier la couleur d'arrière-plan, à modifier la couleur du texte ou à supprimer le soulignement.
a: hover {text-decoration: none; text-shadow: 0 0 2px # 999; }
Le pointeur de la souris passe généralement d'une flèche à une main lorsque l'utilisateur survole un lien. Mais cette fonctionnalité est parfois perdue; par exemple, dans IE lorsque le lien contient un élément span, ou sur les boutons "Soumettre". Corrigez cela en en ajoutant le type de curseur via CSS.
Il est recommandé de faire savoir aux utilisateurs où ils se trouvent, et par défaut, ce lien est Violet. Mais plus important encore, ce lien doit être différent des liens non visités et indiquer clairement à l'utilisateur qui est lequel. Les soulignements sur le texte ont des conséquences sur la lisibilité, alors ne l'utilisez pas - jamais.
Une bonne compréhension de la navigation passée vous aide à comprendre votre position actuelle, car c'est le point culminant de votre voyage. Connaître vos emplacements passés et présents à son tour, il est plus facile de décider où aller ensuite. Les liens sont un facteur clé dans ce processus de navigation. Les utilisateurs peuvent exclure les liens qui se sont avérés infructueux lors de leurs précédentes visites. À l'inverse, ils pourraient revoir les liens qu'ils ont trouvés utiles par le passé.
Plus important encore, savoir quelles pages ils ont déjà visitées évite aux utilisateurs de revisiter involontairement les mêmes pages encore et encore.
Ces avantages ne s'accumulent que sous une seule hypothèse importante: les utilisateurs peuvent faire la différence entre les liens visités et non visités, car le site les affiche dans différentes couleurs. Lorsque les liens visités ne changent pas de couleur, les utilisateurs présentent plus de désorientation de navigation dans les tests d'utilisation et revoient involontairement les mêmes pages à plusieurs reprises
Référence: Top 10 des erreurs de conception Web (2011)
Soulignant
Mais si vous souhaitez utiliser le soulignement pour adresser les utilisateurs daltoniens (achromate), cela pourrait être possible. Le problème est que vous ne pouvez pas supprimer le soulignement dans les liens visités, car ils ne seraient pas remarqués par ces utilisateurs. Peut-être pouvez-vous passer du solide ( _ ) au soulignement pointé (...)? Mais à ma connaissance, il n'y a pas de convention pour cela.
L'essentiel est encore de différencier les liens non visités aux liens visités de manière à ce que les utilisateurs les comprennent.
Il est en effet recommandé de faire des liens visités une couleur différente. Cela permet à un utilisateur d'identifier facilement un lien visité et d'identifier s'il doit ou non accéder au lien. Parfois, il cherche peut-être à visiter un nouveau lien lors de la recherche de quelque chose ou parfois, il doit revoir un lien. Donc, s'il y a beaucoup de liens à choisir, changer la couleur des liens visités est une très bonne idée.
Une autre façon intéressante serait de donner des images (comme des puces) et lorsqu'un lien est visité, vous pouvez changer la couleur de l'image. C'est plus attrayant mais la première méthode est plus simple. Vous pouvez donner n'importe quelle couleur aux liens visités ou non visités, mais il vaut mieux les garder violets et bleus car c'est un standard et les nouveaux utilisateurs ne se confondent pas.