Les boutons sont de plus en plus utilisés. Mais ils ne devraient pas être utilisés n'importe où et n'importe comment.
Alors pour mieux cerner quand l'utilisation des boutons devrait se faire, je fais un petit rappel sur l'utilité des autres systèmes de navigation que le Web nous offre :
Les menus, qu'ils soient sous forme de liens hypertextes ou d'images, devraient servir à la navigation par page ou par rubrique.
Les onglets, lorsqu'un site est très gros, aident à faire une première sélection thématique.
Les liens hypertextes peuvent être utilisés dans une liste, à l'intérieur de la zone de contenu d'une page, pour accéder à un formulaire par exemple. Ils peuvent aussi être placés directement dans le texte, où ils devraient servir à appeler une autre page Web ou un document particulièrement pertinent au texte en cours de lecture.
Maintenant les boutons.
Ils sont utilisés à toutes les sauces et partout dans une même page, ce qui finit par confondre l'internaute. Leur apparence est bien souvent douteuse. Un bouton peut avoir la forme et la couleur que vous voulez, mais il faut qu'il soit considéré comme un bouton sans embiguïté aux yeux de tous.
Un élément important à savoir, c'est que les boutons devraient être utilisés à l'intérieur d'un service électronique, donc des pages Web qui demande une action de l'internaute et un traitement par la suite.
Dans ce cadre, les boutons et ce qui se veut être un bouton, devraient être réservés pour activer des actions dans le but d'accomplir une tâche spécifique ou un enchaînement de tâches. Par exemple à une étape de vérification des données saisies d'un formulaire, lorsque l'internaute accepte ou refuse, il devrait appuyer sur un bouton. Ce bouton pourrait transmettre l'information au serveur et l'emmener à une page qui lui indique que son formulaire a été reçu.
Les boutons devraient se référer à une zone précise de la page afin que l'internaute sache les éléments qui feront partie du traitement. Et ils devraient être regroupés toujours au même endroit et présenté dans le même ordre.
C'est plutôt résumé comme explication alors si vous avez des questions...
Écrit par Kath Lien permanent 15:00
1 commentaire(s)
Enregistrer un commentaire
Enregistrer un commentaire
Aurais-tu des références complémentaires sur le sujet? En passant, je suis tout à fait d'accord avec toi, mais il est parfois difficile de différencier une action d'un lien... et ça peut porter à confusion.
Par exemple, si, dans un système, on peut saisir un message dans une boîte de texte de petite taille et ce système nous offre la possibilité d'éditer dans une boîte plus grande (en pop-up, par exemple, même si j'aime pas les pop-ups!). Doit-on mettre un bouton indiquant «Éditer en plein écran» ou bien un hyperlien?
Si ce n'était qu'une fonction de visualisation («visualisez le message en plein écran»), je mettrais un hyperlien sans aucun problème. Mais pour une tâche d'édition, j'aurais tendance à mettre un bouton...
Où est la limite entre ces deux options possibles? C'est flou et parfois bien difficile à discerner...
