Différences entre les liens et les boutons dans une application Web ou un site Web en termes d'action, d'accessibilité et d'expérience utilisateur
Je sais que cette question a peut-être été posée auparavant d'une manière différente, mais ce que je recherche, c'est qu'avec toutes les différences entre les liens et les boutons, qu'est-ce qui est important pour les afficher aux yeux de l'utilisateur final?
Par exemple, il est dit dans des directives UX ou des articles comme this que la forme du curseur ne devrait pas être différente lors de l'utilisation des boutons, mais les liens sont ceux qui ont besoin du curseur en forme de main comme signifiant de l'abordance ils ont.
La question est de savoir ce qu'est un lien ou un bouton dans l'œil de l'utilisateur? Est-il important que l'utilisateur sache s'il s'agit d'un lien sur lequel il clique ou d'un bouton? Surtout dans les sites Web où ces options sont utilisées de manière interchangeable. Doivent-ils être présentés différemment? Si oui, qu'est-ce qui devrait être différent dans la façon de les présenter? Comment un utilisateur doit-il faire la distinction entre un lien et un bouton? Quand la forme du curseur doit-elle changer, uniquement sur les liens qui ont la forme de liens? sur tous les liens et boutons qui fonctionnent comme un lien (par exemple, les boutons de navigation)? Ou sur tout ce qui est cliquable sur le Web? S'il ne doit être modifié que sur les liens, quels sont les signifiants des boutons fantômes ou des boutons plats? Et aussi quels sont les autres signifiants d'un lien ou d'un bouton?
L'article même suggérant que le curseur en forme de main ne devrait être utilisé que sur les liens, l'utiliser sur tous ses boutons et les liens lui-même, à savoir tout ce qui peut être cliqué sur cette page Web. Où sont ces limites? et y a-t-il quelque chose comme un guide universel que faut-il faire?
La question est de savoir ce qu'est un lien ou un bouton dans l'œil de l'utilisateur?
Aux yeux des utilisateurs, les liens vous redirigent vers un autre point, soit vers une nouvelle page, soit vers un nouvel emplacement à l'intérieur d'une page ou d'un document, c'est pourquoi l'icône de la main est utilisée lors du survol des liens texte.
Un bouton n'est pas une garantie pour une redirection, même si les boutons sont souvent utilisés dans ce cas, c'est principalement parce que les boutons sensibilisent beaucoup plus que les liens texte.
À la fin de la journée, il est important de montrer à l'utilisateur que:
- un texte/bouton est un élément cliquable
- si le texte/bouton le redirige vers une page ou un endroit différent
Pour ce faire, vous utilisez des états normal et survolé pour les liens et les boutons.Si vous utilisez des liens texte, vous devez les rendre visibles par le poids de la police, le soulignement et/ou la couleur afin que l'utilisateur les remarque comme des liens et non comme des textes normaux.
Si vos liens redirigent vers une autre page, vous devez également utiliser une icône ou utiliser une formulation vraiment évidente, par exemple: "Ouvrir dans une nouvelle fenêtre".
Je ne pense pas que cela ait des directives strictes simplement parce que cela dépend un peu trop du niveau d'expérience de l'utilisateur.
Les boutons et les liens de texte jouent essentiellement le même rôle, ils ont juste un poids visuel différent; les boutons sont des liens importants du CTA (l'action préférée), tandis que les liens texte sont la moindre action.
J'utiliserais personnellement les mêmes changements de curseur signifiants pour les liens de texte et les boutons. Les boutons et les liens de texte peuvent exister dans le vide; les boutons sont généralement seuls, accompagnés d'images et de copies. Les liens de texte sont souvent en lignes, mais peuvent apparaître de manière autonome dans un texte. Vous devez savoir si quelque chose est cliquable, d'autant plus que les boutons ont souvent également un état désactivé.
Leur raisonnement est que barres d'outils (presque) n'a jamais de curseur à main. Ça a du sens; les barres d'outils sont un ensemble d'options différentes. Si vous jetez un coup d'œil au logiciel, vous verrez qu'aucun des boutons ou options n'a un curseur à main. Ils s'attendent à ce que vous sachiez que vous pouvez cliquer sur tout ce qui ressemble à une option. Avec les sites Web, un large éventail de personnes l'utilisent et, lorsqu'ils interagissent avec des éléments cliquables, ils doivent avoir l'assurance qu'ils peuvent interagir avec lui. C'est aussi de là que vient l'esthétique originale d'un bouton; un élément surélevé qui peut être "enfoncé" vers le bas. C'est précieux, d'autant plus que de plus en plus de sites web utilisent moins de moyens en raison de l'esthétique et du minimalisme, un bouton fantôme par exemple.