web-dev-qa-db-ja.com

属性を含む/除外するアイテムの検索

アイテムのリストがあります。これらのアイテムには、1つ以上の色(黒、赤、緑、または3つの組み合わせ)があります。

ユーザーは、アイテムを色でフィルタリングしたいと考えています。たとえば、次の項目のみを表示します。

  • 黒を含む
  • 黒と赤を含む
  • 黒のみです
  • 黒と赤のみ

私の最初の考えは、各色に1つずつ、3つのチェックボックスでした。ただし、ユーザーが黒と赤をチェックするシナリオを検討してください。正確に黒と赤のアイテムを表示するのか、黒と赤の両方を含むアイテムを表示するのかは、直感的ではありません。したがって、チェックボックスは直感的でないだけでなく、両方のケースを処理しません。

他の考えやアイデアはありますか?

8
Austin

シンプルにするために3つのチェックボックスを使用しますが、結果の優先順位付け方法については少し賢くします。ユーザーが1つの色(たとえば、黒)を選択すると、システムは結果の上部に黒のみのアイテムを表示し、その後に黒と別の色のアイテムが続き、その後に黒と他の2色のアイテムが続きます。次に、ユーザーは別の色をチェックして、結果をさらに絞り込むことができます。

以下にUIの例を示します(もっとグラフィカルなものであり、チェックボックスだけでANDを実行しているという事実が強調されると思います)。

enter image description here

また、ページの上部に結果の数を含めます。これにより、複数の選択によって結果の範囲が狭くなることは明らかです。

1
benb

私が質問を正しく理解していたなら、これは良い考えかもしれません。
enter image description here

画像内:

メインオプションに指定されているラジオボタンに注意してください。チェックボックスを内部に配置するか、クリックしてボタン全体を色付きのタイルにして、選択した状態と選択していない状態を表示することができます。

3
Pratheep ch

それらはどのような種類のアイテムであり、ユーザーは色で選択する必要があるのですか?

このような少数の色(黒、赤、緑)で、6つのオプションすべてを表示します(単色のアイテムを他のアイテムから分解します)。ラベルをいじったり、チェックボックスは必要ないかもしれませんが、別の選択メカニズムを使用できます。また、色を扱うときは、アクセシビリティの問題に注意してください。色だけに依存することはありません。

Item selection

2
Marielle

各色のチェックボックスは実際にはかなり直感的に思えます。

"黒のみ"および"黒と赤のみ"のケースを処理するには、下部に別のチェックボックスがあります。

enter image description here

1
Kashyap

チェックボックスにチェックマークを付けると、「はい」と言います。したがって、あなたの質問はそれに応じて表現する必要があります。

ユーザーがフィルターに単一色のアイテムを返すを期待している場合は、色ごとのチェックボックスとInclude multi-colored itemsのチェックボックスである必要があります。 (私見、より良いオプション)

ユーザーがフィルターにマルチカラーのアイテムを返すを期待している場合は、色ごとのチェックボックスとShow only single-colored itemsのチェックボックスである必要があります。

予想される動作がわからない場合は、検索画面に戻ってどのような用語があるかを確認し、両方のバージョンをA/Bテストして、ユーザーの反応が良い場所を確認してください。

0
dnbrv