web-dev-qa-db-ja.com

親子関係の編集ダイアログをデザインする方法

親子関係を持つアイテムを追加および編集するための管理ダイアログを設計する良い方法を知っている人はいますか?

下のモックアップ

  • x自転車カテゴリ
  • 自転車のカテゴリごとにy
  • z異なるバイク
  • または同じバイクのzバリエーション(黒のスーパーキッド1、赤のスーパーキッド1)
  • またはzの異なる市場(イギリスはスーパーキッド1、スウェーデンはスーパーキッド1)。

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

だから私はデザインパターンを探しています

  • 親子関係のための行政対話のため。
  • 新しい自転車を追加するだけでなく、既存の自転車を編集することもできます。

  • user in groups -> click on a user and see in which groups he is a member
  • また、members of group -> click on a group and see every member)。

ありがとう

さて、ミラーの列の適用について考えることができます: http://en.wikipedia.org/wiki/Miller_columns

セレクターの上に検索入力を使用して、deviantart.comでこのパターンの非常に優れた実装を確認しました。スクリーンショット:

Deviantart.com Categpry selector

4
steppenwolf

新しいものを追加するオプションを完全に分離し、要素ごとに編集オプションを追加します。このように、各カテゴリセクションの内部には、リストの先頭に[新しいものを追加]ボタンがあり、自転車ごとに[編集]ボタンがあります。

このようにすると、特定の自転車の編集が簡単になり、新しい自転車の追加もさらに簡単になります。

enter image description here

3
Rafa Q.