web-dev-qa-db-ja.com

複数のトグルボタンでデータを最適にフィルタリングする方法は?

アイテムのリストをタイルとして表示するWebアプリがあります。各アイテムには0〜多くの「タグ」を付けることができ、ページの上部にあるトグル可能なボタンの行を使用してアイテムをフィルタリングするために使用できます。最大約30のタイルと8つの異なるタグがあります。

複数のタグでフィルタリングする場合、リストには次のように表示されます:

A。選択したタグのanyを含むすべてのアイテム

B。every選択されたタグを含むすべてのアイテム。現在のタグで選択した場合に空のリストが表示されるフィルターを表示しても意味がないため、これによってフィルターのリストも変更されることに注意してください。

C。何か他のもの...


レストランを表示し、食品でフィルタリングする例を次に示します。

Toggle filter example

4
Woodwoerk

フィルターがユーザーに対してどのように機能するかを定義した場合、オプションBを使用します。

さまざまなユーザーシナリオを検討してください。

  1. ユーザーは寿司を嫌いで、寿司屋を見つける必要があります。
  2. ユーザーは寿司に腹を立てており、彼氏はラーメンを好みます。
  3. 寿司とラーメンの使いかたは未定。
  4. ユーザーがラーメンを欲しがり、彼女は寿司の一面を検討するかもしれません。

-オプションAはシナリオ1と3を正常にカバーします。部分的に4をカバーしますが、ユーザーは両方を提供するレストランを検索して見つける必要があります。

-オプションBは、すべて4を正常にカバーします。

オプションAも「弱い」フィルタリング方法のように見えます。あなたはまだ多くのレストランをユーザーに投げており、実際にそれらのオプションをまったく減らしていません。 「本物の寿司レストラン」を見つけたいというシナリオでは、寿司を検索するだけです。ラーメンも同じ。

一般に、(特定の例で)ユーザーが考えられるすべてのレストランを見たいと思う最も一般的な理由は、通常、ユーザーが閲覧している、または大規模に決定されていないためです。

これは、A/Bとユーザーテストの優れたテストです。そして、あなたはいくつかの興味深い結果を得ると確信しています!

3
Socrates Kolios

私はそのようにします: enter image description here 基本的に「ソクラテスコリオス」に同意しますが、オプションBは4つのユーザーシナリオすべてを正常にカバーします。また、シナリオ1、3、および4に適したいくつかのオプションを削減します。したがって、この追加の検索結果を下に配置しても、シナリオ2に悪影響を与えることはないと思いますが、シナリオ1、3、4に大きく貢献する可能性があります。の検索結果。また、まったく検索しないよりも、クエリに部分的に適合する検索結果を取得することをお勧めします。また、結果のどの部分が合わないかを示す方法をグーグルから借りることを提案します。 enter image description here

不足しているものを示し、ユーザーに「部分的に適した結果」の一部に到達したことをユーザーに通知します(ヘッドラインを読んでいない場合)。

3
Ada

基本的に、あなたは何が起こるか/起こるべきかわからない、そしてそれはまさにユーザーがどう感じるかです。問題は具体的にどちらが正しいのではなく、何がこの問題を引き起こしているのかということではないと思います。フィルター自体は、明確なタイトルや説明がない、単なる空の単語です。

  • フィルターにもう少しコンテキストを提供しようとすることができます。たとえば、フィルタータグに「金額」を追加すると、ユーザーはいくつの結果が得られるかをよりよく理解できます。

  • タイトルを追加すると、これらのフィルターが何を行うかについてのより良いコンテキストを提供することもできます。 「料理」や「料理」など

  • すでに選択されている「すべて(18)」とだけ言う最初の項目を追加することもできます。

  • フィルタリングのしくみに関する短い説明文を追加:「寿司&ラーメンの14件の結果を表示」/「...寿司またはラーメンの結果」

例:


料理:すべて(18)、ピザ(2)、ラーメン(6)、寿司(8)

「寿司とラーメンの14件の結果を表示しています」


これにより、現在表示されているもの( 'All(18)'のみが選択されている場合)のコンテキストと、特定のタグまたは複数のタグをクリックした場合に何が起こるかをユーザーに提供します。

2
KjelleVe

あなたは別のアプローチに行くことができ、両方のオプションを提供します。これは、より複雑なand/or操作に対してよく行われます。

これを行うには、すべてのタグの前(タグの左側)にトグルまたはドロップダウンを使用して、「すべてのレストランを表示する」または「すべてのレストランを表示する」のように言います。ラベルを改善できることは認めますが、うまくいけばアイデアを理解できます。ただし、デフォルトを選択する必要があります。ユーザーが特定のパターンに慣れているのと同じ機能を提供する同様のサイト/製品を確認することをお勧めします。

0
Martyn