Meilleure approche du bleu / souligné pour le lien?
Nous avons une application Web qui permet aux utilisateurs d'interroger une base de données.
Les résultats sont renvoyés dans une interface de type fil d'Ariane .
Nous avons apporté ce changement dans une nouvelle version et avons supposé qu'il était suffisamment intuitif pour que nos utilisateurs comprennent (nous avons fourni quelques docco sur la façon d'utiliser aussi).
Nous avons reçu des commentaires de nos utilisateurs qui ne savent pas où cliquer sur la nouvelle interface.
Les autres utilisateurs semblent être d'accord, mais nous prenons au sérieux les commentaires critiques et nous ne savons pas trop si nous devons changer quoi que ce soit ici ou non.
Nous utilisons l'approche old school de symboliser l'élément cliquable dans le fil d'Ariane avec l'approche bleue et soulignée:
Lorsque vous cliquez sur le lien, vous obtenez ceci:
Pour moi et les développeurs, c'est évident. La bonne réponse pourrait être que vous êtes également d'accord, ou peut-être pouvez-vous suggérer une meilleure approche plus intuitive pour lui donner un aspect cliquable.
Un utilisateur a fait un commentaire valide:
"Le nouveau format de fil d'Ariane ressemble en fait plus à une piste, ou" où suis-je allé "plutôt que" ce qui est disponible "
Le problème que je vois ici est que vous utilisez un style qui est à l'origine et fréquemment utilisé pour signifier un lien qui vous mènera ailleurs, où à la place ce qui se passe est qu'une liste déroulante d'options apparaît.
Je voudrais utiliser un marqueur ▼ à la fin de l'étiquette pour indiquer un comportement de menu déroulant . C'est un caractère unicode 'triangle noir pointant vers le bas' (U + 25BC) , ou vous pouvez simplement utiliser une image si vous préférez.
Soit dit en passant, ne fournissez-vous que la fonctionnalité de liste déroulante sur la dernière miette? Voici un exemple où ils fournissent fonctionnalité déroulante à chaque niveau de la hiérarchie/piste miettes , bien qu'ils ne l'appellent pas du tout.
Cet exemple suggère également un autre changement que je recommanderais dans votre conception. Actuellement, le menu déroulant est décalé de la valeur actuelle, ce qui implique une subordination, alors que ce que vous proposez vraiment est une liste de frères et sœurs égaux. Déplacez le menu déroulant vers la gauche pour l'aligner sur la valeur actuelle. Pensez également à cocher ✓ (Unicode U + 2713) par rapport à la valeur actuellement sélectionnée (ADL_Property_LInfo dans votre exemple).
Dans l'ensemble, cela pourrait ressembler davantage à ceci: 
Votre problème n'est pas comment marquer le lien. Le problème est que le lien semble être autre chose que ce que vous vouliez.
Un fil d'Ariane vous montre comment vous êtes arrivé là où vous êtes et, idéalement, fournit des liens vers votre destination. C'est pas un élément de navigation pour vous montrer de nouveaux endroits où vous pouvez aller. En regardant cet écran, je suppose que la page actuelle sur laquelle je me trouve est "ADL Property LInfo". Il n'y aurait alors aucun sens à cliquer sur le lien vers la page sur laquelle je suis actuellement.
Il semble que vous souhaitiez vraiment afficher vues alternatives de la page sur lesquelles vous vous trouvez. Dans ce cas, vous devez fournir une étiquette indiquant de quelle vue il s'agit et un bouton qui dit (par exemple) "Changer de vue" et qui ouvre un menu pour changer la vue.
Si vous utilisez l'approche du fil d'Ariane, je m'attendrais à ce que le choix que vous proposez dans la fenêtre contextuelle soit disponible lorsque je clique sur le parent fil d'Ariane.
Il n'est pas clair non plus que les ancêtres soient cliquables de quelque façon que ce soit. Je suggérerais d'utiliser une sorte de bouton au lieu de l'étiquette que vous utilisez actuellement; ou au moins le transformer en bouton en survol.
Certains utilisateurs peuvent obtenir qu'un texte souligné en bleu signifie un lien, mais aucun ne devinerait qu'il agit comme un bouton. Un lien vous mène généralement ailleurs (peut-être en dehors de l'application?), Et ce n'est pas le cas ici.
Ma suggestion est donc de boutonner ces miettes de pain avec une sorte de bouton de style plat.
Je suis d'accord avec les réponses précédentes qu'il s'agit d'un lien bien caché qui contient des options. Les parents (Results et Adelaide.PROPERTY) ont tous les deux une parentèse arrière avec un numéro. Je suppose que ce sont le nombre d'options à ce niveau dans l'arbre. Si vous avez ajouté une telle parentesis avec le nombre d'options disponibles combinées avec la flèche suggérée précédemment ou plutôt changez-la en une liste déroulante html standard.
Vous pouvez également effectuer un changement plus important et rendre plus visible qu'il s'agit d'un arbre complet et pas seulement d'un "sentier".