web-dev-qa-db-ja.com

製品のフィルタリングと検索の使用

スーパーマーケットのウェブサイトを開発していて、検索製品のデザインを作成するときにいくつかの困難に直面しています。状況を説明するために、私は10以上のカテゴリと10.000以上の製品を扱っています。

現在私はこのシンプルなデザインを持っています: enter image description here

これに対する「検索」オプションは次のとおりです。

  • 特定のカテゴリを選択します。
  • リストを並べ替えます(A-ZZ-ALowest priceおよびMore sales);
  • 検索バーに何かを入力してCategoryをフィルタリングします(これにより、現在選択されているカテゴリのみがフィルタリングされます)。

問題は、検索バーに入力すると、既に表示されているリストのみがフィルター処理されることです。

また、ユーザーが何かを検索し、データベースにすべての可能なカテゴリ内で検索するように要求する機能も欲しいです。しかし、現在のデザインでそれを表現するのは難しいと感じています。

ヘッダーに別の検索バーを追加することもできますが、なぜ2つの検索バーがあるのか​​ははっきりしていません。

この問題の選択肢が何なのかわかりません。このシナリオでは多くの製品が関与しているため、両方の機能が必要と思われます。アイデア/提案はありますか?デザインは私の好みにすぎませんが、すべてが変わる可能性があります。主な目標は、ユーザーエクスペリエンスを向上させることです。

3
CelsomTrindade

現在のデザインでユーザーとデザインの目標を達成するのに問題がある場合は、現在のデザインを可能にする選択肢を再検討することをお勧めします。あなたの最愛の人を殺します。

そうは言っても、ここにあなたをサポートするかもしれないいくつかのアイデアがあります。

  • 複数の検索バーがあると、ユーザーが混乱します。検索バーが異なれば結果も異なると考える人もいるかもしれません。 pogo sticking。 の可能性もあります。

  • 検索ボタンはデータベース全体を検索します。検索後または検索前に(「高度な検索」を使用して)検索をフィルタリングできます。 これは問題の明確な解決策になるかもしれませんが、他の点も検討します。

情報アーキテクチャ が実際に何であるかを試してみてください。ユーザー調査を利用してそうします。カードの並べ替えとインタビューを行います。

覚えておいてください。 あなたはユーザーではありません。 おそらく、平均的なユーザーよりもスキルが高く、製品についてより多くのことを知っていて、気にかけているでしょう。あなたのビジョンとデザインの選択を曇らせてください。

2
Nick Groeneveld

1)

Amazon/eBayのようなグローバルな現在の検索はどうですか。どちらも検索バー内にドロップダウンを提供します。

デフォルトではカテゴリを参照していますが、グローバルに別のカテゴリまたはブラウザに切り替えることもできます。

enter image description here

2)

2番目の検索バーは、

  • メインの検索バーはグローバル検索バーとして明確にスタイル設定されています(たとえば、ページの最上部に非常に大きく、明確な文言が表示されています)。
  • 二次検索バーは、製品結果テーブルのwithinです。データテーブルでこの種の二次バーを見た。データテーブルでは通常、AJAXを使用してソート/フィルタリングできます。

しかし、私は最初の提案に行きます。

1
Ruslan