web-dev-qa-db-ja.com

他の点ではフラットなテーブルビュー内の関係/階層の表現

オンラインクラウドポータルのさまざまな場所で使用されている標準のテーブルビューがあります。サーバー、製品、ファイアウォールなどを一覧表示するために使用されます。

特にファイアウォールリストのビューを作成し始めたとき、ここには関係にわずかな違いがあることに気づきました。特にファイアウォールでは、それらを一覧表示できるだけでなく、リスト内の特定のペアがリンクされていることを示す必要もあります。具体的には、マスター/スレーブ関係を表すことができる必要があります。

これらのペアが常に隣り合って表示されるようにリストを並べ替え、マスター/スレーブを示すテキスト列も含めました。しかし、ポータルのUXの一貫性を壊し、特定の行をインデントするようなクレイジーなことをせずに、これらの関係をより明確に表す良い方法を見つけることができないようです。

example table

2
Daniel

あなたの問題を読んでいる間、私には2つのアイデアがありました。

最初はツリービューを使用して階層を表示していました hierachy_in_list

次に、要素のリンクを示すチェーンアイコン(関係) relationship_in_list

4
rhauger

私の同僚は最近同様のケースを抱えていました。展開可能な子のリストを含む親をテーブルに表示することにしました。

この展開/折りたたみビューを表示する2つのタイプがあります:+/-および下/上向きシェブロン

Here're two types of showing this expand/collapse view: +/- and down/up pointing chevron

2
Anton T

シールドUIの例 にも示されているように、最後の例はより一般的であり、階層グリッドで使用されているようです。

2