web-dev-qa-db-ja.com

テーブル内のマルチレベルエキスパンドの子行

行の各項目に約5個の基本情報が含まれる表形式のビューを設計しようとしていますが、正確な数は関係ありません。一部のアイテムは複数の子アイテムで構成され、親の行を展開すると表示できます。それぞれの子供は、5つの基本情報のうち3つを持っています。一部の子は、複数の子アイテム自体で構成されます。実際の子アイテムの深さはおそらく3/4を超えないでしょうが、厳密な制限はありません。

私の最初の基本的なデザインはこちらです enter image description here

これは少し改善されたデザインですが、まだ混乱しています: enter image description here

レイアウトを改善して4レベル以上の方法で何が起こっているのかをより明確にする方法について、誰かが何かアイデアを持っていますか?

編集:このソリューションでページが複雑になりすぎないようにするために、一度に展開される兄弟は1つだけであるため、基本的に各レベルはアコーディオンです。

1
lukenofurther

この質問に対する答えは、ユーザーのワークフローと効率に大きく依存しているようです。

一般的な慣例では、情報の過負荷を避けるために、各子を別のページで開くことをお勧めします。同じページでいくつかの子を開くだけで、ページが非常に長くなり、圧倒されます。

両方のバージョン(新しいページとインライン展開)を、ユーザーが実行することが期待されるタスクを実行してテストすることをお勧めします。

1
Nicolas Hung