web-dev-qa-db-fra.com

Modale ou nouvelle page lors du passage de la liste à la vue détaillée? (dans un système de suivi des problèmes)

Je travaille actuellement sur un système de suivi des problèmes (vous voudrez peut-être le comparer à Jira, mais plus léger). L'écran principal de l'application est cette liste de problèmes:

enter image description here

Lorsqu'un utilisateur clique sur un problème, je peux soit ouvrir le problème dans une vue modale (par exemple, comme Trello):

enter image description here

ou ouvrez-le dans une nouvelle page avec un bouton de retour pour revenir à la liste complète:

enter image description here

Je suis indécis car il y a des avis contradictoires à ce sujet.

La vue modale présente l'avantage que l'utilisateur reste dans le contexte de la liste des problèmes. Ce qui nécessite moins de frais de commutation mentale. La nouvelle page a l'avantage d'être mieux adaptée à plus de contenu. Surtout lorsqu'une barre de défilement devient nécessaire et fonctionne mieux avec la navigation par navigateur intégrée.

Quelle option est préférable dans ce contexte?

2
tcam

Je ne suis pas sûr de ses implémentations dans un système de suivi des problèmes où je suppose que l'utilisateur moyen est un peu plus averti en informatique que le consommateur habituel mais: https://baymard.com/blog/ecommerce-quick -views

élaboration La recherche de Baymard indique que les utilisateurs perçoivent le modal comme la page "finale". Cela permet aux utilisateurs de ne pas voir qu'il existe réellement une page avec plus d'informations. Christian Holst déclare également dans l'article que l'utilisation d'une vue rapide est généralement le résultat d'une vue de liste mal conçue. Ce qui précède est surtout lorsque vous introduisez les deux options. Je ne sais pas si c'est une possibilité que vous avez étudiée.

L'utilisation d'un modal augmente le risque d'utilisation abusive du bouton de retour du navigateur. (en essayant de revenir à la vue liste en appuyant sur "retour", puis en revenant à la page d'accueil ou à la page avant la vue liste). Cela peut être ajusté avec le balisage de l'historique HTML, je ne le recommande pas vraiment.

Et, c'est personnellement, mais je ne l'aimerais pas simplement parce que j'ouvre ces choses dans un nouvel onglet. Certes, cela est principalement dû à la vue de liste mal conçue et à la fonctionnalité du bouton de retour. Mais reste.

Il est axé sur le commerce électronique, mais pourrait toujours s'appliquer.

Autres articles (baymard) qui pourraient être pertinents: https://baymard.com/blog/back-button-expectations , https://baymard.com/blog/inline-scroll -areas

4
TristanSchaaf

D'accord, j'ai trouvé une troisième option inspirée d'Asana. Nous pourrions également garder la liste ouverte affichant uniquement les informations les plus importantes tout en ouvrant le bogue sélectionné sur le côté. Cela résoudrait au moins les problèmes de défilement des onglets. Ne fonctionnera probablement que sur les tailles d'écran HD et plus encore.

enter image description here

3
tcam

Les modaux ne sont pas les meilleurs composants quand il y a beaucoup d'informations. Avoir une page fonctionne mieux dans cette situation.

Dans votre exemple, vous pouvez voir si avoir une option pour développer une ligne est logique (lignes réductibles).

Regardez cette discussion: Modal ou nouvelle page?

Vous cherchez à entendre d'autres opinions.

0
Bindu