web-dev-qa-db-ja.com

同じ検索フィールドでドロップダウンとチェックボックスを使用したい

Dropdown/Checkbox field

複数のカテゴリに基づいて検索を作成しようとしています。ユーザーは該当するものをすべて選択できる必要があります。すべてのカテゴリから1つを選択する必要はありません。

私が抱えている問題の1つは、カテゴリの1つが場所であるということです。場所には50以上のオプションがあるため、ドロップダウンが理想的です。ただし、チェックボックスを含む他のオプションとは一貫していません。チェックボックスのカテゴリには5〜15のオプションがあります。このデザインは引き続き機能し、ユーザーは場所を選択する必要がないことを理解しますか？より良いかもしれない他のいくつかのオプションは何ですか？

また、これらのカテゴリを調整する最良の方法は何ですか？

前もって感謝します！

searchlistscheckboxesdropdowncategorization
2
Gobind Sethi

これは、検索機能専用のページ全体を作成しているように見えます。すべての検索条件を同時に表示することはできますが、同じ条件で検索条件と結果を合わせることが難しいというトレードオフがあります。ページ。一般的な経験則では、ページまたはフォームのコンテンツの量を減らし、ユーザーが必要とする精神的処理の量を減らします。

旅行ウェブサイトの例を使用できる場合、利用可能なすべてのものを表示するのではなく、ユーザーが選択した選択オプションのみを表示するコンパクトな検索UI要素を提供しようとします。また、処理する数が少ないため、さまざまなUI要素のレイアウトと配置が簡単になります。

ユーザーが選択できるアイテムが多すぎると、検索機能やオートコンプリート機能がほぼ容易になるので、ユーザーは選択したいものがわかっている場合にすべてのアイテムをスクロールする必要がありません。 。しかし、繰り返しになりますが、これをどのように使用するか、表示したい（またはユーザーと対話したい）情報の種類のコンテキストがないと、特定のアドバイスを提供することはおそらく少し難しいでしょう。

2
Michael Lai

検索フィルターのようなものですか？各カテゴリのドロップダウンを表示し、必要に応じてユーザーがドロップダウンの別の行を追加できるようにするアプローチを試すことができます。

Catergory A
[Option 1 ][+][-]
[Option 2 ][+][-]

Catergory B
[None     ][+][-]

Catergory C
[None     ][+][-]
0
julian