リストからアイテムを選択するか、代わりにそのアイテムの詳細を表示することができるのは、どのタイプのコントロールですか？

Question

状況：

個人または複数のユーザーとアイテムを共有できる共有コントロールを構築する必要があります。

（webappの別のセクションで管理される）グループ機能を作成するたびに同じ受信者の同じセットを選択する必要をなくすために、個人をグループに割り当てて、そのコンテンツをグループではなくグループと共有できます。個人のリスト。

さて、ユーザーが共有したいグループを選択できるリストだけにしたくありません。なぜなら、彼らはそのグループに誰がいるのか疑問に思うかもしれません。現在見つける唯一の方法は、共有を放棄して行くことです。このウェブアプリのグループセクションに移動します。したがって、ユーザーが知りたい場合に、ユーザーがグループを選択しているときに、ユーザーがそれを選択できるようにする方法を見つけようとしています。

ただし、グループを選択して、またはそのグループ内のユーザーのリストを表示できるようにするための最良のコントロールに苦労しています。それは、非常に直感的でスケーラブルでなく、アクセスしにくい可能性が低い、扱いにくいドロップダウン+ツールチップ/エキスパンダーの混乱になっています。

私の最初のオプションは、ホバー/クリックを使用してメンバーを一種のツールチップとして表示することでしたが、これはあまりアクセスしにくいと思います、そしてグループに数十のアイテムが含まれている場合は、あまりスケーラブルではありません。

私の2番目のオプションは、リストをいくつかのエキスパンダーとして持つことでしたが、よりスケーラブルですが、グループではなく個人を選択しているように見えます全体。

ビューと選択の両方を同じコントロールに組み合わせることが可能になるでしょうか？

Roger Attrill · Accepted Answer

あなたは2番目のオプションで正しい方向に進んでいると思いますが、メンバーのリストは、選択リストではなく、拡張された詳細パネルのように見える必要があります。

また、チームの最初の数人のメンバーの概要を表示することで、現在「N人のメンバー」を表示しているスペースをより有効に活用できます。それは、詳細をまったく拡張する必要がないほど十分な詳細かもしれません。

ワイヤーフレームをもう少し進めると、インタラクティブな領域を視覚的に簡単に分離できます。チームメンバーの数を矢印の上に移動します。詳細が表示されたら、矢印を十字にきちんと移行します。

TristanSchaaf · Answer

人はどれくらいの頻度でグループを調べたいと思いますか？それも重要ですか？私が学際的なチームとのプロジェクトの一部であり、したがって私の同僚のように1つ以上のグループの一部である場合。私には2つの可能性があります。

誰もがしていることに興味があるので、誰がどのグループに入っているか知っています。
誰がどのグループにいるかわかりません。

最初のシナリオでは、簡単に概要を確認しておくと便利です。しかし、必要ではありません。 2番目のグループでは、正確に誰がグループに参加しているかさえ気にしません。グループに1人もいる必要はありません。もしそうであれば、その人にメールを送ります。デザイナーに何かを送りたいのなら、デザイナーグループに送るだけです。そこにいるはずの人がいないとしたら、それはシステム管理者の責任です。

とはいえ、概要を把握しておくと役立つ場合があることは理解しています。ほとんどの場合、グループの誰かが必要ですが、彼/彼女の正確な詳細を本当に覚えていません。次に、グループを介してその人に移動できます。その場合、オプション＃2を希望します。ただし、1つのグループを確実に選択できるようにするには、おそらくグループを選択できるように、UI要素を分割する必要があります。

たぶんこんな感じ？（今見た

BrunoH · Answer

アイテムをクリックするとすぐにアクションが開始されると想定しているため、チェックボックスはオプションではありません。グループをマークしてから、何らかのCTAへの2回目のクリックでアクションを実行する必要があるためです。したがって、すべてのリストアイテム（グループ）には2つのCTAがあり、これらは表示されているはずです。

あなたが述べているように、グループのメンバーの数は大きくなる可能性があるため、すべてのメンバーを表示するにはスクロールする必要があります。したがって、ポップアップは正しい選択ではないようです。

メンバーが多いと、アコーディオンがわかりづらくなる場合があります。アコーディオンを再び閉じるには、ユーザーは上にスクロールしてアコーディオンヘッダー（グループ）を見つける必要があります。

これらの問題に役立つ追加の可能性があります：

グループをクリックしてアクションを開始します
会員数はリンクとして表示されます。リンクをクリックすると、すべてのグループの詳細を示す新しい画面が開きます。詳細ページにはすべてのメンバーのリストがあり、下部にスティッキーがあり、CTAはユーザーがグループを直接クリックした場合と同じアクションを実行します。戻るボタンは、ユーザーをグループリストに戻します。

このように、数が多い場合にメンバーをスクロールしても問題ありません。アクションは常に明確であり、詳細情報から実行することもできます。