web-dev-qa-db-ja.com

製品の詳細ページにフィルターバーが表示されないのはなぜですか?

通常、eコマースサイトやクラシファイドサイト(具体的には自動車ディーラーと協力しています)では、検索結果ページ(srp)にフィルターと適用されたフィルターの状態が検索されます。例:

typical filter bar

ただし、いずれかの結果をクリックして詳細ページに移動すると、フィルターバーは表示されません。次に、ユーザーはback(ボタンまたはブラウザのナビゲーション)を実行して結果に戻ります。

これは、NikeからCars.com、eBayに至るまで、Webのいたるところに存在するuxです。

最近、クライアントがSRPから詳細ページにフィルターバーを追加するようにリクエストしました。これが一般的なuxではないことはわかっていましたが、なぜ押し返すのかを説明するのに苦労していました。

本来、フィルターされているデータのバケットが表示されていないときに、アクティブなフィルターが詳細ページに表示されるのはおかしいと思います。ナビゲーションエリアでテキスト検索を常に利用できるようになりました。これは現在一般的です。しかし、「誰もそれをしない」以外の具体的な理由を思い付くのに問題があります。

誰かがこの一般的なux標準に関する洞察を与えたり、このトピックに関する既知の研究を指摘したりできると本当に助かります(トピックを検索するときに自分自身を見つけることができませんでした)。

4
Eric

フィルターは、画面上の残りのコンテンツに適用されます。ユーザーが製品の詳細をフィルタリングしないことを確認すると、この画面にフィルターは表示されません。

この特定のケースでは、クライアントはクリックを減らして検索を続けようとしています。この推論を見ると、別のソリューションの方が適している場合があります。製品の詳細ページに移動する代わりに、製品の詳細(またはそのプレビュー)をフィルター結果ページに表示できます。これにより、UXに妥協することなく、クリック数を減らすという要件を満たします。

3
Marné

MathWorks.comの検索をサポートしています。問題を理解するのに役立つ定量的または定性的な調査があるかどうか、クライアントに尋ねることをお勧めします。これにより、全体的な検索エクスペリエンスについての洞察が得られ、おそらくいくつかの代替ソリューションを考え出すのに役立ちます。

また、ここに何を書いたかをクライアントに伝える必要があります。検索ワークフローのベンチマークの私の長年のすべての間に、私は彼らが提案しているパターンに遭遇したことはありません。これはおそらく次の理由によります:

  1. 検索結果ページが表示されなくなったときにフィルターを表示し続けるのは意味がありません。
  2. ユーザーを混乱させるか、サイトに問題があると思わせます。
  3. 彼らがやりたいことは、これが彼らが探していたものであるかどうかを確認するだけの場合、ページに視覚的なノイズを追加します。そして
  4. テスト中に、ユーザーが検索結果をスキャンし、最も関心のある結果の新しいタブを開くのを見ました。その後、ユーザーはタブを調べ、検索を続ける必要がある場合は検索結果ページのタブに戻ります。詳細ページにフィルターを表示しても、これらのユーザーには役立ちません。

幸運を!

1
Kent Millard

同じ質問があったので、私はあなたの質問に出くわしました。まだ誰もこれを実装していないというのは真実ではありません。私は実際にある時点で実装しましたが、それから離れました。以下に、私の詳細ページに永続的なフッターがあることがわかります。

enter image description here

このフッターは(左から右に)オフで構成されます:

  1. 戻るボタン(JavaScriptの履歴ではない-1ボタン!)
  2. 結果の数と結果リスト内の位置を示すキャプション(表示:「12/277アイテム」)。
  3. フィルターボタンを押すと、フィルターパネルが開き、フィルター設定を表示/変更できます。
  4. 進むボタン。結果リストの次のアイテムにリンクします。

このパターンの問題:

  1. これは一般的なパターンではないため、学習曲線があります。
  2. フィルターパネルを開いてフィルターを変更したときに何が必要かが不明ですが、現在のページは新しい結果セットの一部ではなくなりました。
  3. 戻るボタンと進むボタンは、ブラウザの戻るボタンと競合します(より一般的なパターン)。
  4. 固定ボトムバーの領域は、そのページのより重要なアクション(購入/注文/適用...)に使用できます。
  5. 固定ボトムバーの不動産は、チャットバブル(カスタマーサポート用)やCookie /プライバシー通知通知(GDPR)などの一般的なパターンに必要な不動産と競合します。

#5については、Cookie通知とチャットの吹き出しが表示されたときに何が起こるかを確認できます。それはすぐに混乱になります:

enter image description here

このパターンがどのように改善されたか(改善されたか):

  1. 異なるUI:フローティングパネルと固定ボトムバー、またはショッピングカードスタイルのパネル)。
  2. キャプション「12/277アイテム」をクリックすると、結果のリストが表示されます。

あなたが本当にやろうとしていること

最後に、上記の下部バーで起こっていることは、前のアイテムと次のアイテムという2つのコンテンツの最小限の表現を示しています。最小限の方法で表示する代わりに、ページの最後にそのコンテンツを表示することもできます。これがAirBNBのやり方です。

フィルタリング後の結果を示すAirBNBの例(ホームページ):

enter image description here

リストの詳細ページに結果セットのアイテムを表示するAirBNBの例:

enter image description here

AirBNBアプローチは非常に自然です。ユーザーには、「結果セット」や次/前のパラダイムなどの技術項目は通知されません。ユーザーは、現在のリストに最も関連性の高いものを見るだけです。また、結果セット(プレーンコンテンツとして表示されます)の最後に向かってナビゲーションシェブロンがあり、より多くの関連アイテムを表示できることに注意してください。

Openlistings.com、opentable.comなどの他のWebサイトを見ると、すべてAirBNBパラダイムを使用していることがわかります。

0
bart