Une bonne gestion des liens cliquables aide l’utilisateur à mieux se repérer sur votre site. Si les règles mises en place sont correctes et pertinentes, vous offrirez à vos utilisateurs la possibilité de savoir en quelques secondes où il a été, où il est et où il peut aller.

Autant dire qu’une bonne gestion des liens est indispensable pour s’assurer d’avoir un site ergonomique et aisément utilisable. Les liens auront alors un rôle à part entière en terme de navigation.

Nous traiterons dans cet article de la gestion des liens hypertextes mais nous aborderons dans un article à venir la gestion des liens sur les images et les boutons ainsi que la gestion et la mise en valeur des informations non cliquables.

La standardisation des liens ou le mythe du lien hypertexte bleu

On connaît tous la convention web selon laquelle un lien hypertexte se doit d’être bleu et souligné lorsqu’il n’a pas été cliqué et en violet lorsqu’il a été cliqué.

Qu’en est-il vraiment de cette règle ? Doit-elle toujours être appliquée à la lettre ?

En réalité, ce qu’il est important de retenir de cette convention web, c’est qu’un lien hypertexte doit être d’une couleur spécifique et différente de la couleur utilisée pour le reste du texte, le lien peut aussi être souligné et doit disposer de 2 comportements distincts entre “lien cliqué” et “lien non cliqué”.

L’utilisation du bleu-souligné n’est donc plus une nécessité. Tout autre couleur peut être utilisée, notamment dans un souci de cohérence graphique. Seule contrainte à respecter : la couleur que vous allez choisir devra être en rupture avec la couleur du texte “générique”.

Quelques exemples :

 

• Respect de la convention web : Utilisation de la lien hypertexte bleu-souligné

source : google.fr

Google a fait le choix d’appliquer la convention web “basique”. Lorsqu’un lien a déjà été cliqué, il ressort de manière évidente sur Google puisqu’il passe en violet. C’est donc très facile pour l’internaute de voir les liens sur lesquels il a déjà cliqué et ceux qu’ils lui restent à visiter. Les liens deviennent alors un élément structurant de navigation.

source : google.fr

 

• Le “Pseudo-respect” des conventions web : liens hypertextes en bleu, non-soulignés

source : wikipedia.fr

Le site de contenu Wikipedia a fait le choix d’afficher ses liens hypertextes en bleu… Seul problème, une fois le lien cliqué la couleur ou le comportement du lien ne change pas… en réalité le lien cliqué est sur un ton différent de bleu par rapport au lien non-cliqué mais cela n’est quasiment pas visible à l’oeil nu.

Cela est ennuyeux surtout pour un site de contenu comme wikipedia. La navigation dans un article implique le clic sur de nombreux liens et l’internaute va se sentir très vite perdu s’il ne repère pas facilement les liens sur lesquels il a déjà cliqué.

 

• Les autres façons de gérer les liens hypertextes

 

 

 

 

 

 

 

source : Tele Atlas Shop sur Pixmania.fr

Dans cette exemple, le lien cliquable est en vert (en savoir +). Le choix de la couleur est justifié par l’environnement graphique de la page. On voit que le bandeau au dessous est en vert. Le lien est donc géré de sort que, une homogénéité graphique soit conservée.

 

• Le parti-pris de studio-ok.com

Comme vous avez pu le voir sur notre site, nous n’utilisons pas exactement les conventions évoquées ci-dessus. Nous fait le choix de gérer les liens hypertextes comme suit :

source :studio-ok.com

Les liens hypertextes non cliqués ressortent en rouge-rosé (choix du coloris en fonction de l’environnement graphique).

Les liens hypertextes cliqués ressortent eux en rougé-rosé mais barré.

Nous avons fait ce choix car le “barré” est très visuel et il est alors très facile pour l’utilisateur de voir les liens déjà visité et ceux qu’ils ne l’ont pas été. Ce choix est donc un parti-pris dans le sens du confort de l’internaute et la fluidité de sa navigation.

 

Pourquoi pas bleu ? Pourquoi plus bleu ?

Pourquoi aujourd’hui on peut utiliser une autre couleur que le bleu alors que jusqu’à présent il était considéré comme une lourde faute ergonomique de ne pas utiliser ce code couleur ?

La possibilité qui s’offre à nous d’utiliser un code couleur autre que le bleu est issue de l’expérience utilisateur, de l’évolution de l’apprentissage et de la maîtrise d’Internet par les internautes. Aujourd’hui, les utilisateurs ne sont plus habitués uniquement à l’utilisation du bleu pour repérer un lien mais ont un approche beaucoup plus globale.

Aujourd’hui, “un lien” dans l’inconscient (ou parfois le conscient) des internautes est représenté par une la mise en couleur du lien et éventuellement son soulignement.

 

Une fois de plus… restons simple !

Pour terminer cet article, je vais finir avec mon adage favori : restons simple ! La simplicité est la base d’un site ergonomique, un site qui sera approprié à la navigation de vos utilisateurs. Dans les cas de la gestion des liens hypertextes, ne multipliez pas les styles, ne tentez pas des arc-en-ciel… bref restez simple en respectant les conventions web nouvelles générations dont nous avons parlé ci-dessus et vos utilisateurs n’en seront que ravis.