フィルター検索の階層をどのように処理すればよいですか？

Question

このフィルター/検索コンポーネントを再設計しようとしています。これにより、ユーザーはフィルターや属性スコアを検索できます（ここでは、品質などのドロップダウンです）。また、スコアが高いか低いか、またはすべてのスコアのみを表示するかどうかも指定します。たとえば、キーワードとして「グリル」を入力し、溺死で「高」を選択し、属性として品質を選択できます。したがって、「焼き」の単語が含まれ、「高品質」である結果を検索します。

最初の画像は私がそれを与えられたときのフィルターであり、それに取り組んでいる私の試みの2番目の画像です。特に属性セレクターに関連しているため、高/低/すべての選択によって非常にブロックされているように感じます。誰かが私にいくつかのフィードバックを与えたり、より最適な解決策を手伝ったりできますか？

ありがとう！

Answer 1

このシナリオでは 自然言語 を使用することをお勧めします。

---

例：使用 ここ

Answer 2

フィルターを2つの部分に分離する必要があると思います。

• 検索前
• 検索後

検索前

ユーザーが品質、味（美味しくない）、ブランドトラストなどのオプションを選択できるドロップダウンは、理にかなっている唯一のものです（これは、サイトが食品またはアイテムのみを販売していることを前提としています）。

HIgh、Low、 Allオプションは、ドロップダウンからオプションを選択するまで意味がありません。それでも、それはそれを結果からのフィルター種類のオプションにするコンテキストと順序が欠けています

検索後

ここでは、結果が表示された後、ドロップダウン/スイッチ/ラジオボタングループで注文します。 High to Low、Low to HighおよびRelevant/Allを選択します。

他のドロップダウンから何かが選択されるまで、最初の2つを無効にします。これでコンテキストが得られ、テキストがより意味をなすようになります。

Answer 3

このパターンを検討することをお勧めします（以下に添付されているワイヤフレーム）：

• フィルタープルダウンの下に「すべて、高、低」オプションを配置します。このようにして、近接性（関係）を示すことができます。
• デフォルトのオプションは、フィルタープルダウンで「すべて」にすることができますが、要件に基づいてこれを検証できます。
• ラジオボタンはデフォルトですべてに設定されています（すべて、高、低）。ユーザーは、検索基準として1つのオプションのみを選択できます。
• 検索結果に基づいて、検索結果をさらに絞り込むためにFACETSを構築できます。

Enterキーを押すと検索結果も表示されるので、フォーム要素のデフォルトのオプションが必要です。それ以外の場合は、検証を行うことができます。