ファセット検索とナビゲーションとは何ですか？ 14のヒントと24の例

興味のある製品への訪問者を案内することは、どのオンラインストアにとっても挑戦です。 オプションが多ければ多いほど、それは難しくなります。

平均的な訪問者が興味のあるものを見つけるのに時間がかかるほど、期待できる売り上げが少なくなるため、これは大きな問題です。 探しているものが見つからない場合、人々は混乱したりイライラしたりします。また、ブラウザウィンドウを閉じたり、よりユーザーフレンドリーなサイトに移動したりすることもあります。

ファセット検索とナビゲーションは、ユーザーエクスペリエンスを簡素化する上で大きな役割を果たします。 検索エクスペリエンスを向上させて、商品を簡単に見つけられるようにすることがすべてです。

この記事では、ファセット検索について説明し、14の重要なファセット検索のヒントを共有し、ファセット検索を正しく実行しているeコマースストアの24の例を確認します。

始めましょう！

ファセットナビゲーションまたはファセットブラウジングとも呼ばれるファセット検索は、サイズ、色、価格、ブランドなどのフィルターに基づいて、ユーザーが大量の商品在庫を分析、整理、フィルタリングするのに役立つ、eコマースブランドで使用される手法です。

待って、それで私たちは単にフィルターについて話しているのですか？

完全ではありません。 ファセットはより具体的です。検索結果に適用されます。

ファセット検索では、ユーザーインターフェースから商品説明の書き方まで、すべてを改善する必要があります。 サイトに複雑な構造を持たせるのではなく、すべてを可能な限りシンプルかつ合理化する必要があります。

ファセット検索は、顧客の製品検索エクスペリエンスを向上させるのに役立ちます。

一部のWebサイト訪問者は、自分が何を望んでいるかを正確に知っています。 他の人は決定を下す前にいくつかのオプションを探求したいと思っています…しかしそれは彼らがあなたの製品ライン全体に興味があるという意味ではありません！ ほとんどの場合、彼らは特定のタイプの製品のさまざまなオプションを探しています。

ファセットは、ユーザーがニーズに合ったオプションにすばやく効率的に集中できるようにすることで、ユーザーエクスペリエンスを簡素化します。

たとえば、携帯電話を購入したい顧客は、さまざまな仕様と機能を備えた何千ものモデルから選択する必要があります。 それは圧倒される可能性があり、決定を下すことは不可能だと感じる可能性があります。

しかし、Flipkart.comでのモバイルデバイスのこのファセット検索を見てください。 ブランド、価格帯、レビューなどのファセットフィルターを使用することで、顧客はWebサイトで利用可能な数千台の携帯電話のうちのほんの数モデルにすばやく焦点を合わせることができます。

ほとんどすべての主要なeコマースプレーヤーがサイトでファセットナビゲーションを採用している理由は簡単に理解できます。

効果的なファセットナビゲーションシステムにより、顧客が迷子になったり圧倒されたりすることがなくなり、コンバージョン率が20％向上します。

このセクションでは、ファセット検索のメリットを最大化するための14のヒントを紹介し、ファセット検索とナビゲーションの優れた例を紹介します。

1.関連するフィルターオプションを使用する

各検索に関連付けられたファセット（および各ファセット内のオプション）は、製品タイプに関連している必要があります。

たとえば、スマートTVカテゴリでは、ファセットオプションに次のものを含める必要があります。

• 価格、
• ブランド、
• 解像度、
• 画面サイズ、
• 特徴、
• 等々…

各ファセット内で、解像度オプション（HD、フルHD、4K）など、検索結果を改善するための関連フィルターを提供します。

BestBuyのこの例をご覧ください。

検索結果を絞り込むために必要なすべての選択肢を顧客に提供します。 価格とブランドは業界全体で標準ですが、カテゴリ固有のオプションも含めることを忘れないでください。 たとえば、靴やアパレルなどのカテゴリでは、色とサイズのオプションが不可欠です。

適切なファセットとフィルタリングのオプションを決定するために、競合他社のサイト、業界リーダーのWebサイト、カスタマーレビュー、専門家のレビュー、および一般的に検索されるキーワードを確認できます。

2.ファセットを正しい方法で配置します

検索結果ページにファセットを水平または垂直に配置できます。

水平方向のナビゲーションは、以下のasos.comの例のように、値が最小の製品が少数ある場合にのみ適切です。

さまざまな製品がある場合、ファセットを水平に配置すると、サイトが乱雑に見える可能性があります。 また、ユーザーがページを下にスクロールするとフィルターメニューが表示されなくなるため、ユーザーエクスペリエンスが損なわれる可能性があります。

