Il est connu que les liens sur la page peuvent prêter à confusion, mais sont également utiles pour naviguer facilement dans le contenu de la page.
Pour les onglets, il existe également des directives de conception. Un bon article est le suivant: "Tabs, Used Right" | Nielsen Norman Group .
Il n'est pas clair pour moi s'il s'agit d'une mauvaise pratique, par exemple, une référence dans le contenu du premier onglet au troisième onglet.
Mise à jour: pour rendre cela plus clair, prenons un exemple. Nous avons 4 onglets avec différentes sections d'un magasin: films | musique | livres | Jeux. Dans le premier onglet, où j'ai donné les films les plus récents, puis-je avoir un lien vers le troisième onglet "livres connexes"? Je ne vois pas le contenu des deux onglets simultanément, mais est-ce que je peux changer les onglets de cette façon?
Ce sera OK tant que l'utilisateur est au courant de ce qui se passera une fois que le lien aura été cliqué. Ajoutez des éléments visuels qui informent l'utilisateur que ce lien accédera à un autre onglet. De plus, une fois le lien cliqué, donnez un retour visuel indiquant que l'onglet est passé de TAB A à TAB D.
De plus, ce sera très bien si vous leur fournissez un bouton de retour qui dirigera l'utilisateur exactement vers la même position avant le clic.
L'article que vous référencez frappe un point clé du # 3:
Utilisez les onglets uniquement lorsque les utilisateurs n'ont pas besoin de voir le contenu de plusieurs onglets simultanément. Si les gens ont besoin de comparer les informations derrière différents onglets, alors les allers-retours font peser une charge supplémentaire sur leur mémoire à court terme, augmentent la charge cognitive et les coûts d'interaction et réduisent la convivialité par rapport à une conception qui met tout sur une seule grande page.
puis se déplacer entre les onglets peut être difficile, car vous demandez à l'utilisateur de mémoriser des informations qui sont maintenant hors de sa vue. Le moyen de contourner cela est de mettre les informations complètes dans la barre d'onglets. Nous voyons cela avec des "étapes" de paiement sur une page qui agissent comme un accordéon (d'accord, pas vraiment des onglets), où le le statut est placé dans l'en-tête (avec des icônes comme une coche pour indiquer la fin).
Les onglets peuvent fonctionner (mais voir la citation ci-dessus!). S'il y a une cohérence logique entre le matériel référencé, vous voudrez peut-être simplement regrouper le contenu (mais je ne connais pas votre cas d'utilisation).
Testez avec vos utilisateurs et assurez-vous que les utilisateurs ne souffrent pas de compréhension en ne voyant pas le contenu simultané.
Les informations peuvent être séquencées dans le temps ou adjacentes dans l'espace: les compromis séquencés dans le temps signifient davantage de mémorisation (si le contenu doit être comparé et analysé).
télécharger la source bmml - Wireframes créés avec Balsamiq Mockups
Vous pouvez utiliser l'exemple d'Amazon (et d'innombrables autres sites) où la page du produit a les options "connexes".
Le contenu peut afficher soit:
Amazon a un curseur que les utilisateurs peuvent visualiser horizontalement. Si vous en avez besoin, vous pouvez utiliser des comprimés ou des onglets pour filtrer par type de contenu, ou empiler des bandes de contenu verticalement (bien que cela puisse devenir bruyant!).
Pour moi, il serait tout à fait inattendu de cliquer sur le lien "livres associés" et rester sur l'onglet "films" lors de la navigation dans les livres ...
Tant que le bouton de retour par défaut du navigateur fonctionne et que des tests sur de vrais utilisateurs confirmeront l'intuition, l'utilisation de liens vers différents onglets devrait être OK dans ce contexte particulier.