web-dev-qa-db-fra.com

Boutons remplaçant un lien pour un style cohérent

En général, j'utilise des boutons pour les appels ajax qui mettent à jour l'interface utilisateur, mais je pense également qu'un bouton est une bonne métaphore pour les liens. J'utilise Twitter Bootstrap. Pas un designer de métier et aimerait avoir des opinions à ce sujet.

La raison pour laquelle j'aimerais utiliser des boutons est parce que c'est un site d'administration très occupé avec beaucoup de liens et je pense qu'avoir une métaphore de lien cohérente est plus important que d'avoir des boutons pour ajax et du texte pour les liens.

Avez-vous des opinions sur le bien-fondé de ma pensée?

4
timpone

Je suis entièrement d'accord avec la réponse de Juan Lanus, en particulier sur la partie étiquette ("go" vs. "do").

Gardez également à l'esprit qu'un fragment d'interface utilisateur doit être aussi grand et visible qu'il est important et significatif pour l'utilisateur. Comme un bouton attire l'attention plus efficacement qu'un simple lien, vous devez vous demander si le lien que vous fournissez est vraiment utile à l'utilisateur.

Par exemple, il n'est pas rare de voir un simple lien juste contre un simple bouton, même si les deux sont des déclencheurs d'action, comme à la fin d'un formulaire.

mockup

télécharger la source bmml - Wireframes créés avec Balsamiq Mockups

2
Xavier Portebois

Le bouton contre le texte est une option.
Une autre option a été suggérée par Ben: menu de la zone de navigation vs zone d'actions.
Tout est OK tant que l'utilisateur reçoit le message.

L'OMI d'une importance primordiale est l'étiquetage de ces artefacts, comme [changer le titre] communiquant une AJAX, et allez à l'autre page communiquer un lien.
Les étiquettes dans les boutons AJAX doivent être étiquetées avec des actions, tandis que les étiquettes dans les liens doivent nommer les destinations.

Les liens dans les boutons peuvent être fournis par une indication de leur nature, comme une flèche. Par exemple [allez à l'autre page →]. La flèche (ou autre) doit se trouver après la fin du texte.
Cette disposition est habituelle dans les pages de texte pour baliser les liens conduisant l'utilisateur vers un autre site avec une flèche pointant vers le haut et vers la droite. Une flèche horizontale pourrait signifier autre page de ce même site.

1
Juan Lanus