web-dev-qa-db-ja.com

ファセット検索フィルタリングを実装する正しい方法はどれですか:リンクとチェックボックスのどちらですか?

リンク(またはラジオボタン)を使用したフィルタリングオプションの実装には違いがありますか。チェックボックスを使用するのに対して、チェックできるのは1つだけですか?

例:Youtubeはリンクを使用しているため、特定のカテゴリのフィルタを1つだけ選択できます。これにより、Allフィルタが作成されます。一方、ほとんどのWebサイトは一連のチェックボックスを使用しており、All関数はすべてのチェックボックスをオンにすることで実行されます。カヤックやアマゾンはこのようにします。

画像では、1)Youtubeのすべてのフィルターは単純な1つの選択肢のフィルターとして実装されています2)カヤックのすべてのフィルターはチェックボックスとして実装されています3)Yelpは両方の組み合わせを使用しています。

明白な以外に、すなわち。リンクでは、2つ以上の選択をきめ細かく制御できません1つの方法を他の方法よりも選択することに関連する利点または問題はありますか?、ユーザーは本当に複雑なセレクターの組み合わせを使用しますか?.

-
私の疑問の1つ:Youtubeフィルターの[機能]フィールドでチェックボックスを使用することは理にかなっているのではないでしょうか? Yelpはそれらをすべて正しくしているようです。

Youtube Filters

Kayak Filters

Yelp Filters

18

ファセット検索フィルターを設計するためのベストプラクティス Greg Nudelmanは、「ドリルダウン」と「並列」の選択について語っています。

リンクは、フィルター選択の最も単純なモードです。リンクをクリックすると、顧客は特定のフィルターに単一の値を選択するか、カテゴリーや部門の階層など、分類法のレベルをドリルダウンできます。

[...]

顧客が単一のフィルター値を示すことができるリンクとは対照的に、チェックボックスは顧客が複数のフィルター値の並列選択を示すことができ、検索結果の範囲をそれらに一致するものに制限します。

したがって、あなたが述べた基本的な違いは、ドリルダウン選択が単数であるのに対し、並行選択は「追加OR条件を示す[s]」ということです。

どちらを使用するかは、分類されるコンテンツの性質とユーザーの希望によって異なります。

ドリルダウンセレクションアドバンテージ

Amazonのサイトにアクセスしたことがない部分がない限り、それらには実際には並行選択はなく、ドリルダウンがあります(少なくとも Books で)。

Amaxon Drill Down Selection

ユースケースは、ユーザーが分類法の他のブランチを完全に除外できるようにすることを目的としています。これは非常に深いサイトに適しています。

Parallel Selection Advantage

広範な分類法の場合、またはユーザーが分類法の複数のブランチを選択してツリー全体を水平方向にフィルタリングできるようにする場合は、並列選択が最も理にかなっています。

あなたが提供した例(カヤックとYelp)は並行選択の素晴らしい例です

YouTube

したがって、あなたの例では、「今日」に投稿され、「評価」が一定のしきい値を超えている「今日」の動画をユーザーが検索できるようにすると、YouTubeのメリットが得られると主張できます。

おそらくそれをサポートしない実装の問題がありますか?

おそらく、ビデオの視聴にユーザーの負担がかからないため、複雑なフィルターをかける動機はそれほど高くありませんが、高価な飛行機のチケットや記念日のディナーのためにレストランを選ぶと、ユーザーの動機ははるかに高まります。クエリは正確ですか?研究にアクセスできない場合、それらは推測にすぎません。

リスク

どちらの場合も、ユーザーが何をしたいかを考えて、間違ったものを選択することが主なリスクです。

ただし、さらに大きなリスクは、パラダイムを混在させることです。

NudelmanはOffice Depotを、並列選択UIにドリルダウン動作を表示すると、使いやすさが低下する例として使用しています。

図3に示すように、Office Depotのユーザーインターフェイスは値の選択を示すためにチェックボックスを使用しているため、顧客は複数のチェックボックスをクリックして複数の価格範囲を検索することを示す並列選択パラダイムを期待するようになっています。たとえば、0ドルから100ドルまでの価格の椅子マットを見つけるには、価格フィルターの最初の2つのチェックボックスをオンにすることができると予想できます。したがって、50ドルから100ドルのチェックボックスをクリックした後、50ドル以下のチェックボックスを選択する機能が保持されます。

図3

Figure 3

ただし、顧客が$ 50〜$ 100のチェックボックスを選択すると、Office Depotの検索ユーザーインターフェイスはまったく予期しない動作をします。これは、50ドルから100ドルの価格範囲にドリルダウンし、50ドル以下のチェックボックスを削除して、顧客が複数の並行OR値を選択できるようにするチェックボックスのグループのアフォーダンスを壊します代わりに、ユーザーインターフェースに$ 50- $ 60と$ 60- $ 70の範囲が表示され、顧客が最初に選択した$ 50- $ 100の範囲が、利用可能なOR値の1つとして選択されています。ドリルダウンと並列選択のパラダイムは、非常に混乱する検索ユーザーインターフェイスをもたらします。

11
Charles Wesley

私が望んでいるほど頻繁に実装されていないと思われる1つの手法は、ユーザーによるデフォルトの検索設定です。たとえば、Yelpを検索するときは、デフォルトを「今すぐ開く」、「サイクリング距離」、「最高評価」にしたいのですが、サイトにはそれを覚えておくオプションがないため、選択に多くの時間を費やしています。同じオプションを何度も繰り返します。

ログインを必要としないバージョンでは、できる限りデータを収集し、そのデータをデフォルトとして記憶するかどうかをユーザーに尋ねます。たとえば、一部のサイトは私の場所を見て、今後「シアトル」をデフォルトとして使用するかどうかを尋ねます。

この質問には実際には「1つのサイズですべてに対応できる」という答えはありません...データが何であるか、およびユーザーが何を達成しようとしているのかによって異なります。たとえば、訪問者の90%が複数のフィルターを適用したい、または適用する必要がある場合、そのために最適化する必要があります。

3