エンドユーザーに表示する必要がある非常に大きなデータセットがあります。これらのデータは、スーパーグループ、ミディアムグループ、ジュニアグループでグループ化されています。ミディアムグループはスーパーグループの子で、ジュニアグループはミディアムグループの子です。
各グループには、add
やremove
などの独自のアクションがあります。異なるグループでは、これらのアクションは異なる意味を持ちます。たとえば、スーパーグループのadd
は「別のスーパーグループの追加」を意味しますが、ジュニアグループでは「別のジュニアグループの追加」を意味します。これらのアクションのスコープは、グループによっては小さくなります。
アコーディオン・パターンを使用して、ユーザーがデータのグループをドリルダウンし、同時にすべての情報を画面に表示できるようにすることを考えました。次に、パフォーマンス(重い読み込み、応答時間)、特にこれらのアクションの配置について心配しました。ユーザーがレベルをドリルダウンするたびに新しいページを開く必要がないようにしています。
データセットにドリルダウンするための優れたUXパターンを知っている人はいますか?
私が探しているのは、次のようなソリューションです。
データセットのドリルダウン-これはツリーパターンです。
それの拡張バージョンは Tree-Table です。
長さに応じて、 Cascading Lists を使用することもできます
モバイルでは、通常 1ウィンドウのドリルダウン が使用されます。
追加アクションが3つすべてで同じことを意味する場合(<問題のオブジェクト>を追加)、問題ありません。本当に異なるアクションがある場合は、動詞も区別してください。 追加vs作成.
車輪を再発明する必要はありません。