Ergonomie : Je crée des éléments cliquables, liens hypertextes et boutons

Le menu principale, n'est pas le seul moyen de naviguer dans notre site. Nous pouvons aussi créer des liens hypertexte et des boutons.

Les internautes ont depuis longtemps pris l'habitude de cliquer sur d'autres éléments que les onglets des menus, encore faut-il qu'ils les identifie clairement, ce qui n'est pas toujours le cas.

 

Nous allons voir dans cette page, pourquoi et comment insérer des éléments cliquables clairement identifiés.


Nos liens hypertexte

Le lien hypertexte est un texte cliquable qui renvoie sur une page du site ou n’importe qu’elle autre page publiée sur Internet

  • Il s’identifie par sa couleur différente du reste du texte. Par défaut il est de couleur bleue (Mais rien n’empêche de lui donner une autre couleur)
  • Tout texte souligné est un lien hypertexte (C'est une convention sur le Web, donc ne jamais souligner autre chose qu’un lien hypertexte)

Ceci est un lien hypertexte qui ne mène nullepart

Nos boutons

Les boutons sont des zones cliquables de commande qui sont "habillées" graphiquement de façon à ce que le visiteur les repères comme le déclencheur d'une action précise. 


Contrairement au lien hypertexte qui est, à la base une zone de texte cliquable, le bouton peut aussi être une image. Il peut servir à afficher d'autres pages de notre site, à aller sur un autre site, mais peuvent aussi déclencher une action comme un téléchargement, le validation d'un formulaire et bien d'autres choses encore.

 

Nos visiteurs doivent pouvoir identifier clairement nos boutons comme des zones cliquables. Il est même préférable qu'ils sachent exactement ce que leur clic va avoir comme effet, avant même de l'avoir fait.

Pour cela, nos boutons devront ressembler à des boutons...


  • Par leur forme. Ils ressemblent souvent à de vrais boutons physique que l'on pourrait enfoncer avec le doigt (Mais on est plus obligés de leur donner une telle apparence, l'internaute a évoluer).
  • Par leur couleur. Elle leur permettra de ressortir visuellement sur la page
  • Par leur texte. Pour savoir ce que le bouton va déclencher comme action, le plus simple, c'est de l'écrire dessus ("Valider", "Cliquez pour adhérer", "Voir la galerie d'images",...).