web-dev-qa-db-ja.com

検索ボックスのデフォルトの状態を「すべて」として適切に伝えるオプションはどれですか。

tl; dr検索ボックスのデフォルト設定は「すべてを含める」です。次のGIFのうち、これを伝えるためのより良いオプションはどれですか。


環境:

数十の可能なフィルターオプションを備えたデータセットのレポートインターフェイスを再設計しています。現在のシステムは使用が非常に難しいため、このバージョンは防御設計に大きく依存しています。

目的は、無意味なデータセットを返す可能性のあるフィルターの組み合わせがないことです。そのため、各フィルターの「デフォルト」状態は、関連するオプションから相互に排他的に注意深く作成されています。

このプロジェクトで初めて検索ボックスを見つけました。

ボックスの現在の実装はこのようなものです。 「空」の状態が「参照を含める」ことを意味する場合:
enter image description here

これまでのところ、この新しいデザインの他のすべてのフィルターとの整合性によると、検索ボックスは次のようになります。 enter image description here

これらのオプションのいずれかについて予約があります。私にとって、最初のオプションは、2番目のオプションほど明確かつ相互排他的にデフォルトの状態を伝えていないようです。ただし、2番目のオプションでは、最初のオプションよりも多くのクリックが必要です。

助けてください!

14
Andrew Harvey

最初のオプションを変更することを強くお勧めします。

2番目のオプションは、ユーザーが行う必要のないプログラムによる手順(ドロップダウンから選択)を導入します。このプログラムによる手順が「安全なキャッチ」として機能するための要件はないので、そこにあるべきではありません。

最初のオプションには意味上の問題があります-空のフィールドはすべてが含まれていることを意味することをユーザーに伝えることは困難です。これは、ユーザーがそれを理解する方法を変更することで解決できます。ラベルを「フィルター参照」に変更すると、フィールドの目的が結果を「制限」するように変更されます。空のフィールドは「制限なし」を意味し、入力されたフィールドは結果をフィールドでの言及に制限します。

60
Andrew Martin

2番目のオプションからクリック数を減らす1つのオプションは、フォームに追加の行を含めることです。フォームには、ユーザーが具体的に検索するか、または参照を検索するかを決定できます。簡単なチェックボックスを追加して、これを容易にすることができます。

これは、次の2つの手順で行うことができます。

enter image description here

参照を検索する場合:

enter image description here

4
RobbyReindeer

フィルターを2つの部分に分割するだけです。

  1. 現在の検索フィルターの表示
  2. 適切なフィルターを検索するための入力フィールド

初期状態:


Empty Filter


入力後:


enter image description here


次に、JavaScriptを介して2つの部分を同期し、フィルターがアクティブなときに他の視覚的キュー(フィルターアイコンなど)を表示できます。また、フィルターがアクティブになると、オプションでresetボタンを提供できます。

3
Falco

2番目のオプションを使用します。ただし、ラジオボタンを使用して[すべての参照]または[参照の検索]を選択するように変更します。

  • 参照
  • 参照の検索[_____________]

[参照の検索]ラジオボタン入力が選択されている場合は、[参照の検索]の右側のテキスト入力フィールドが有効になり、それ以外の場合は無効(グレー表示)になります。

1
jkdev

最初のデザインでは、プレースホルダーテキストは単に「すべて」または「空白のままにしてすべての参照を含める」と言うことができます。これらのどちらでも、フィルターの動作がユーザーに通知されます。

2番目の設計では、最初のドロップダウンリスト項目「デフォルト(任意の参照)」の表現は、「デフォルト」を使用しているため、混乱を招く可能性があります。おそらく「すべての参照」がより明確になるでしょう。

「デフォルト」という言葉は誰もが理解できる言葉ではなく、デフォルトの参照でフィルタリングすると誤解される可能性があります(アイテムの作成時にデフォルトの参照がある場合)。

最初の設計は、他のWebアプリの動作に近く、ほとんどのユーザーにとってより馴染みのあるものです。使用スペースも少ないです。

1
Joe Boon