web-dev-qa-db-fra.com

Liens vs actions

Cette question peut être un peu vague, mais j'ai pensé que je poserais de toute façon.

Je travaille sur une application qui a beaucoup de liens et d'actions visibles dans mon interface.

La plupart de mes actions sont accompagnées d'une sorte d'icône et ont une couleur jaune appliquée.

Mes liens ont juste une couleur jaune appliquée.

Mon problème est que sur certains écrans, il y a beaucoup de liens et que les actions disponibles sont en fait difficiles à trouver. J'ai donc décidé de changer mes actions en bleu, pour les aider à se démarquer davantage.

Recommanderiez-vous d'avoir des couleurs séparées pour les liens et les actions? Ou pensez-vous que cela aggraverait les choses. screenshot

4
Mark

J'ai fait passer votre image dans ce vérificateur de daltonisme Coblis - Color Blindness Simulator et voici à quoi ressemblera votre site ou application pour une personne qui souffre de monochromie

enter image description here

Maintenant, en prenant cela comme exemple, vous avez un certain nombre de problèmes ici

  • Vos liens n'ont aucune possibilité visuelle qu'ils soient des liens et ils ressemblent simplement à du texte sans couleur. On s'attend à ce que les liens aient une capacité visuelle telle qu'un trait de soulignement qui informe les utilisateurs qu'il diffère du contenu du site. Selon directive de modèle de conception de lien de MSDN

La directive fondamentale est que les utilisateurs doivent être capables de reconnaître les liens uniquement par inspection visuelle - ils ne devraient pas avoir à passer la souris sur un objet ou à cliquer dessus pour déterminer s'il s'agit d'un lien.

Même si vous ne considérez pas les utilisateurs daltoniens (ce qui serait une erreur), s'attendre à ce que vos utilisateurs déterminent un lien est une couleur spécifique les confondrait (une autre chose déroutante est votre lien est une couleur jaune qui n'est pas la couleur normale que vous associez aux liens)

  • Vous utilisez des liens bleus avec une icône bleue pour appeler à des actions. Bien qu'ils se démarquent encore un peu plus en raison de l'arrière-plan du bouton, ils souffrent toujours d'un faible contraste. Le manque de cohérence dans les conceptions d'appel à l'action est également déroutant, car votre CTA "Ajouter un membre" est un bouton, tandis que la "Vue d'impression" et la "Vue d'exportation" ne sont que des icônes et du texte et le manque d'accessibilité peut les dérouter davantage.

Voici un article que je vous recommande de lire sur l'importance de la capacité visuelle des liens

L'importance de l'abordabilité visuelle dans la conception d'hyperliens

Il y a beaucoup d'excellents articles sur la façon de concevoir l'appel aux actions et un ne recherche rapide sur Google vous donnera les réponses vous avez besoin de savoir comment concevoir un appel aux actions efficace. Voici quelques-uns pour votre référence:

Boutons d'appel à l'action: exemples et meilleures pratiques

Tout ce que les spécialistes du marketing devraient savoir sur les CTA secondaires

5
Mervin

Je voudrais ajouter que sur la base de votre capture d'écran, il semble qu'une partie de ce qui est cliquable ne soit pas en fait des liens mais des en-têtes de colonnes d'un tableau.

Cela relève des en-têtes de colonne pour les meilleures pratiques d'affichage des données dans un tableau. Non seulement il devrait être évident qu'il est cliquable, mais il devrait être évident que c'est une ligne d'en-têtes de tableau qui rendra également les données triables.

Voici un exemple:

example

2
Pdxd