製品とフィルターのオプションが多い場合は、垂直配置が最適です。 このようにして、顧客は結果をスクロールしながらファセットナビゲーションシステムにアクセスできます。

これがYelpの垂直ファセットの例です：

3.最大の使いやすさのためのファセットを提示します

ファセットフィルターを表示する方法はいくつかあります。 オプションには、リンク、スライダー、チェックボックス、ドロップダウン、および入力フィールドが含まれます。

それぞれがフィルタリングしているデータのタイプに基づいて、ファセットを表示する方法を選択します。 スライダーは価格ファセットフィルターには意味がありますが、ブランドやカテゴリによるフィルタリングに関しては、チェックボックスが必須です。

Amazonはリストとチェックボックスの両方を使用します。

チェックボックスを使用するための簡単なヒント：特定の値またはフィルター（テキストを含む）の領域全体をクリック可能にします。これにより、顧客が小さなボックスをクリックするのに苦労することがなくなります。

前述のように、スライダーは価格や距離などの数値に最適です。 Gymsharkがフィルターをどのように使用するかを確認してください。

ドロップダウンは選択を単一のオプションに制限するため、最小または最大を設定するフィルター用に予約するのが最適です。 cars.comがドロップダウンをどのように使用するかを確認してください。

ファセットを表示する単一の「最良の」方法はありません。さまざまなオプションを組み合わせて、 Webサイトに最も効果的な方法を見つけてください。

4.画像を使用する

画像（またはアイコン）は、ファセットのユーザビリティにおいて主要な役割を果たします。 これらは、色、スタイル、およびその他のオプションを選択するのに理想的です。

フレーム形状のオプションを表示するときに、SunglassHutがアイコンを効果的に使用する方法を確認してください。

5.顧客のレビューをファセットとして含める

大規模なサイトでは、顧客レビューをファセットとして使用することが増えています。

たとえば、Amazon.comは、顧客からのフィードバックを1つから5つの星の形で表示します。 ベストプラクティスとして、このオプションは、レビューや評価がたくさんある場合にのみ使用してください。

6.ストアまたは業界固有のファセットを表示します

顧客のニーズ、製品の特性、業界の要件、および店舗固有のオプションに基づいて、独自のファセットオプションを作成することは素晴らしいアイデアです。

AmazonのKindleeBooksセクションには、著者、言語などの標準的な選択肢に加えて、「プライムリーディング」や「2020年のベストブック」などのオプションがあります。これにより、何千ものオプションがある場合でも、顧客は購入をすばやく決定できます。

7.折りたたみ可能または拡張可能なメニューを使用する

優れたファセット検索では、ユーザーがメニューを折りたたんだり展開したりできるようにする必要があります。 つまり、さまざまなフィルタリングオプションをすばやく確認でき、他の人に気を取られることなく、使用するフィルターを選択できます。

Sephoraがこのオプションをどのように使用するかを確認してください。

重要な考慮事項の1つは、デフォルトでオプションを表示するか非表示にするかです。 デフォルトでフィルターを非表示にすると使用率が低下する可能性がありますが、表示するファセットが多すぎると、ユーザーはすべてのフィルターオプションを表示するためにさらにスクロールする必要があります。 1つの解決策は、一部のファセットを拡張し、他のファセットを折りたたむことです。

8.ファセット内で値を整理します

特に多くの異なるオプションがある場合、ファセット内で使用可能なすべての値を表示することは困難です。 幸いなことに、それを行うにはいくつかの異なる方法があります！

• インライン展開：この方法では、ファセットはデフォルトで最初のいくつかの値を表示し、ユーザーは[もっと見る]をクリックして追加の値を表示できます。

• スクロール：これは広く使用されている方法です。 Zapposは良い例です。

• ポップアップ：この方法では、マウスをファセットに合わせるかクリックすると、値がポップアップとして表示されます。 Colourpopはこの方法を使用して、スペースを節約し、ナビゲーションの煩雑さを最小限に抑えます。

結局のところ、顧客が最大値と最小値を簡単に選択できることが重要です。 最も安価なオプションを探している人は、ファセット検索を使用してすばやく見つけることができるはずです。

9.ファセット内の値を論理的に並べ替えます

ファセット内の値の並べ替えに関しては、ブランドなどのファセットの単位数またはアルファベット順で並べ替えることができます。

通常、サイズや価格などのファセットは昇順で並べられます。

