グループ化の階層選択（つまり、チーム）
たとえば、チームのメンバーを選択できるようにするページがあるとします。各チームには最大3人の参加者を含めることができます（そのため、身長が問題になることはありません）が、同じ人物が複数のチームに登場する可能性があります。
もともとはツリー（FuelUXなど）を使うことを考えていましたが、同じ人が多くのチームに所属している場合、ツリーはうまく機能しません。名前のエントリを複製することでそれを行うこともできますが、混乱を招きます。
問題は、グループの人数（1〜3人）と利用可能な人数（20〜60人）の間に大きな違いがあることです。さらに、ユーザーはグループに属していない人と一目でわかる人を確認できるはずです（したがって、1人が複数のグループに所属する必要がなければ、ツリーは機能していました）。
これのための最良の解決策は何でしょうか？私の最良のアイデアは、グループの作成と変更を2つの別々のページに分割することです。最初にグループが作成され、次にユーザーは各グループを個別に詳細に見て、誰がそのグループに属しているかを選択します（ここでも、20〜60人で、一度にすべてを表示することはお勧めしません）。これを美しく見せ、各チームが編集可能であることを明確にするのは難しいです。
私は困惑しています、何か提案はありますか？！
Google Plus Circles UIを見たことはありますか？これは、多数のユーザーを小さなグループに移動するのに最適な方法です。
それはあなたの多くの要件を解決します：
人々は複数のグループにいることができます
利用可能な人々の概要をフィルタリングすることにより、まだグループに参加していない人々を表示するのは簡単です
画面の概要を一目で把握できるので便利です。
それは素晴らしく見える
もちろん、特定の状況ではこれを微調整する必要がありますが、これは素晴らしいパターンです。必ず、すべてのアニメーションやその他の豪華なものを入れてください;）
これは少し古い学校ですが、おそらく創造力をかき立てるのに役立ちます。
リストビルダーは、この機能の典型的な例です。その場合、ツリーグリッドは最終的にチームの「ビュー」になります（この場合、チームまたは人/プレーヤーごとにそのビューをピボットできます）。
属性にone：manyの関係があると想定した場合のリストビルダーの利点は、1つ（人）を多くのチームに割り当てて表示できることです。
脳はこのWebの例に困惑していますが、MS Excel>リボンのカスタマイズは良い例です。 