web-dev-qa-db-ja.com

選択対チェックボックスで大量のデータを入力します

いくつかのデータを入力したい。それは、あるタスクにおけるチームのメンバーの割り当てのようなものだとしましょう。タスクに複数のメンバーを適用したいのですが、これらのメンバーを入力するのに最適な方法はどれですか。

入力手順に2つのワイヤーフレームがあり、最初の1つは検索可能な選択オプションを使用しているため、一度に1つのメンバーしか入力できず、次々に「追加」ボタンを押すことができます。

もう1つは、チームメンバーのリストからメンバーをチェックできるチェックボックスです。そのため、「追加」ボタンを1回押すだけです。


これが、割り当てられたプロシージャのために描いたフローです。

'add' flow wireframe


TL; DR-チームに40人のメンバーがいても、タスクによっては通常6〜10人のメンバーが割り当てられている場合。メンバーを割り当てるにはどの方法が最適ですか?

どのタグを付けたらよいかわからないので、手伝ってください...

1
Aftar Fadilah

答えは、通常そうであるように、ユーザー自身と、キーボード入力とマウス入力のどちらを好むかによります。

Atlassianスイート(Jiraなど)には、例1のフローに似たプロセスがありますが、いくつかの重要な機能強化が行われています。まず、名前の入力を開始すると、フィールドの下に提案ボックスが表示され、探しているユーザーをすばやく見つけることができます。次に、キーボードまたはマウスの操作を介して、候補ボックスで強調表示された(上部の)選択肢を使用してユーザーの名前をオートコンプリートできます。 3番目に、このオートコンプリートまたは選択アクションにより、そのユーザー名が含まれているフィールドにバブルが追加され、選択したユーザーのリストにユーザーが追加されます。次に、すぐに別のユーザー名の入力を開始して2人目のユーザーを追加し、目的のユーザーをすべて選択するまでこのプロセスを繰り返します。その後、モーダルで適用または保存してアクションを適用できます。

このようなシステムの利点:

  • キーボードを介して、大量のオプションから小中規模の著名なユーザーをすばやく簡単に追加できます。
  • オートコンプリートにより、キーストロークと入力エラーが減少します

このようなシステムの欠点:

  • 明確なマウスファーストワークフローはありません(Jiraでは、最も選択されたユーザーは、空のユーザー選択フィールドをクリックするとすぐに提案ボックスに入力されると思います)
  • 多数のユーザー(例:10人以上)を選択するのに時間がかかる、またはイライラする可能性がある
  • 名前があまり知られていないユーザーを追加したり、リスト自体を使用してユーザーのメンタルモデルを強化したりして、誰を選択するかを決定するのが難しい

潜在的なハイブリッドソリューションでは、フィールドの右端に(+)アイコンが追加され、チェックボックス付きのユーザー名のリストを含むモーダルが表示されます。これにより、キーボードモードの操作を好むユーザーにとっては、インターフェースへの影響がほとんどなく、上記の欠点のほとんどに対処できます。また、同様のモデル(Outlookなど)を提供するクライアントに電子メールを送信することに慣れているユーザーには、かなり馴染みのあるモデルを提示する必要があります。

実際、tl; dr:完全に入力するか、オートコンプリートを選択するために入力するか、クリックして包括的なリストのモデルを介してユーザーを追加できるOutlookのようなモデルを使用します。

0
sintax