web-dev-qa-db-ja.com

高度な検索のための正しいUIパターンはありますか?

私は、ビジネスアプリケーションの検索インタラクションを再設計する会社で働いています。現在、ユーザーが巨大なデータセットを検索する唯一の方法は、約15のフィルターのコレクションを使用することです。目的のフィルターを見つけるのが難しいため、フィルターの量はユーザーにとって非常に苛立たしいものであることがわかります。その上、ユーザーがリストをフィルターすると、リストが何によってフィルターされているかが一目でわかりません。

いくつかのアイデアが提案されていますが、高度な検索はそれらのアイデアの1つです。他のWebサイトが高度な検索をどのように処理して、複製する必要のあるパターンがあるかどうかを調べる方法を調査しています。 indeed.comのスクリーンショットにあるように、ほとんどのWebサイトは1つまたは2つの検索入力フィールドと詳細オプションで始まることがわかりました。

これら2つのフィールドを使用して検索すると、検索結果ページが表示され、フィルターのリストが提供されます。

詳細オプションを使用して検索すると、フィルターのリストと同じ基準のリストが提供されます。フィールドに入力して検索をクリックすると、検索結果ページが表示されます。これで、詳細検索フォームに値を入力したフィルターがリストから削除され、新しい絞り込み検索ボックスに表示されます。

これは、Webサイトの高度な検索オプションを作成するときの標準的なパターンですか?

基本検索を使用した検索画面:

image 1image 2

詳細検索を使用した検索画面:

image 3Image 4

10
Jason Frade

私は最近同様の問題に取り組みましたが、これが私が思いついたものです:

Search BarSearch Dialog

基本検索ボックスは、入力した検索語を含むクエリに対してリアルタイムで機能します。

[詳細検索]ボタンをクリックすると、2番目のダイアログが表示され、ユーザーは日付範囲やしない検索語を含むものなど、より複雑な検索を入力できます。入力フィールドは、左側で選択した列またはフィルターによって異なります。

検索が適用されると、ユーザーは元の検索ボックスの横に視覚的な表示を取得します。これは、検索を閉じるためにクリックできるボタンでもあります。

7
Nathan Rabe