web-dev-qa-db-ja.com

使用と言語のどちらを優先すべきか?

私はプロジェクトに取り組んでおり、興味深いジレンマを発見しました。私が取り組んでいるアプリケーションにはこのフィルターがあります。次のようにしましょう:

not checked

デフォルトでは、「オプション」はどれも選択されていません。つまり、すべての結果がフィルターを適用せずにリストされます。ユーザーがPREMIUMまたはSHOPでフィルタリングする場合は、PREMIUMまたはSHOP、あるいはその両方をクリックします。この種の機能はチェックボックスのようなものです。したがって、ユーザーが両方のボックスをオンにすると、フィルターは次のようになります。

checked

事はこれです。デフォルトでは、適用されるフィルターがないため、アプリケーションはすべての結果を表示します。ユーザーがいずれかのオプションをクリックすると、アプリケーションはそのオプションと一致する結果のみを表示します。ただし、ユーザーが他のオプションをクリックすると、両方のオプションの結果が表示されるため、アプリケーションはすべての結果を再度表示します。

このフィルターをユーザーでテストしたところ、使用上問題はありませんでした。ユーザーは、フィルターがどのように機能するかを誤解していませんでした。彼らは、フィルタリングプロセスのすべてのステップを理解し、アクションの明確さを高く評価する人もいました。

しかし、問題は言語学部にあります。相互作用の2つの異なる状態で同じ結果を示すソリューションを提示してもよいですか?

言語よりも使用を優先すべきですか?

フィルタリングの問題に対する他の解決策はありますか?

10

2つのチェックボックススタイルのボタンを「フィルター」コントロールではなく「表示」と見なす場合(実際にはパースペクティブを回転させるだけ)、最初にチェックしてすべてのアイテムを表示する必要があります。

表示 [v]プレミアム[v]ショップ

すべてのアイテムが表示されます。

ただし、厳密に言語の観点から見ると、ユーザーが両方のチェックを外すと、結果は表示されません。

表示 []プレミアム[]ショップ

アイテムは表示されません。

しかし、それは単なる「良い状態」の無駄です。ユーザーとのアプローチをテストし、ユーザーがそれを混乱させない場合、私の見解では、それはちょうど良いUIです。 :)

3
agib

私が正しく理解している場合、「問題」(これは問題です)は、何も選択しないと、両方のフィルターを選択した場合と同じ結果になるということです。

これはさまざまな方法で解決できます。

  • 番目のオプション「なし」を追加して排他的にします(たとえば、選択すると、他の2つは自動的に選択解除されます)。
  • コピーを使用「選択されていない」が「両方が選択されている」と同じことを意味することを指定するには(ジョンWが示唆するものの一種)
  • チェックボックスを使用ボタンの代わりに、コントロールが実際に何をしているのかをユーザーに明らかにします。
  • ラジオボタンを使用オプション「プレミアム」、「ショップ」、「両方」のボタンの代わりに
  • ファセットナビゲーションパターンを使用これは、UIの視覚的なデザインが少し異なることを除いて、チェックボックスを使用する場合とほぼ同じです。通常これが意味することは、リンク(たとえば、「プレミアム」)をクリックすると、選択および強調表示されますが、UIのどこかでそのフィルターを削除することができます。各ファセットはスタックするため、複数を組み合わせてフィルタリングを続行できます。

2つのボタンの使用に関する1つの注意点は、2つのうちどちらが選択されているかを判別するのが難しい場合があることです。彼らは「押し込まれている」というアフォーダンスが視覚的にうまく伝えられているという意味でうまく設計されているので、あなたは本当にそのような問題はないと思いますが、それは考えるべきことです。

7
Rahul

ユーザーには3つの実際のオプションがあります。プレミアム|ショップ。

そして最も明確な解決策は、ラジオボタンスタイルで動作する3つのボタンを提供することです。一番はっきりしている、それが私がすることです。

省スペース??

2つのボタンに移動するスペースの節約が価値があるケースはありますか?あんまり。スペースが限られている場合、他の何かがすでにひどく間違っています。

その他のオプションあり

変更するすべてより多くのカテゴリに対応するボタンがある場合。次に、「すべて」ボタンをドロップして、各ボタンにそのサブセットを選択させることができます。追加のボタンは、動作、つまり、任意の組み合わせをサポートしていることをより明確にします。次に、すべてのボタンreturn to up upが表示されたら、「オプションが選択されていません-すべてのアイテムを表示しています」という説明文を下に合法的に配置できます。

編集

つまり、2つのオプションで3つのボタンを使用するということです。しかし、それも特別なケースです。幸いなことに、より多くのオプションがある場合、それらが累積的であり、任意の組み合わせが有効であることははるかに明確になります。したがって、空の組み合わせを特別に処理することは、混乱が少なくなります。すべてのボタンを上に配置するという特別な場合could結果は返されませんが、すべての結果を返す方が適しています。あなたが尋ねる:

「気にしてもいい?」

もちろん、注意する必要がありますが、ユーザーが混乱しないように十分なテストをすでに行っているため、注意する必要があることは明らかです。説明したテキストも含めますが、それを行う理由の1つは、「27アイテムが(375のうち)一致する」と言って、とにかくそのようなテキストの場所があるということです。新しいテキスト領域にはなりません。

3
James Crook

私は過去にまさにこの難問を経験しました。思いつくのは、いずれかのオプションを選択するまでフィルターフィールドを非アクティブ化することに関するオプション、または「このオプションでフィルターする」ではなく「このオプションを除外する」という選択肢があることだけです。ただし、これは非常に複雑であり、あなたが言うように、ユーザーはそれがどのように機能するかを理解することに問題がないようです。

また、これが言語ルールに違反しているかどうかについても議論の余地があります。デフォルトではフィルターを使用していないため、すべての結果が表示されます。フィルタリングを開始すると、フィルターが機能し始めます。基本的には次の場合です'デフォルトですべての結果を表示するか、フィルターを使用して特定の基準を選択します'

1
JonW

ボタンの3つの異なる状態を検討します。フィルターが選択されていないときに最初のグラフィックを使用してから、ボタンをクリックすると、そのボタンが暗い色でマークされ、他のボタンが少しフェードします。

これに伴うリスクは、ユーザーが他のボタンが無効になっていると考えているため、フィルターに掛けるものを複数選択することはできないということです。

(このアイデアは prisjakt.n から引用)

0
Baffe Boyois