web-dev-qa-db-fra.com

Quand est-il considéré comme un lien et quand est-il déjà considéré comme un bouton?

Je veux dire jetez un oeil à la http://ux.stackexchange.com page d'accueil. Il y a un lien jaunâtre "Poser une question" =: il manque les grandes lettres comme dans les titres etc.

Cependant, il y a aussi un lien comme "lire la FAQ" "etc.

Techniquement, ils sont à la fois <a> tags, pas un <button> ou un <input> tags etc. Voir le code source vous-même.

Donc. quand c'est un bouton et quand c'est juste un lien?

Y a-t-il une ligne de frontière d'où il se trouve par exemple bordure autour du lien, fond différent etc.?

Je suis juste curieux de savoir quelle est la différence ux entre le lien et le bouton.

4
Derfder

Un utilisateur appelle généralement un élément un bouton s'il ressemble à un bouton. Sur ce site, "Poser une question" est un bouton, mais les "Questions", "Tags", "Utilisateurs", etc. à côté sont des liens. Les utilisateurs ne se soucient pas si c'est un <a> tag ou <button> tag, ils ne se soucient que si cela semble pouvoir être poussé. En ce qui concerne ce qui indique graphiquement un bouton, cela peut être aussi peu qu'une bordure autour de certains textes (par exemple Windows 8 UI), ou ce peut être un fond dégradé avec ombrage - tant qu'il apparaît comme un bloc légèrement soulevé par rapport à la Contexte.

Côté fonctionnalité, la ligne entre les boutons et les liens s'est estompée récemment. Auparavant, les boutons effectuaient toujours une tâche et les liens vous emmenaient toujours ailleurs, mais ce n'est plus nécessairement vrai. Je pense que la principale différenciation est maintenant qu'un bouton est toujours un verbe - même s'il vous amène à une autre page pour effectuer cette action. (c'est-à-dire "Poser une question") Les liens sont généralement (mais pas toujours) des étiquettes décrivant où vous irez si vous cliquez dessus.

Parfois, les liens sont utilisés comme des boutons, où ils ont l'apparence d'un lien (texte coloré et/ou souligné), mais ont une étiquette de verbe qui effectue une action sur la page. L'objectif principal est de minimiser l'action qui pourrait être trop visible visuellement comme un bouton.

8
DallonF