Tous les liens d'une page doivent-ils tous être soulignés ou tous colorés?
Je repense un site Web et je travaille actuellement sur la page d'accueil. J'ai plusieurs liens ou points d'entrée via la page d'accueil. Je me demandais si je devais suivre une convention pour styliser les liens, c'est-à-dire souligner tous les liens ou utiliser uniquement des couleurs et des polices en gras différentes.
Sera-ce déroutant si la page d'accueil utilise une combinaison des deux styles? Par exemple, certains liens sont soulignés tandis que certains liens sont juste en gras et de couleur différente (pas rouge ou verte).
C'est une norme que tous les liens texte suivent une convention d'identification. Cela peut être votre choix de toutes les combinaisons de styles, mais en règle générale, elles devraient toutes suivre le mouvement.
Une exception serait les éléments de navigation. Certains sites qui utilisent énorme les zones de pied de texte n'ont pas à suivre exactement ces conventions pour les liens quasi-sitemap. La plupart partagent encore des éléments (un plus foncé/plus clair a: survol, un soulignement quelconque, etc.).
Voici un très bon article de Smashing Magazine qui parle des normes Web pour le style des liens.
Essentiellement, vous souhaitez rendre vos liens aussi lisibles que possible. Les utilisateurs analysent le contenu à la recherche de liens - ils n'enquêtent pas chaque mot pour voir s'il s'agit ou non d'un lien. C'est pourquoi avoir une convention de style uniforme que tous les liens suivent est important. Lorsqu'un utilisateur identifie "à quoi ressemble un lien", il peut dépendre de cette description dans toutes les instances futures - à l'exception des "liens" flagrants, comme un bouton d'interface utilisateur.
En ayant plusieurs styles coexistants pour les liens de texte, vous courez le risque de confondre l'utilisateur a à quoi ressemblent les liens devraient sur votre site, et éventuellement les faire manquer le contenu qu'ils voulaient en raison d'un système de style de lien déroutant.
C'est aussi pourquoi l'établissement d'un guide de style est important - pour garder un sens et une logique uniformes tout au long du processus de conception et pour créer une cohésion de conception.
Comme avec presque toutes les choses UX, l'apprentissage est la clé. Vous n'avez pas à vous en tenir à un seul traitement pour tous les liens texte, mais il doit y avoir des règles claires.
Comme l'a souligné Arman, une grande zone de liens comme la navigation au pied de page va être un gâchis si tout est souligné ou bien mis en valeur d'une manière ou d'une autre. Mais il est important de séparer cette section pour signifier qu'il s'agit de navigation. Il est également important de les différencier de manière cohérente des titres ou d'un autre texte.
Lorsque vos liens tombent dans le flux de texte ou dans le contexte plus large d'une page pleine de contenu, vous avez probablement besoin de quelque chose de différent. Si les gens doivent pouvoir rechercher des liens dans ce contexte, ils auront besoin d'une plus grande différenciation.
La seule chose que je considère comme une règle immuable pour le bureau est le survol. Il devrait toujours y avoir une confirmation au survol que ce que l'utilisateur est sur le point de cliquer va effectivement faire quelque chose.
Quelques réflexions:
La page d'accueil est votre opportunité d'établir votre langage d'interaction qui devrait ensuite être cohérent sur l'ensemble du site.
Bien que vous n'ayez pas besoin de vous en tenir aux couleurs par défaut des liens du navigateur, plus vous vous en éloignerez, moins vos utilisateurs auront de succès. Sur ce site Web, le bleu sélectionné contient un contraste suffisant par rapport au corps du texte pour indiquer l'interaction - il est systématiquement utilisé et utilise les utilisateurs apprenant de la plupart des autres sites que le texte bleu = hyperlien.
La suppression des soulignements réduira le taux de clics des liens (une déclaration que je fonde sur notre expérimentation chez Google). Cependant, la suppression des soulignements peut réduire le bruit sur la page et augmenter la lisibilité des mots car les soulignements de texte Web peuvent interférer avec la forme de la lettre.
Bien que le survol souligne l'aide et que je recommanderais d'utiliser si vous supprimez cette décoration de texte, cela dépend toujours de la rétroaction de l'utilisateur lors de l'interaction plutôt que simplement en regardant le lien texte qui peut avoir un impact sur les utilisateurs qui ont une déficience visuelle et qui ont du mal avec la couleur contraste.
Quel que soit le choix que vous fassiez, établissez simplement le langage d'interaction et respectez-le. Bonne chance.