web-dev-qa-db-fra.com

Les balises doivent-elles être des boutons ou des liens?

Existe-t-il des directives sur la façon dont tags devrait idéalement ressembler? S'agit-il de liens, de boutons ou visuels "tags" avec un lien?

Personnellement, je trouve les balises qui imitent une balise physique ou une bande de bande attrayante, mais les listes de balises ont souvent les balises sous forme de boutons ou simplement de liens. Voir les exemples suivants:

Maintenant, j'ai trouvé quelques questions sur UX.SE à propos des liens et des boutons, mais aucune spécifique aux balises. La meilleure réponse à la question bouton-vs-lien indique:

Règle générale: un lien vous emmène à un autre endroit, un bouton fait quelque chose.

Cela signifierait que les balises devraient être des liens plutôt que des boutons, car elles font généralement apparaître une collection d'éléments balisés avec un mot donné. Ou la métaphore visuelle d'une balise de type bouton est-elle plus importante que l'action impliquée?

Bien que je n'aie pas pu trouver immédiatement un exemple de balises qui ressemblent à des boutons ayant un lien comme étiquette, je me souviens certainement de les avoir vues. Ainsi cette question est également intéressant, mais pas spécifique aux balises, et conclurait à faire des boutons de balises.

cette question sur les boutons ronds , mais l'imitation visuelle d'une balise physique va encore plus loin.

Les liens sont-ils acceptables dans les collections de balises ou les boutons de balises ou même les étiquettes visuelles sont-ils plus recommandés, et avec quel raisonnement?

buttonsinformation-architecturehyperlinkstags
3
kontur

Une utilisation principale des balises consiste à placer le contenu dans son contexte, ce qui signifie qu'il s'agit avant tout d'étiquettes. Dans la vraie vie, nous utilisons tout le temps des étiquettes pour étiqueter les choses à ses effets personnels. Prenez une valise sur un aéroport, elle a au moins deux étiquettes; (1) L'aéroport de destination de la valise et (2) l'adresse personnelle du propriétaire de la valise. Ces balises placent la valise dans le contexte de la destination et de l'adresse du propriétaire (utilisé dans le cas où la valise est perdue).

L'étiquetage et l'étiquetage sont effectués pour remplir des fonctions telles que l'aide à la classification, le marquage de la propriété, la notation des limites et l'indication de l'identité en ligne. Wikipedia - tag (métadonnées)

Dans les balises de contenu numérique, essayez d'imiter ce comportement et placez le contenu dans son contexte. Cela signifie que les balises sont des étiquettes que vous pouvez styliser sous forme de liens de texte ou de boutons. Si vous les stylisez en tant que liens texte, vous avez l'avantage de mettre en œuvre la fonction de lien visité/non visité. Si vous les stylisez comme des boutons, vous avez la possibilité de les faire ressortir et d'être plus importants que les liens de texte. Mais vous pouvez également les styliser comme des étiquettes liées ressemblant à des balises réelles comme le fait delicious.com.

Personnellement, je pense que delicious.com a une très belle représentation de la balise, mais les trois implémentations sont également valables.

5
Benny Skogberg

Bouton, car il ressemble plus à un tag réel qu'à un lien. C'est ce qu'on appelle une métaphore.

La règle générale que vous avez mentionnée est erronée, bien sûr, les boutons vous emmènent aussi quelque part, pensez aux boutons de promotion, aux boutons de soumission de formulaire, ils vous emmènent tous quelque part comme le font les liens. La seule situation où les liens sont meilleurs que les boutons est lorsque la lecture de documents est cliquable, comme le texte en ligne et les titres.

2
Andy

Les balises, en termes de balisage, devraient idéalement être des liens car elles redirigent généralement l'utilisateur vers la page d'archives de cette balise.

Cependant, en termes de visualisation, peu importe si vous affichez la balise sous forme de lien, de bouton, de bloc de texte ou même d'éléphant dansant. Ce qui est important, c'est qu'il est évident pour l'utilisateur que cliquer sur la balise les redirigera vers la page d'archive de cette balise. Cela dépendra ensuite de l'apparence de votre site ou de votre application. Soyez juste cohérent sur votre site pour éviter de confondre vos utilisateurs. Si les liens sur votre site sont soulignés, il serait peut-être préférable de souligner au moins les balises ou d'utiliser les mêmes couleurs que celles que vous utilisez avec vos hyperliens, même si vous affinez les balises pour qu'elles ressemblent aux boutons delicious.com.

1
mary