web-dev-qa-db-ja.com

フィルターリストでフィルターをクリアするボタンの最適な位置はどれですか

enter image description here

ここでは、オーバーレイのフィルターの画面例を示します。ここでは、フィルターのクリアボタン(いずれかのフィルターがチェックされている場合にのみ表示されます)がフィルターのリストの下にあります。ここに配置しても大丈夫ですか、それともこのデザインのUXに関して非常に問題がありますか?

10
prazor9

あなたの提案は明確に理解され、機能します。しかし、要素をレイアウトする別の方法を考えていました。

enter image description here

  • タイトルはダイアログ全体を指すので、中央に配置できます
  • 配送および発送されたチェックボックスがメインのチェックボックスの方向を壊していた
  • 「すべてリセット」は、すべてのチェックボックスの選択/選択解除として機能します(または前者のみ)。そのため、このチェックボックスが通常表示される場所(上部)に配置します。ユーザーの期待に応える

その他の注意事項:

  • ボタンを非表示にしないで、チェックボックスが選択されたときに突然表示されないようにします。不透明度を下げて非アクティブにし、対応するときにアクティブにします。このように、ユーザーは最初からそのオプションを知っています。
  • ボタンを使用する便利な方法は、「すべて選択解除」ではなく、「すべてデフォルト値にリセット」です。これはあなたのケースに依存しますが、おそらくテーブルを理解する必要があるため、または推奨フィールドを表示したいために、デフォルトと見なすことができる一連のオプションがある場合、それをユーザーに送信することをお勧めします。
5
Alvaro

短い答え:左下に[すべてクリア]ボタンを配置しても問題ありません。

長い答え:ユーザーがこの画面にアクセスするために行った場所、ユーザーの動機についてもっと知る必要があるため、サイトのUXについて話すのに十分な情報がありません。 、など.

UIについて説明することもできますが、これは単純なオーバーレイであるため、実行することはほとんどありません。

それでも、それだけの価値があるので、いくつかの点に興味があります。

  • フィルターが水平線で区切られているのはなぜですか?ユーザーにとって、上と下の違いは何ですか?ユーザーに通知しようとしている別のフィルタリングメカニズムはありますか?もしそうなら、これはあなたのスクリーンショットから明らかではありません。
  • 「配送済み」と「配送済み」は少し寂しいです。とにかくそれらは何ですか-どちらも選択しない場合、どのデータを取得できますか?両方を選択した場合はどうなりますか?多分ラジオボタンがより適切でしょうか?または「配信ステータス」チェックボックスを削除しますか?
  • ここにはたくさんの空きスペースがあります。2つの横断面よりも2列のほうが見栄えがよくなります。
  • 明確にするために、「すべてリセット」の代わりに「すべてクリア」を使用します(ボタンは実際にはリセットを実行しません-「適用」をクリックすると発生します)が、これは個人的な好みにすぎません-ユーザーに話しかけて、彼らが好むものを見てください。
  • 上記すべてに対処した後、すべてクリアボタンの位置は、適用ボタンの近く、またはヘッダーの横の方がよい場合があります。そうでない場合も、ユーザーの考えを確認してください。どちらにしても、ボタンを効果的に使用できると確信しています:)

それが役に立てば幸いです(あなたが求めていたものではないとしても申し訳ありません!)

5
cheersphilip

リセットオプションの位置が正しい位置、つまり左側にある。他のボタンで右側に配置され、ユーザーが誤って[適用]ではなく[リセット]をクリックした場合。リセットする代わりに、テキストをすべてクリアに置き換えることができます。

3
NB4

ユーザーが上から下に向かって作業する傾向があることを考えると、あなたの立場は理にかなっていると思います。ただし、配置と同じくらい重要なのは、視覚的な外観と遷移です。太字/赤のスタイルは適切な注意を喚起します。注意を引くために、迷惑ではない微妙なアニメーションを使用することもできます。

2
casey decker