expressions.be

30 Mar, 2009

Formater ses liens de manière cohérente

Posted by: Gaetano In: Usability & Ergonomie

L’hyperlien est à la base du web. C’est un élément primordial. Et pourtant, il est trop souvent négligé. Pour que la cliquabilité d’un site soit optimale, la cohérence de son formatage est essentielle.

C’est assez simple:

  • Réservez une couleur aux hyperliens. Vous n’utiliserez que celle-là.
  • Réservez leur également un formatage (soulignement, gras,…).
  • Respectez les standards: le bleu souligné est utilisé pour le liens.
  • et surtout soyez cohérent…

Petit exemple avec cette saisie d’écran issue du site 20 minutes:

  1. Le bleu n’est pas cliquable. Ce qui est contraire à un standard historique.
  2. Le texte noir à gauche (dans la boîte “A lire aussi”) est cliquable, mais la même couleur ne l’est pas dans le reste du texte. La même couleur donne lieu à deux comportements différents de l’interface.

liens

Un inconfort d’utilisation qu’il est pourtant relativement simple à corriger…

3 Responses to "Formater ses liens de manière cohérente"

1 | pluc

April 9th, 2009 at 2:49

Avatar

Ceci n’est pas un lien :)

2 | katsoura

August 25th, 2009 at 8:29

Avatar

“Respectez les standards: le bleu souligné est utilisé pour le liens”

Position assez conservatrice. Depuis, les feuilles de style nous ont permis de jouer avec les couleurs, le fond, le formatage. Le plus important ne se situe pas dans la couleur mais dans la différenciation avec le cadre.

3 | Gaetano

September 8th, 2009 at 3:13

Avatar

Bonjour Katsoura,

Je ne dis pas qu’il faut utiliser le bleu, mais bien qu’il faut réserver une couleur aux hyperliens.

Par contre, le bleu n’est pas à utiliser s’il ne s’agit pas d’un lien: on se heurte à un standard historique, encore utilisé par des grands comme Amazon ou Google.

Comment Form

Get Adobe Flash playerPlugin by wpburn.com wordpress themes

Les abonnés

Ceux qui sont déjà abonnés:

S'abonner en un click:

Add to Google Reader or Homepage

Add to netvibes

...ou par email...


A propos...

Gaetano PalermoJe m’appelle Gaetano et je suis responsable de projet e-Business. Depuis 2002, je recense sur ce site mes coups de cœur, mes coups de gueule et mes réflexions. Faites également connaissance avec notre livre. Et n’hésitez pas à me contacter…


Post-it

Passés par ici…