web-dev-qa-db-ja.com

組織階層を作成/編集するための相互作用パターン。階層内のグループへの人の割り当て

組織階層を作成/編集し、階層内のグループにユーザーを割り当てるための相互作用パターンを探しています。たとえば、アプリのユーザーは、たとえば地理的なエリアによって階層的な組織を定義してから、最上位の地理的エリア内でグループ化する必要があります。

これらのグループは、サブグループを持つことができます。ユーザーは、最下位レベルのグループの「マネージャー」として指定された最下位レベルのグループに割り当てるか、1人以上のマネージャー(およびすべてのレポート)の上位レベルのスーパーバイザーとして指定できます。

私はいくつかの異なる相互作用パターンを評価しましたが、満足できるものはまだ特定していません。

その他の詳細:

  • これはWebアプリです。デスクトップブラウザー経由で配信されます(将来のタブレットブラウザーの使用シナリオの可能性があります)。
  • テクノロジーチームはプレゼンテーションレイヤーにGoogle Web Toolkit(GWT)を使用していますが、オープンソースのプレゼンテーションレイヤーテクノロジーには問題ありません。つまり、ASPXプラットフォーム用のサードパーティの有料コントロールはスターターではありませんが、jQueryUIは問題ありません。
11
PJSherman

組織図は、ほとんどの場合、左から右ではなく、上から下で表示されます。

enter image description here

これは技術の観点から明らかに複雑ですが、おそらく最高のユーザーエクスペリエンスを提供します。

空白のトップレベルから開始し、各レベルに「追加」ボタンを使用して「空白」のブランチを残すというアイデアをスケッチしてみます。

他の人が言うように、タブレットに行く予定がある場合は、ドラッグアンドドロップを避けてください。シングルクリック/タッチにとどまるようにしてください。

2
Jason Hanley

グループへのユーザーの割り当ては、Google +のサークルとドラッグアンドドロップ操作でかなりうまくいきます。したがって、グループを階層的に表示して、それらをユーザーのドロップターゲットにすることができます。ユーザー表現オブジェクトのチェックボックスを使用して、マネージャーとスーパーバイザーの機能を有効/無効にすることができます。

「グループツリー」もドラッグアンドドロップパターンで整理できるため、ツリー構造を簡単に再編成できます。

この例 はユーザーとグループを使用していませんが、ファイルとフォルダーを使用していますが、アイデアを視覚化するのに役立ちます:-)

0
Michael