web-dev-qa-db-ja.com

チェックボックスの長いリストでアイテムをすばやく見つけるための提案はありますか?

名前のリストがあり、それぞれにジョブを実行するために選択されていることを示すチェックボックスがあります。リストが長いため、リストをスクロール可能にしています。

私は 一緒に例を挙げます は、私が何を意味するのかを示しています。

このリストには数百の名前が含まれる可能性があるため、特に少数の名前だけを選択する場合は、人をすばやく見つけるのが難しい場合があります。選択する人をすばやく見つけるために、リストに名前を表示/非表示にする検索/フィルターを追加しましたが、チェックされた項目が検索テキストと一致しない場合は非表示になるため、少し奇妙に感じられます。私が見落としている選択肢はありますか?

探しているアイテムが見つかった場合、スクロール可能な領域の位置にスクロールすることについて人々はどのように感じますか?

3
David Spence

検索フィルターをお勧めします。ユーザーが検索を入力すると、リストがフィルターされて一致が表示されます。ユーザーを選択すると、そのユーザーが[選択済み]リストに追加されます。

もう1つのオプションは、選択されていないアイテムと選択されているアイテムの2つのリストを作成することです。矢印ボタンを使用して、アイテムをリスト間で移動します。

mockup

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

3
rdellara

あなたが数百の名前しかなく、おそらく1人につき1人の人物をチェックする必要がある場合、私は現在モバイルの世界でよく使用されているアプローチを採用します。リストの横にあるアルファベットです。私はウェブ上でもアプローチがうまくいくと信じています:

enter image description here

基本的に、ユーザーは1つの文字を選択して、その文字で始まる名前のセクションに直接ジャンプできます。繰り返しになりますが、名前は数百しかないため、すべてが「A」で始まっているわけではない場合、このアプローチにより検索が大幅に高速化されます。

1
Nicola Miotto