web-dev-qa-db-ja.com

データをドリルダウンするには、どのデザインパターンが最適ですか。

エンドユーザーに表示する必要がある非常に大きなデータセットがあります。これらのデータは、スーパーグループ、ミディアムグループ、ジュニアグループでグループ化されています。ミディアムグループはスーパーグループの子で、ジュニアグループはミディアムグループの子です。

各グループには、addremoveなどの独自のアクションがあります。異なるグループでは、これらのアクションは異なる意味を持ちます。たとえば、スーパーグループのaddは「別のスーパーグループの追加」を意味しますが、ジュニアグループでは「別のジュニアグループの追加」を意味します。これらのアクションのスコープは、グループによっては小さくなります。

アコーディオン・パターンを使用して、ユーザーがデータのグループをドリルダウンし、同時にすべての情報を画面に表示できるようにすることを考えました。次に、パフォーマンス(重い読み込み、応答時間)、特にこれらのアクションの配置について心配しました。ユーザーがレベルをドリルダウンするたびに新しいページを開く必要がないようにしています。

データセットにドリルダウンするための優れたUXパターンを知っている人はいますか?

私が探しているのは、次のようなソリューションです。

  • 使いやすい
  • すばやくナビゲート
  • 画面上の十分なデータをエンドユーザーに提供します
9
Jue

データセットのドリルダウン-これはツリーパターンです。

それの拡張バージョンは Tree-Table です。

長さに応じて、 Cascading Lists を使用することもできます

モバイルでは、通常 1ウィンドウのドリルダウン が使用されます。

追加アクションが3つすべてで同じことを意味する場合(<問題のオブジェクト>を追加)、問題ありません。本当に異なるアクションがある場合は、動詞も区別してください。 追加vs作成.

車輪を再発明する必要はありません。

6
Aadaam