Formater ses liens de manière cohérente

3Gaetano30th mar 2009Usability & 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 Comments Flux des commentaires

  1. pluc (9 avril 2009, 2:49).

    Ceci n’est pas un lien :)

  2. katsoura (25 août 2009, 8:29).

    « 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 (8 septembre 2009, 3:13).

    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.

Add a Comment

Get Adobe Flash playerPlugin by wpburn.com wordpress themes