サイトの検索ページに取り組んでいます。左側のパネルでフィルターオプションを使用できます。
ユーザーがボックスをチェックすると、フィルターオプションが更新されます。結果を返さないフィルターを処理するための最良の方法は何でしょうか。
それらはもう関係がないので、それらのフィルターを削除します。
これらのフィルターを無効にして灰色にし、一貫性を保ちます(以下の例を参照)。
ファセット検索が非常にオープンである場合(組み合わせた選択のネットワークなど)、空のフィルターを表示したままにする必要があるのには、いくつかの理由があります。
一貫性
インタラクションがインタラクション全体で一貫性を保つように、フィルターを無効にする方がよいでしょう。常に同じフィルターのセットが存在する場合、ユーザーはインターフェースをより速く学習し、より速くナビゲートできます。オプションセットが追加されたり削除されたりするたびにオプションセットが絶えず変化する場合は、一貫したフィルターセットはありません。リピーターはこの種の一貫性を高く評価するでしょう。
まだ空のフィルターは情報を伝えます
特定のフィルターに対して現在結果がないからといって、ユーザーがそのフィルターから表示されている情報を取得できないわけではありません。彼らはそれが実際にそれを必要としていることを認識していないことに気付くかもしれません。
たとえば、ブランドXが好きなので、ブランドXフィルターをクリックしますが、現在ブランドXにはゴールデンウィジェットがないため、ゴールデンウィジェットだけを見ることにします。ゴールデンウィジェットフィルターが存在せず、結果の欠如が明確に表示されている場合、私がそうであると推測するのは困難です。
クリックしたオプションを非表示にする
また、クリックされたオプションが非表示になる一連の条件をユーザーが作成した場合の対処方法も考慮する必要があります。ブランドXとYが好きなので、それらをクリックします。ゴールデンウィジェットが表示されるので、これをクリックしても、いずれかのブランドから結果が返されません。そのブランドがまだクリックされていて、結果がないことを私に伝えるためのインターフェースが必要です。画面上の他の場所をクリックした結果として完全に削除することは、適切な対話パスではありません。
多くの大規模なサイトで現在使用されているパターンは、フィルターをそのままにし、結果が返されない場合は灰色にし、オプションのリスト全体が表示されるようにスクロールボックス(ASOS)またはポップアップ(ebay)を使用することです(私はあなたが遭遇している問題であり、解決策はフィルターオプションを完全に削除しているように見えたかもしれません)。
考慮すべきもう1つのことは、結果の数を提供し、ボタンをクリックしてかなり重いクエリをトリガーする前に、ユーザーに結果セットのリッチさを知らせることです。
さらに読む... http://www.uxmatters.com/mt/archives/2009/09/best-practices-for-designing-faceted-search-filters.php
灰色のオプションははるかに優れています。これは、Webサイトにそのようなフィルターオプションがあることを示していますが、現在のフィルターセットで機能しています。並べ替えることについての詳細を伝えることができます。
例:購入するノートブックを検索します。価格フィルターフォーム0 $から1000 $を設定すると、Appleフィルターオプションが灰色になり、次のように決定します。
私はより「ポジティブ」なスピンを採用しているサイトを見てきました。結果を返さないフィルター基準を非表示にする代わりに、最初は最も人気のあるフィルター基準(上位5つ程度)のみを備えています。ユーザーは常に完全に展開するために「すべてのフィルターを表示」をクリックする必要がありますが、ほとんどのユーザーは人気のあるリストで必要なものを見つけます。それがモデルの一部である場合、それは特定の選択を行うようにクライアントを駆り立てる1つの方法です。
また、各フィルターを無効にするのではなく、フィルターが返す結果の数を追跡することもよくあります。これにより、ユーザーは戻ることなく検索の方向を変更できます。
Year
[ ] 2014 (32)
[x] 2013 (15)
[ ] 2012 (0)
[ ] 2011 (2)
Color
[ ] Black (5)
[ ] White (14)
[ ] Red (1)
[ ] Chartreuse (0)
この時点で、ユーザーは「ねえ、私は彼らがシャルトリューズに来たことを知りませんでした!」結果が0のボックスにチェックマークを付けると、他の検索結果をクリアするためのフレンドリーなUIが提供されます。