web-dev-qa-db-fra.com

Pagination en vue maître-détail

J'essaie de montrer une vue maître-détail, où chaque cellule du tableau maître (celle de gauche) représente une liste.
Lorsque vous cliquez sur une cellule, la liste s'ouvre dans le panneau de droite.
Le tableau et la liste ont une pagination.
Mon problème est, dans le cas où l'utilisateur a sélectionné une cellule, (par exemple, Column 1, ID 6, comme dans l'exemple), puis passe à une autre page du tableau de gauche, que dois-je faire avec le contenu du panneau de droite?
Les possibilités telles que je les vois sont:

  1. Cachez le panneau de droite. Je ne suis pas sûr que ce soit une bonne option, car l'utilisateur peut vouloir continuer à le voir, même après qu'il soit passé à une autre page.
  2. Gardez le bon panneau. Cela peut être déroutant, car l'utilisateur verra dans le panneau de droite les détails d'une ligne qui n'apparaît pas dans le tableau de gauche.

Ces deux options ne sont pas bonnes, car chacune a ses inconvénients.
Je ne pouvais pas penser, ni trouver d'autre moyen, bien que cela semble être un problème commun pour les vues maître-détail, et j'ai pensé que je trouverais une solution rapidement.
Le défilement infini n'est pas pertinent, car les utilisateurs ont dit qu'il n'était pas confortable pour eux.
Ma question est donc la suivante: Existe-t-il un modèle connu pour gérer la pagination dans la vue maître-détails? expérimenté dans une telle conception et peut ajouter une meilleure idée que celles énumérées ci-dessus?

enter image description here

Détails supplémentaires sur l'utilisation de la table

  1. L'utilisateur explorera le tableau, principalement en le triant selon ses colonnes et en inspectant les valeurs extrêmes. Ensuite, après avoir trouvé une cellule intéressante, il cliquera dessus et explorera davantage.
  2. Parfois, l'utilisateur saura quelle cellule il recherche (c'est-à-dire une cellule qu'il a déjà vue dans le passé), et la cherchera explicitement, avec le filtre.

Question connexe: Affichage de millions d'enregistrements dans la grille de détails principale (millions dans les deux détails principaux) Je n'ai pas trouvé ce que je cherchais ici.

ÉDITER

selon @Luchadora réponse :

  1. L'utilisateur voudra occasionnellement faire une comparaison entre 2 cellules dans des pages différentes, mais ce sera relativement rare
  2. J'ai pensé laisser le panneau vide et ne pas l'effondrer complètement, car cela ferait rebondir l'écran, et je n'ai pas besoin de cet "immobilier" supplémentaire
paginationmaster-details
1
Hagai

Cela ne doit pas être un problème si vous pensez aux ajouts suivants à la conception;

  • Mentionnez le contenu de la cellule dans le volet de détails (je ne vois maintenant que la colonne/ID mais pas la valeur)
  • Mettez en surbrillance visuellement la cellule de la page maître lorsqu'elle est sélectionnée pour la vue détaillée. Si l'utilisateur accède à une page suivante, la cellule en surbrillance manquante indique déjà que la liste détaillée provient d'une cellule de grille hors page.
  • Incluez un lien rapide dynamique subtil vers la page maître correspondante à partir de la vue détaillée. Le lien rapide ne sera visible que si la vue principale se trouve sur une autre page. Maquette très rapide
4
Dave Senden

Cela dépendrait du objectif de l'utilisateur.

L'utilisateur veut-il comparer les détails d'une cellule? Si c'est le cas, je voudrais garder le panneau avec les informations précédentes (option 2 que vous avez mentionnée).

Par exemple: je veux voir les détails de Column 1, ID 6. Après avoir vu les détails, je veux comparer les informations avec Column 2, ID 22 (qui serait à la page suivante). Dans ce cas, il est utile de conserver le panneau avec le Column 1, ID 6 ouvert, donc je peux comparer facilement en cliquant sur Column 2, ID 22.

Dans d'autres cas, je masque le panneau ou le laisse vide lorsque je passe à la page suivante. Le tableau de gauche sera-t-il mis à l'échelle sur toute sa largeur lorsque le panneau s'effondrera?

1
Luchadora