web-dev-qa-db-ja.com

検索フォームの複数の入力ボックス-および/または機能

6つの異なる入力ボックスの間に「And/Or」の複数のケースがある検索フォームの再設計を検討しています。

したがって、ユーザーは少なくとも1つの検索条件を入力する必要がありますが、希望する場合は7つまで入力できます。

理想的には、1つの検索ボックス内にそれらを格納し、さまざまなカテゴリ検索用のドロップダウンメニューを用意します。 (この類似の投稿で言及 here )。

これは機能の「または」部分を解決しますが、「および」関数を同様のタイプのソリューションにどのように実装できるのか疑問に思っています。

検索バーに広範なメモを追加するというアイデアは好きではありませんでした。検索条件の一部は非常にユニークです:名前、場所、アプリケーション番号、アプリケーションが受信された日付、日付が決定された日付など

誰かがこれを使用している良い例を持っているか、過去に同様の設計問題に遭遇しましたか?

9
Spiral13

検索全体の見方を再考することをお勧めします。インターフェース設計者として、私たちはしばしばUI要素に関心があり、検索の目的を忘れます。そうは言っても、人々は検索を使用して、希望する結果をできるだけ早く取得します。ただし、多くの場合、ユーザーはすべての詳細について確信が持てず、結果を見たことがないので、すべての詳細基準について考えることに時間を費やしたくありません。機械のように考えるのをやめる必要があります。

私の提案は、ユーザーが興味のある用語を入力する単純なテキスト入力を持つことです。すべての結果が表示されたら、インターフェイスはユーザーが結果を絞り込むのに役立ちます。 「and」および「or」UI要素は、結果のコンテキストで表示されます。したがって、ユーザーは彼に関係のないもののチェックを外すことができます。何が利用可能かを確認した後、結果のメンタルモデルを作成し、「and」および「or」のメタファーを使用して関連するフィルターを事前に作成する方がはるかに簡単です。 eBayとAmazonは非常にうまくやっています。 ファセットナビゲーション の相互作用パターンをチェックして、適切な説明と例を確認してください。

3
Denzo
  1. 入力フィールドを1つだけ使用して、演算子(ANDまたは+)を操作します。
  2. 複数の入力フィールドを使用し、それらのオプションを使用してポップアップに接続します:AND、OR、NOT

詳細な調査: http://www.google.com/advanced_search 、search.yahoo.com/web/advanced、bing(リンクなし)。

Bingには興味深いアプローチがあります。 4つのオプションで結果を簡単に追加できます。説明するのは難しい。高度な検索オプションを確認してください。

enter image description here

2
erikrojo

@erikrojoの擁護者のアプローチと同様に、私は常に基準を構築することに一生懸命取り組んできました。私が見つけたより良い例の1つは EasyQuery と呼ばれます。具体的には、これがWebサイトでどのように機能するかを示す サンプルフォーム があります。

enter image description here

各リンクには、データ要素(列)、基準、および照合する値を指定するためのドロップダウンがあります。

高度な検索機能の場合、この基準構築スタイルは、使いやすさを維持しながら、十分な表現力を提供します。

2
JeremyDWill

別のオプションは、iTunesがスマートプレイリストを作成する場合と同様に、ドロップダウンを使用することです。 enter image description here

1
furtive

ユーザーは最大7つの検索基準を指定でき、それらの間にはAND/ORの複数のケースがあります。これは、インターフェイスがタイプ '(A OR B)AND((C AND D)OR E)AND Fの複雑なクエリをサポートする必要があることを意味します'?またはANY/ALL(A OR B OR C OR D)vs vs(B AND D AND F )?情報検索で特別に訓練された人々(科学研究者、図書館員)でさえ、通常はより単純なクエリに固執することを考慮に入れたいかもしれません。

高度な検索インターフェースの例については、 psycnet (心理学ドメインの科学データベース)をご覧ください。 enter image description here

他のユーザーによって既に提供されている他の例と同様に、このインターフェースでは、検索基準を1つずつ追加できます。 「探す」と「コンテンツのみを表示する」という異なるセクションがあることに注意してください。前者は検索基準を指定するためのもので、後者はlimitsのためのものです。技術的にはほとんど違いはありませんが、このプレゼンテーションはユーザーのメンタルモデルによりよく一致します。

0
Marielle