チェックボックスによる結果のフィルタリング
私の同僚と私は、私たちのサイトの1つでチェックボックスを使用したフィルタリングについて話し合いました。
ユーザーが検索時に関心のある領域を選択することにより、ユーザーが検索を絞り込むことができるように、いくつかのチェックボックスを使用しています。私たちのサイトの検索ページにアクセスすることにより、ユーザーは利用可能なすべての結果を提供され、その後、より洗練された検索を実行できます。
議論は、ユーザーがページに到達したときにすべてのチェックボックスを選択する必要があるかどうかに関係しています。実際のソリューションの例を見てきましたが、どちらを使用するかを決定することはできません。
チェックボックスの選択肢には2つのグループがあり、それぞれに約5〜8個のボックスが含まれます。 1つの懸念は、すべてのボックスが事前にチェックされている場合、ユーザーが1つまたは2つの選択肢に関心があるため、ユーザーが5つまたは6つのボックスをオフにするのは面倒な操作になることです。
ボックスにチェックを入れずに最初にページに到達したときにすべての結果を表示し、次に検索結果で確認したいものをチェックするだけの慣例と考えることができますか？
はい、その慣習です。 AmazonやEbayのような大規模で交通量の多いサイトを見ると、この動作がわかります。フィルターオプションをオンにしてフィルターを開始しない限り、リストのすべてが表示されます。また、開始時に事前選択/チェックされるフィルターはありません。
フィルターのクリアオプションを忘れないようにしてください。ある時点で、非常に強くフィルタリングして、選択に一致する製品を見つけることができなくなりました。また、折りたたみ領域で作業する場合に備えて、アクティブなフィルターを常に表示するのに適したスタイルです。
こちらが良い記事です これはフィルターとファセット検索パターンを説明します 。
これが、これらの検索のほとんどが実際にフィルターである理由です。検索では、含める要素を選択すると、結果にこれに一致する要素が表示されます。フィルタリングとは、リスト全体から対象を定義し、一致しないエントリを削除することを意味します。各要素のデフォルトは「すべてのエントリ」です。選択可能なオプションである場合とそうでない場合があります。
（@FrankLが言及したように）明確にこれを持っている場合、適切な製品に到達するための課題は扱いやすいはずです。ただし、通常または通常のフィルターが選択するのに十分単純であることを確認することも重要です。これは、製品とユーザーに大きく依存します。したがって、たとえば、複数の価格グループがある場合は、関連するすべてのボックスを選択する「以上」または「以下」オプションを設定する価値があります。
多くの場合、正確な要件に依存するため、正解は1つではありません。
ユーザーがクラシックなキーワード検索から始めて、結果のリストをスキャンできる統合されたインクリメンタルな検索および閲覧エクスペリエンスを特徴とするファセットナビゲーションの使用を検討したい場合があります。現在、インターフェイスのファセットナビゲーションモデルを活用して、検索画面のデザインにも取り組んでいます。約50の検索条件があり、画面を簡略化しています。設計中に使用できる簡単なヒントを以下に示します
- 柔軟なナビゲーションを許可
- 次のステップのプレビューを提供する
- オーガナイザーは有意義な方法で結果を出します検索の拡張と絞り込みの両方をサポートします
- メタデータを使用して、次に進むべき場所を示し、ユーザーが前の手順を確認して前の手順に戻る
- ラベルを短くする
- 元に戻す機能を提供する
- 各セットで頻繁に使用されるファセットを表示し、残りを展開リストまたはモーダルウィンドウで表示する
いくつかのリソース：
http://flamenco.berkeley.edu/talks/hearst_facets09.ppt
http://boxesandarrows.com/view/faceted-finding-with
http://www.slideshare.net/tgr2uk/from-search-to-discovery
http://uxmag.com/articles/rich-internet-application-screen-design
http://designingwebinterfaces.com/15-common-components
http://www.alistapart.com/articles/design-patterns-faceted-navigation/
検索と閲覧のためのIA Summit 2010のポッドキャスト
http://www.slideshare.net/gnudelman/design-caffeine-for-search-and-browse-ui-iasummit201
おそらく私はこの考えの中で一人ぼっちですが、単に「すべて選択/何も選択しない」ボタンを用意するのが最善ではないでしょうか？十分に一般的な規則であるだけでなく、デフォルトで「すべて選択」することができ、ユーザーがフィールドを1つまたは2つだけに制限する（または必要に応じて「すべて」に戻る）簡単な方法を使用できます。