Modifier la couleur du texte lorsque vous survolez un lien hypertexte
La couleur du texte doit-elle changer lors du survol d'un lien hypertexte? Je change habituellement mes hyperliens en une teinte plus claire de bleu lors du survol.
a:link {
color: #0088cc;
}
a:hover {
color: #0099dd;
}
Je pense que cela faciliterait le ciblage et le clic sur un lien hypertexte, car il y a des commentaires visuels supplémentaires. J'ai des états de survol pour presque tout ce qui est cliquable sur mon site pour cette raison même - images, boutons, etc.
Je constate que les résultats de recherche Google n'ont pas d'hyperliens à couleur changeante. Ont-ils fait une étude à ce sujet et conclu que cela réduit la convivialité? Je sais qu'ils font beaucoup de tests fous, comme tester le taux de conversion sur 41 nuances de ble , donc ils doivent avoir fait des tests avec des états de survol d'hyperlien, non?
Quelques-uns de mes collègues et moi venions de mener une série de tests d'utilisabilité d'une application Web. Bien que nous n'ayons pas spécifiquement étudié l'opportunité d'ajouter ou non d'autres indices visuels (à l'exception du curseur de la main) sur un lien en survol, nous avons constaté que les éléments cliquables (liens, boutons) avec plus de commentaires visuels ont plus de chances d'être remarqués et/ou cliqué. Quand j'ai mentionné "plus", cela ne signifie pas que cela doit être très accrocheur; un subtil changement de couleur ou un soulignement pour un lien aide.
Nous pouvons discuter à l'infini de la quantité de couleurs plus sombres/plus claires pour définir la couleur de vol stationnaire du lien. Mais, spécifiquement pour les liens, nous avons constaté que i) l'ajout/la suppression d'un soulignement et ii) l'affichage d'une info-bulle au survol du lien sensibilisent considérablement les utilisateurs à l'existence et à la capacité de clic du lien.
J'espère que ça aide.
Je pense que, comme vous l'avez souligné, cela peut faciliter l'utilisabilité en termes de `` découverte spatiale '' - c'est-à-dire le rendre un peu plus évident lorsqu'un lien peut être cliqué, surtout si les liens ont une grande empreinte qui n'est pas indiquée autrement.
Cependant, le changement de curseur l'indique déjà, donc je pense que l'avantage est minime; d'après mon expérience, il est plus souvent utilisé pour le "joli effet" que pour toute utilisation positive.
Un cas où je pense que cela pourrait probablement s'avérer très efficace est lorsque de petits liens sont placés étroitement ensemble - par exemple dans une barre 'A-Z'. Cela facilitera beaucoup la sélection d'un lien spécifique car il est plus facile de déterminer quel lien est sélectionné, ce que le changement de curseur n'offre pas. Cependant, ce n'est probablement pas la meilleure solution au problème d'origine: l'espace se déconnecte légèrement et augmente l'empreinte!
Enfin, si des liens textuels sont adjacents, un style de survol pourrait aider à indiquer la séparation et, encore une fois, quel lien est sélectionné.
Je ne suis pas sûr qu'il soit principalement utilisé pour le "joli effet" - je pense que cela parle de l'abondance visuelle. Cela montre plus clairement que le site vous répond et que la zone sur laquelle vous vous trouvez actuellement est interactive. Si quoi que ce soit, j'ai travaillé avec des concepteurs visuels qui ont essayé de pousser contre les états de vol stationnaire; Je n'ai jamais entendu personne dire que cela rend les choses plus jolies.
En outre, le curseur ne change pas toujours - par défaut, il le fait, mais les concepteurs peuvent le remplacer et également s'il existe des éléments interactifs déclenchés par javascript ou dans un module Flash, ils ne peuvent pas toujours être indiqués par un changement de curseur.
Je dois admettre que je me suis demandé pourquoi Google ne le faisait pas. Ils offrent des états de surbrillance autrement avec chaque résultat de recherche (certaines icônes à côté du lien deviennent plus sombres), mais ils ont également d'autres décisions de conception étranges - telles que l'URL elle-même dans un résultat de recherche n'est pas cliquable, ce qui me semble contre-intuitif (bien que je devine que c'est parce que dans les publicités sponsorisées, l'URL affichée peut simplement être le domaine de premier niveau, pas l'URL réelle vers laquelle vous irez lorsque le lien sera cliqué).
Ma meilleure estimation de pourquoi Google fait cela? Parce que c'est le comportement du navigateur par défaut. Ce qui signifie que même si vous aviez tout désactivé (CSS, javascript, etc.) et que vous aviez simplement du HTML pur, la couleur/fonctionnalité des liens resterait la même pour tout le monde.