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