Liens externes: si et comment les distinguer des liens internes et les ouvrir
Comment les autres IA/UXD traitent-ils les liens externes et quels sont les avantages/inconvénients perçus des différentes options. Recherche spécifique de recommandations sur:
- si et comment distinguer visuellement les liens externes des liens internes
- si vous devez les ouvrir dans la même fenêtre/onglet ou dans une fenêtre ou un onglet différent
J'ai trouvé d'excellents commentaires sur ces questions sur http://www.ixda.org/search.php?tag=external+links & http: //www.useit. com/alertbox/open_new_windows.html
La recherche d'opinions, de réflexions et en particulier de tous les résultats des tests d'utilisabilité des contributeurs de ce site pourrait avoir ces questions.
Avoir une sorte d'identification visuelle à côté du lien est une bonne approche. Un Wikipedia utilise.
De toute évidence, vous devez expliquer ce que signifie l'icône quelque part.
Dans quelle mesure est-il important de distinguer les deux? Les utilisateurs s'en soucieront-ils? La plupart des sites ne font pas de distinction entre les liens internes et externes, ils permettent simplement aux utilisateurs de survoler le lien pour voir ou cliquer et découvrir.
Si c'est nécessaire, je préfère suivre la convention de Wikipédia car c'est un site très connu, donc l'icône est reconnaissable.
Sinon, vous pourriez faire quelque chose comme utiliser des soulignements en pointillés pour un type de lien et utiliser des soulignements pleins pour un autre. Ou utilisez des doubles soulignements pour l'un et des soulignements simples pour l'autre. Vous pouvez même utiliser différentes couleurs de lien pour les faire ressortir encore plus, mais ce n'est probablement pas approprié dans la plupart des cas.
La dernière option consiste à simplement mettre les liens externes dans une section distincte (Wikipedia le fait aussi sur la plupart des pages). Cela indique clairement aux utilisateurs qu'il s'agit de liens externes et permet aux utilisateurs de les trouver/les éviter le plus facilement.
Quoi qu'il en soit, dans la plupart des cas, il n'est absolument pas nécessaire d'avertir les utilisateurs qu'un lien est externe. Évitez simplement de créer des liens vers de mauvais sites ou des contenus non pertinents.
J'aime la façon dont Wikipedia le fait. Ils ont une petite icône signifiant "lancer une autre fenêtre". Les navigateurs généralement modernes en feront un nouvel onglet. Exemple:
J'ai en fait utilisé ce lien exact dans les applications pour indiquer quand il ouvrira une nouvelle fenêtre.
Jetez un œil au modèle de conception des liens sortants :
http://www.welie.com/patterns/showPattern.php?patternID=outgoing-links
En particulier:
À utiliser lorsque
La plupart des sites Web utilisent une combinaison de liens internes et de liens externes. Cependant, lorsque la majorité des liens sont internes, les liens externes deviennent l'exception, par exemple dans un site d'actualités. En revanche, dans un site portail ou une page de blog, l'équilibre est généralement vers des liens externes. Ainsi, lorsque les liens vers des pages externes sur d'autres sites ne sont pas la norme, il est bon de dire aux gens que le lien sur le point de cliquer les éloignera du site qu'ils parcourent.
Comment
Marquez les liens en ajoutant une icône après l'étiquette du lien. Lorsque les liens sortants sont sélectionnés, une nouvelle fenêtre s'ouvre. Habituellement, l'icône est une combinaison d'une flèche pointant vers l'extérieur et d'une forme
Pourquoi
En ajoutant une icône ou un autre type de marquage, les utilisateurs savent que ces liens sont différents et à quoi s'attendre lorsqu'ils cliquent dessus. Marquer le lien ne résoudra aucun problème majeur d'utilisation avec votre site, mais il gérera subtilement les attentes des utilisateurs lorsqu'ils naviguent sur le site.
J'ai trouvé que cela déroute profondément les utilisateurs parfois lorsque leur "bouton retour" est soudainement désactivé et qu'ils doivent cliquer sur Fermer, cela semble rompre le flux. D'un autre côté, cela pourrait aussi les confondre soudainement avec un autre site Web. Mais c'est là qu'intervient le bouton Retour.
Une autre chose à considérer est que de nombreux utilisateurs novices ne comprennent pas encore le concept des onglets. Donc, si leur navigateur attrape votre "nouvelle fenêtre" dans un onglet et que l'utilisateur essaie de fermer ou de revenir en arrière, il ne trouvera pas son chemin vers votre site Web.
Parlant d'expérience personnelle: je déteste intensément quand les sites Web ouvrent de nouvelles fenêtres ou de nouveaux onglets. Je vais décider cela pour moi, merci. Habituellement, je laisse les nouveaux onglets se charger en arrière-plan pendant que je termine la lecture de l'article.
Donc, en conclusion: les rendre visuellement distincts pourrait être utile s'il est clair pour l'utilisateur POURQUOI ils sont différents des autres liens. Sinon, ce serait tout simplement déroutant. Cependant, je ne ferais jamais (ou presque jamais) de liens ouverts dans de nouvelles fenêtres.
Généralement, à l'exception de l'exception mentionnée dans mon commentaire ci-dessus, je ne fais pas de distinction entre les liens externes et internes. Il existe certaines règles pour aider à minimiser l'élément surprise dans la navigation hors site en évitant évidemment d'inclure des liens externes dans votre navigation principale, le clustering du menu interne et des liens externes comme les sites favoris, les blogrolls, etc. séparément, mais généralement dans le contenu, il est correct de mélanger interne et externe et si possible utiliser le contenu et l'hyperlien pour indiquer la destination.
Par exemple: en savoir plus sur mes compétences et mon expérience dans mon bio professionnel - vous pourriez être surpris si cela vous amène à un autre site.
Mais: J'ai lu sur News.com.au l'autre jour que les dirigeants de Google risquent la prison par vidéo - vous vous attendriez aller ailleurs.
J'espère que ce sont de bons exemples :)
D'accord avec Lèse, ça n'a généralement pas beaucoup d'importance.
Cependant, cela peut être important lorsque, par exemple, le lien fait partie d'un ensemble de liens qui établissent un lien interne. Sur un site sur lequel j'ai travaillé, deux des liens de la navigation principale liés à des sites externes. Les placer avec les liens normaux dérouterait les gens, alors je les ai alignés à droite de la zone de navigation et j'ai ajouté des icônes comme wikipedia.
(presque) Tous les liens dans les articles sur wikipedia sont internes, seule la section des liens externes contient des liens externes. L'ajout de l'icône dans ce cas est logique, car ils diffèrent de la norme.
Donc, pour répondre à votre question, cela dépend. D'après votre formulation, j'ai l'impression que cliquer sur un lien externe est quelque chose que vos utilisateurs ne veulent pas faire?
Je pense que la nouvelle fenêtre est un appel au jugement. Souvent, j'aime que les liens, en particulier les liens externes, s'ouvrent dans une nouvelle fenêtre sans que je fasse l'effort (énorme supplémentaire) de cliquer avec le bouton droit et d'utiliser le menu contextuel.
Donc, si vous créez un lien vers quelque chose que le lecteur voudra probablement consulter plus tard, tout en continuant à parcourir votre site, une nouvelle fenêtre/un nouvel onglet est le chemin à parcourir. L'icône Wikipedia est également une bonne idée.
Je suis d'accord avec Glen sur la petite icône de flèche comme Wikipédia utilise pour les signifier, et je suis également d'accord avec Maikel pour ne pas ouvrir automatiquement les liens dans une nouvelle fenêtre. Laissez l'utilisateur décider de le faire s'il le souhaite.
Les liens qui ouvrent une nouvelle fenêtre ou un nouvel onglet doivent être clairement indiqués. Certains utilisateurs seront confus lorsque des liens s'ouvriront dans de nouvelles fenêtres ou de nouveaux onglets. Ces utilisateurs peuvent également être confondus par des icônes cryptiques. Si vous avez vraiment besoin d'ouvrir des liens dans une nouvelle fenêtre, dites-le simplement: voici un exemple (le lien ouvrira une nouvelle fenêtre)
Mais il est difficile de faire un bon argument pour forcer un lien à ouvrir une nouvelle fenêtre.
En cas de doute, ne le faites pas.
Quant aux liens externes, vous souhaiterez peut-être les différencier pour des raisons juridiques ou de marque. Utilisez le texte "(site externe)" ou une icône comme le fait Wikipedia (tant que cela ne vous dérange pas que certains utilisateurs ne sachent pas ce que signifie l'icône). Mais tant qu'ils s'ouvrent dans la même fenêtre, l'utilisateur peut toujours utiliser le bouton de retour.