web-dev-qa-db-ja.com

マスター詳細ビューでのページ付け

マスター詳細ビューを表示しようとしています。マスターテーブルの各セル(左側のセル)がリストを表します。
セルをクリックすると、リストが右側のパネルに表示されます。
テーブルとリストにはページネーションがあります。
私の問題は、ユーザーがセルを選択した場合です(たとえば、Column 1, ID 6(例のように)、次に左のテーブルの別のページに移動します右のパネルのコンテンツをどうすればよいですか?
それらを見ると、可能性は次のとおりです。

  1. 右側のパネルを非表示にします。ユーザーが別のページに移動した後も引き続き表示したい場合があるため、これが適切なオプションかどうかはわかりません。
  2. 右側のパネルをそのままにします。ユーザーは、左側のテーブルに表示されていない行の詳細を右側のパネルに表示するため、混乱を招く可能性があります。

これらのオプションにはそれぞれ欠点があるため、どちらも適切ではありません。
マスター詳細ビューの一般的な問題のように思えますが、私は他の方法を考えることも見つけることもできず、解決策をすぐに見つけることができると思いました。
ユーザーが快適ではないとユーザーが言ったように、無限スクロールは関係ありません。
私の質問は、マスター/詳細ビューでページ分割を処理する既知のパターンはありますか?、それ以外の場合は誰かそのようなデザインの経験があり、上記のものよりも良いアイデアを追加できますか?

enter image description here

テーブルの使用に関する追加の詳細

  1. ユーザーは、主に列に従ってソートし、極値を調べることにより、テーブルを探索します。次に、興味深いセルを見つけた後、セルをクリックしてさらに探索します。
  2. 時々、ユーザーは自分が探しているセル(つまり、過去に見たセル)を知っており、フィルターを使用してそれを明示的に検索します。

関連質問: マスター詳細グリッドに100万レコードを表示(両方のマスター詳細に100万) ここで探していたものが見つかりませんでした。

編集

@Luchadoraの answer に従って:

  1. ユーザーは異なるページの2つのセルを比較したい場合がありますが、比較的まれです
  2. パネルを空のままにし、それを画面を「バウンス」させるので、無理に折りたたまないようにしました。この余分な「不動産」は必要ありません。
1
Hagai

デザインに次の追加を考える場合、問題になる必要はありません。

  • 詳細ペインのセルの内容に言及します(列/ IDのみが表示され、値は表示されなくなりました)
  • 詳細ビューで選択したときに、マスターページのセルを視覚的に強調表示します。ユーザーが次のページに移動した場合、強調表示されていないセルは、詳細リストがページ外のグリッドセルからのものであることを既に示しています。
  • 詳細ビューから一致するマスターページに戻る微妙な動的クイックリンクを含めます。クイックリンクは、マスタービューが別のページにある場合にのみ表示されます。 非常に迅速なモックアップ
4
Dave Senden

ユーザーの目標によって異なります。

ユーザーはセルの詳細を比較したいですか?もしそうなら、私は前の情報をパネルに残します(あなたが述べたオプション2)。

例:Column 1, ID 6の詳細を確認したい。詳細を見た後、情報をColumn 2, ID 22(次のページにあります)と比較します。その場合、パネルをColumn 1, ID 6を開いたままにしておくと便利なので、Column 2, ID 22をクリックすると簡単に比較できます。

他の場合では、次のページに移動するときにパネルを非表示にするか、空のままにします。パネルが折りたたまれたときに、左のテーブルが全幅に拡大されますか?

1
Luchadora