Quelle est la meilleure pratique pour un lien qui a deux fonctions?
Par exemple, disons que j'ai une visionneuse de livres avec une liste de signets (parent-enfant). mon problème est de savoir comment gérer les signets lorsqu'il a deux actions dans le même lien.
télécharger la source bmml - Wireframes créés avec Balsamiq Mockups
Dans l'esquisse de maquette ci-dessus, j'ai un élément de signet parent Titre 3 qui mène à la page numéro 100 et en même temps, le titre 3 est un menu réduit qui a sous-éléments en son sein.
Si vous pouvez voir que le titre 3 dans la liste des signets a deux actions ... la première action est le lien qui mène directement à la page 100 et la seconde est le menu réduit sous elle. comme expérience utilisateur, l'utilisateur peut ouvrir les sous-titres pour explorer et naviguer avant de décider de cliquer dessus. J'ai donc deux clics dans le même lien, l'un mène à la page et l'autre ouvre les sous-éléments.
Ma question: quelle est la bonne pratique d'avoir deux actions (fonction) dans le même lien? alors que je ne sais pas quoi utiliser le [+] à côté du titre comme le montre le croquis ci-dessus. y a-t-il un autre aspect qui pourrait aider?
J'ai rencontré ce problème plusieurs fois et personne n'est jamais d'accord sur le meilleur résultat :(
Personnellement, je pense qu'un lien ne devrait pas remplir 2 fonctions, il devrait soit ouvrir la liste, soit vous amener à la première page de l'article que vous décrivez. Vous pouvez toujours l'avoir pour que lorsque vous arrivez sur cet élément supérieur, il y ait un nouveau sous-menu répertorié sous cet élément bien sûr.
C'est effectivement ce qui s'est passé ici sur un projet sur lequel j'ai travaillé: https://www.crunch.co.uk/who-we-help/accounting-for-freelancers/
Je m'y suis opposé car c'est particulièrement problématique sur mobile. En mobile, l'équipe décide de ne supprimer qu'un seul niveau de navigation pour faire face au problème qui m'a encore une fois horrifié.
J'ai suggéré quelque chose de plus comme ça (mais évidemment plus élégant):
télécharger la source bmml - Wireframes créés avec Balsamiq Mockups
J'aimerais aussi lire une réponse bien documentée (sinon définitive) à ce dilemme:)