例として、AmazonのKindleeBooksページを取り上げます。 「KindleeBooks」ファセット内では、値はアート＆フォトグラフィーからバイオグラフィーなどのアルファベット順にソートされています。

「言語」ファセットは、人気別に値を表示します。 たとえば、「英語」が一番上に表示されます。

「平均顧客レビュー」のファセットは、値を降順で示し、4つ星以上が上に表示されます。

10.ユーザーが複数のフィルターを選択できるようにする

顧客は、単一のファセット内で複数のフィルターを選択するオプションを持っている必要があります。

たとえば、テレビを購入したい消費者は、2つまたは3つの主要ブランドを候補に挙げており、利用可能なサイズと価格帯を知りたい場合があります。 これらのさまざまな組み合わせにより、訪問者の意思決定が容易になります。

ファセット内で複数のオプションを選択できるようにして、探している製品を表示するために複数の検索を実行する必要がないようにします。

11.選択した値をファセット内に表示します

ファセットナビゲーションを最大限に活用するには、ユーザーが選択した値を他の値よりも目立たせる必要があります。

これにより、お客様は使用しているフィルターを確認でき、オプションを簡単に変更できます。 これは、次の4つの方法で実行できます。

• インライン：このアプローチでは、選択した値がファセット内に表示されます。 たとえば、Amazonは、選択したオプションを太字で表示し、その横にチェックボックスを付けます。

• ブレッドボックス：この方法では、選択したすべての機能が専用の場所、つまり「ブレッドボックス」に表示されます。 以下のOrientalTradingの例を参照してください。 ベストプラクティスは、値とともにファセットを表示することです。たとえば、値「Christmas」は「holidays」ファセットの一部です。

• ブレッドクラムトレイル：このリストには、選択した値が用語のトレイルとして表示されます。 ユーザーが選択を続けると、新しい選択がこのトレイルに追加されます。 通常、各値には「X」アイコンが付いており、顧客はこれをクリックして選択を削除できます。

• 統合されたファセットブレッドクラム：表示は、上記のブレッドクラムトレイル方式に似ています。 ただし、この方法では、顧客はブレッドクラムを単に削除するのではなく、ブレッドクラム内で選択を変更できます。 Walmartはこの方法を使用します：

12.ページと検索結果をすばやく更新する

ある調査によると、消費者の47％は、サイトが2秒以内に読み込まれることを期待しています。 実際、サイトの読み込みまたは更新に2秒以上かかる場合、ユーザーの53％が検索を中止します。

別の調査によると、コンバージョン率は2秒のリフレッシュレートでピークに達しましたが、遅延が1秒増えるごとに、コンバージョンが7％減少しました。

AJAXテクノロジーを使用すると、検索結果の表示率を向上させることができます。 AJAXを使用すると、顧客が検索を絞り込むたびにページ全体が更新されるわけではありません。 代わりに、選択したデータのみが送信されるため、処理時間が大幅に短縮されます。 ただし、AJAXはSEOに対応していないため、ユーザーエクスペリエンスを向上させるためにAJAXの使用を制限する必要があります。

13.結果が出ないようにする

結果のないフィルターオプションは、顧客を苛立たせる傾向があるため、避けてください。

結果を返さないためだけにオプション（たとえば、色やサイズ）を選択することは、顧客にとってがっかりする経験になる可能性があります。 Jenson USAは利用可能なオプションを黒で表示し、残りは灰色で表示されます。

14.絶えず改善する

eコマースのほとんどのものと同様に、データを分析し、アプローチを微調整することが重要です。 ファセット検索では、顧客がファセットとフィルターをどのように使用しているかに関するデータを常に収集し、このデータを使用してサイトを改善する必要があります。

たとえば、最も広く使用されているファセットはどれですか？ 顧客がまったく使用しないファセットはどれですか？ この情報は、ファセットナビゲーションの構造を改善し、サイトをよりユーザーフレンドリーにするのに役立ちます。

ファセット検索を使用すると、顧客は複数の検索を実行したり、閲覧に多くの時間を費やしたりすることなく、探しているものを簡単に見つけることができます。 優れたファセット検索は、顧客体験を改善し、コンバージョン率を高めることができます。

ファセット検索を最大限に活用するには、さまざまなタイプの製品に使用するファセットとオプションについて考える必要があります。 ファセットが少なすぎると、ユーザーは探しているものを見つけることができませんが、ファセットが多すぎるとユーザーを混乱させます。

うまくいけば、このヒントと例のリストが、サイトの検索結果を絞り込むための最適なファセットタイプとオプションを見つけるのに役立つことを願っています。