web-dev-qa-db-ja.com

複数のフィルターを備えた検索バー

事前のフィルタリングを可能にする検索ソリューションを設計しています。さまざまな種類のコンテンツを大量に表示するウェブサイトがあります。フィルタリングシステムが必要です。

enter image description here 私の質問は:より良い解決策を提案できますか?両方のドロップダウンを統合できると思いましたが、それが忙しすぎるのか、それがロジックの巨大な混乱を引き起こすのかはわかりません。

何か案は?ありがとう!

4
Ana

フィルターに対するGoogleのアプローチが本当に好きです。 Googleのアプローチを単にポイントしてこれを行うと言うのは不公平である場合があることを知っているので、いくつかの理由を挙げてみます。

  1. フィルターは最初の検索の邪魔になりません。何よりもまず、Googleは検索を実行することを求めています。多くのユーザーはフィルターを理解も必要もありませんし、Googleはフィルターのような追加オプションを許可していないため、その大多数の単純なエクスペリエンスを混乱させることはありません。
  2. 最初の検索後にフィルターを提供すると、機能の説明に役立ちます。ワイヤーフレームでは、ユーザーはクエリを入力する前にフィルターを選択する必要があります。 Googleのアプローチでは、フィルターは、オンザフライでコンテキストを提供する結果を持っています。最初の検索を実行する前にフィルターが表示された場合、おそらくフィルターの基準が理解できなかったために、必要な結果が除外される可能性があります。たとえば、最初にフィルターを選択するオプションがあった場合、結果に製品を表示するだけであることを知らない「ショッピング」を選択できます。
  3. クエリはフィルターに後戻りします。ワイヤーフレームのドロップダウンアプローチでは、フィルターを選択するたびにフィルターを選択して別の検索を実行する必要があるようです。これにより、ユーザーが正しい結果を得るまでに時間がかかる場合があります。 Googleのアプローチでは、フィルターを選択するたびに新しい検索を実行する代わりに、最初のクエリからの最初の結果プールを実際にフィルタリングしているように感じます。enter image description here

*編集:この回答は、事前にフィルターする必要がない必要がないと想定しています。

6
smoca

カテゴリフィルターの扱い方は、一般的で簡単な扱いです(Amazonなど)。ただし、検索結果が表示されたときに、同じ選択で結果をフィルタリングする方法があることもお勧めします。証拠はありませんが、ユーザーがこれらのフィルターを使用したり、これらのフィルターを失明したりすることはないでしょう-少なくとも最初の試みでは。

それが重要な機能であるならば、私はその保存された検索がその検索バーにあることについて二度考えます。検索バーのUIから保存済み検索のリストにアクセスすることは想定されていません。保存された検索は、入力時に表示されるか、保存された検索が別の場所に表示されることが期待されています。

0
Jason King

あなたはこのようなことをすることができます:

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

データベースは、すべての「フィルター」ユーザーのクエリが存在することをすでに知っているので、上記の方法でその情報を使用できます。ここで、ユーザーは2番目のオプションにカーソルを合わせており、これにより、フィルタードロップダウン/コンボボックスのテキスト/オプションが変更されます。

ユーザーが入力フィールドにフォーカスがあるとき、ユーザーが入力フィールドをクリックすると、保存された検索を表示できますが、ユーザーが入力を開始すると、関連する保存された検索を一番下にプッシュできます。

0
Nash Vail