Comment différencier les actions qui s'éloignent d'une page Web et interagissent avec la page
Il y a longtemps, les liens et les actions sur les pages Web ne servaient qu'à vous diriger vers une autre page Web ou à traiter quelque chose sur le serveur. De nos jours, de nombreux liens et boutons sont utilisés pour interagir avec la page actuelle: développer le contenu, lancer des boîtes de dialogue modales, afficher des fenêtres contextuelles ou basculer les paramètres d'affichage.
Cela introduit une nouvelle complication pour la navigation Web moderne dans les situations où les utilisateurs ne veulent pas s'éloigner de la page. Par exemple, au milieu de remplir un formulaire, disons que vous ne comprenez pas l'un des termes, mais il y a un lien à côté pour plus d'informations. C'est très bien, mais vous ne savez pas si cliquer sur ce lien vous amènera à une nouvelle page et effacera tous vos progrès. Avec un peu de chance, le lien affichera l'aide en ligne ou s'ouvrira dans un nouvel onglet (target="_blank"), mais aucun de ces éléments n'est transparent pour l'utilisateur final. Les utilisateurs peuvent essayer de forcer l'ouverture d'un nouvel onglet avec un clic du milieu ou par un clic droit, mais cela n'est généralement pas bien géré lorsque le clic n'était utilisé que pour déclencher un événement de page.
Une solution consiste à explicitement indiquer les liens externes avec une icône comme ceci: 
Mais cela laisse beaucoup à désirer. Tout d'abord, en absence de cette icône, il n'est pas encore tout à fait clair pour l'utilisateur si cette conception est appliquée uniformément sur la page actuelle. Deuxièmement, cela n'est généralement utilisé que pour indiquer des sites sur un domaine différent. Si le lien vous dirige vers une autre page du même site, l'icône n'est pas claire.
Une façon de gérer l'abordabilité est d'utiliser un chevron pour indiquer les commandes pliables
Mais cela ne s'applique pas dans de nombreuses situations qui entraîneront des popovers ou des modaux.
Lors de la création d'applications Web modernes, comment pouvez-vous indiquer qu'une action n'affectera que la page actuelle?
Que diriez-vous d'un soulignement en pointillés pour l'hyperlien?
local link
- - - - -
link to another page
____________________
C'est ainsi que les fichiers d'aide l'ont fait dans les années 90. Cela présente également l'avantage de conserver l'utilisation la plus courante d'un lien hypertexte (lien vers une autre page) et de modifier la disponibilité du "nouveau" type de lien. Les liens qui apparaissent/se développent dans une page sont beaucoup plus récents que l'hyperlien classique vers une autre page
L'icône a du sens, d'ouvrir dans une nouvelle fenêtre. Mais il ne peut être utilisé que pour un site Web qui fonctionne, par exemple 90% sur la même page.
S'il vous arrive d'avoir tous les liens possibles ouverts sur une nouvelle page, alors l'icône devient inutile.
Cependant, je pense que la meilleure façon d'aborder une nouvelle fenêtre est de l'ouvrir dans un nouvel onglet. Donc, vous définissez essentiellement un point d'ancrage pour que l'utilisateur accède à l'onglet précédent s'il le souhaite et qu'il affiche toujours l'onglet nouvellement ouvert.
Par exemple, si vous avez 10 liens sur une page Web, dont 9 apparaissent sur la même page, vous pouvez avoir une icône pour indiquer que le 10e lien ouvrira un nouvel onglet.