高度な検索のための正しいUIパターンはありますか？
私は、ビジネスアプリケーションの検索インタラクションを再設計する会社で働いています。現在、ユーザーが巨大なデータセットを検索する唯一の方法は、約15のフィルターのコレクションを使用することです。目的のフィルターを見つけるのが難しいため、フィルターの量はユーザーにとって非常に苛立たしいものであることがわかります。その上、ユーザーがリストをフィルターすると、リストが何によってフィルターされているかが一目でわかりません。
いくつかのアイデアが提案されていますが、高度な検索はそれらのアイデアの1つです。他のWebサイトが高度な検索をどのように処理して、複製する必要のあるパターンがあるかどうかを調べる方法を調査しています。 indeed.comのスクリーンショットにあるように、ほとんどのWebサイトは1つまたは2つの検索入力フィールドと詳細オプションで始まることがわかりました。
これら2つのフィールドを使用して検索すると、検索結果ページが表示され、フィルターのリストが提供されます。
詳細オプションを使用して検索すると、フィルターのリストと同じ基準のリストが提供されます。フィールドに入力して検索をクリックすると、検索結果ページが表示されます。これで、詳細検索フォームに値を入力したフィルターがリストから削除され、新しい絞り込み検索ボックスに表示されます。
これは、Webサイトの高度な検索オプションを作成するときの標準的なパターンですか？
基本検索を使用した検索画面：
詳細検索を使用した検索画面：
私は最近同様の問題に取り組みましたが、これが私が思いついたものです：
基本検索ボックスは、入力した検索語を含むクエリに対してリアルタイムで機能します。
[詳細検索]ボタンをクリックすると、2番目のダイアログが表示され、ユーザーは日付範囲やしない検索語を含むものなど、より複雑な検索を入力できます。入力フィールドは、左側で選択した列またはフィルターによって異なります。
検索が適用されると、ユーザーは元の検索ボックスの横に視覚的な表示を取得します。これは、検索を閉じるためにクリックできるボタンでもあります。