web-dev-qa-db-ja.com

ページ上でマスター/子関係をデザインする革新的な新しい方法は何ですか?

私は現在、さまざまなマスター、子の関係を持つASP.netアプリケーションに取り組んでおり、以下のタブのあるマスターグリッドビューのページに表示されます。これは少し小さい関係のセットに対しては機能しますが、このタイプのデータを表示するためのより革新的で創造的な方法のいくつかを誰かが私に指摘できるかどうか疑問に思っていました。

任意の提案をいただければ幸いです。創造的であり、私は何にでもオープンです。

3
jlrolin

ツリービュー/スレッドビューは、深すぎない関係(3レベルまたは4レベル)で最も厳密に使用され、適切な階層であるように見えます(厳密な階層ではありません(循環または相互参照はなく、すべての子はちょうど1つの親を持ちます)。

上位レベルはより視覚的な重要性を持っている必要があります(左側に配置する、大きい/重いフォントを使用する、周囲にスペースを広げるなど)。章インデックスの例を考えてみてください。

一般に、階層関係には、概要を提供する何らかの方法と、下位レベル/詳細にズームインする機能が必要です。どのレベルでどの情報が重要かについて考えます。より視覚的なアプローチの場合、Googleマップのアプローチは多くの点で興味深いものです。非常に少ないステップで信じられないほどの概観から信じられないほどの詳細に至ることができるためです。しかし、Googleがすべてのレベルで表示しているものについても考えてみてください。惑星レベルの国名ですが、特定のズームレベルに達するまでストリート名は表示されません。考えなくても明らかですが、すべてのレベルでユーザーに適切な種類の詳細を表示することが非常に重要です。必要なものを表示し、詳細は簡単に無視できるようにします。

http://www.webdesignerdepot.com/2009/06/50-great-examples-of-data-visualization/ からさらにインスピレーションを得るアイデアを得るかもしれません

2
Inca

この投稿を写真やその他のアプローチで更新しますが、複数の詳細レベルを表示するいくつかの方法のリストを次に示します。

  • カンバンボード**データモデルがサイクルの開始と停止を正確に追跡していると仮定すると、いくつかのWIP = LeadTime * Throughputデータの視覚化も当然利用可能になります(ほとんどはそうではありません)
  • Jeff Pattonのアジャイルユーザーストーリーマップ
  • 右側の詳細ペイン
  • Sankey-Flowダイアグラム
  • 魚眼レンズ(CiteSpaceタイムラインビュー、エクスプローラーチャート)
  • テーブルレンズ(Tableauの設立)
  • ユーザーの注意を必要とする重要な詳細を示す色分けされたファットスクロールバー、および検索時に、周囲のコンテキストを隠さずに検索結果がマスター/詳細チェーン内にある場所を視覚化する方法
  • Silverlight PivotViewerなどのズーム可能なUI
1
John Zabroski

これがあなたに役立つかどうかはわかりませんが、親が子だけでなく多くのメタデータも持っている場合は、ネストされたグリッドを側面の詳細ペインと組み合わせることができます。たとえば、組織の表でグループ「QA」を選択すると、選択した行の下にQA担当者のリストが表示されますが、詳細ペインにはチームリーダーの名前、その中の人数、グループの場所が表示されますこれは、さまざまな理由でメイングリッドに収まらない、そのグループに固有のデータを表示するのにも適しています。

0

よりリッチなインターフェースを検討しましたか?おそらく、マインドマップ/ノードのインフォグラフィックが表示されます。多くの場合、ネストされた子と親の関係は、非線形メソッドを使用するとよりよく表示できます。

0
jameswanless