web-dev-qa-db-ja.com

フィルターオプション-「すべて」ボックスまたは「クリア」リンクを使用してデフォルト設定を復元するのが望ましいですか?

私は現在検索エンジンに取り組んでいますが、ユーザーが検索を絞り込むためのフィルターオプションが提供されています。

例:

タイプ

[ボックス]しっかり

【箱】弁護士

[ボックス]トランザクション

【ボックス】会社

ユーザーがボックスをチェックすると、選択したアイテムがリストの一番上に移動し、リストの一番上に「クリア」リンクが表示されます(デフォルト設定を復元するため)。

例:

タイプ

晴れ

[チェックボックス]弁護士

[ボックス]しっかり

[ボックス]トランザクション

【ボックス】会社

リストの一番上に「すべて」のボックスを追加する方が良いオプションかどうか疑問に思っています。このボックスはデフォルトでチェックされており、ユーザーはこのボックスをチェックしてデフォルト設定を復元できます。

あなたはそれについてどう思いますか?


編集:

申し訳ありませんが、十分な詳細をお伝えできなかったと思います。

インターフェイスには7つのフィルターグループがあり、これらのグループは折りたたみ可能で、ユーザーが何かを検索すると、デフォルトで最初のグループ(「タイプ」)のみが展開されます。フィルターグループには、最大75個のフィルターが含まれます。

(私は新しいメンバーなのでスクリーンショットを投稿できません。)

ユーザーがフィルターグループを展開すると、6つのフィルターが表示され、その後に[もっと見る]ボタンが表示されます。 [もっと見る]リンクをクリックすると、このグループ内で使用可能なすべてのフィルターを示すポップアップが表示されます。

短いフィルターリスト(6個以下のフィルター)の場合、ユーザーがこの動作を期待しないため、選択したフィルターを一番上に移動しないことに同意します。ただし、私は長いフィルターリストを扱っているため、選択したフィルターを後で(クリックではなく)一番上に移動すると、ユーザーがどのフィルターグループでフィルターを選択したかが簡単にわかるため、読みやすくなると思います(これを観察しました) AmazonおよびeBayでの動作)。

ユーザージャーニーは次のとおりです。

1-特定のフィルターグループを展開する

==> 6つのフィルターが表示され、その後に[もっと見る]ボタンが表示されます

2-[もっと見る]リンクをクリックします

==>ポップアップが表示され、このグループで使用可能なすべてのフィルターが表示されます

3-1つまたは複数のボックスをチェックします

4-適用をクリックします

==>それに応じて検索が絞り込まれ、フィルターグループが更新されます(選択したフィルターがアルファベット順にリストの上部に表示され、「クリア」リンクが追加されます)。

5
david-ux

OkCupid には、これを処理する興味深い方法があり、これを確認することをお勧めします。

enter image description here

基本的に、Advancedドロップダウンリストから追加のフィルター基準を選択してフィルター基準を追加できます。また、右側のxを選択して、既存のフィルター(基本フィルター以外)を削除できます。オプションのフィルター。

これには、使用したいフィルターのみが表示されるという利点があり、フィルターの詳細を非常に自然な方法で指定することもできます。

4
JohnGB

Henrik Ekblom氏が述べたように のように、要素がクリックされるときに要素が移動することは避けてください。この場合でも、私は間違いなくそれを避けます。不要です。

絞り込みオプションは、相互に排他的である可能性があるようです。その場合は、チェックボックスの代わりにラジオボタンを使用し、最初のデフォルトオプションは[すべてを検索]または[すべて]にする必要があります。

同じ検索で複数のオプションを選択できる場合、私は個人的に「クリア」リンクのファンではありません。 「クリア」という用語は、チェックボックスのコンテキストではWebプロフェッショナルにとって意味がありますが、平均的なユーザーにとってはそれほど明白ではありません。これは、検索ボックスをクリアして検索を再開することを意味しているように見えます。 「チェックボックスの選択をクリア」して、それが本当にわかりやすくなるようにしたいのですが、それでも混乱を招く可能性があります。できればそれは避けたい。

「すべて」/「すべて」のオプションが理論的には理想的ですが、Webユーザーに対するチェックボックスの暗黙の機能を考慮する必要があります。 「すべて」チェックボックスは、4つのフィルターのチェックされた値を変更する必要があります。したがって、弁護士と事務所をチェックした場合、その後「すべて」をチェックすると、4つのオプションすべてを選択または選択解除する必要があります。これは、Webチェックボックスの機能ではありません。 「すべて」オプションは、おそらくボタンまたはテキストリンクである必要があり、この場合、おそらく不必要に複雑です。

あなたの状況では、可能なチェックボックスオプションが4つだけの場合、デフォルトで4つすべてが選択され、ユーザーが興味のないものを選択解除できるようにします。これは非常に明示的であり、「クリア」または「すべて」を必要としません。 "オプションです。

enter image description here

2
mattdempseycom

選択したアイテムを上に移動しないことをお勧めします。クリックするとマウスの下で選択したアイテムが「消える」ため、ユーザーが混乱する可能性があります。

私が追加したモックアップは、「すべてクリア」オプションで複数選択を使用したい場所でうまく機能するシステムを使用しています。おまけとして、クリアボタンは選択された項目の数を表示できます。

Multi select with clear option

ターゲットユーザーに応じて、「x」をラベル(「すべてクリア」、「クリア」など)に変更して、その機能をさらに詳しく説明できます...

0
Henrik Ekblom