web-dev-qa-db-ja.com

リストの上または下に検索/フィルターを配置しますか?

1つのフォントを検索して選択し、フォントのリストをフィルターする方法を提供するダイアログボックスをユーザーに提供します。

検索ボックスをリストの上または下のどちらに配置するかわかりません。

上:

Filter is above list

プロ:

  • フィルターはすぐに表示されます。

短所:

  • フィルターは実際のリストから注意をそらします。

下:

Filter is below list

プロ:

  • リストをもっと見やすくします。
  • UIかもしれない混乱が少なく見える。

短所:

  • フィルタは上記の場合ほど速く検出されない場合があります。

私の質問:

フィルターテキストボックスはどこに配置すればよいですか? (なぜ?)

5
Uwe Keim

インタラクティブ要素(フィルターコントロール、 コメントボックス など)を要素の上または下のどちらに置くかについてのほとんどの決定では、通常、ユーザーが最初に読んで関与する要素に行き着きます。

この場合、ユーザーがフォントをフィルタリングする前に各フォントを読み取ってほしくないので、私はそれを一番上に置きます。これにより、ユーザーは必要なものをすでに知っている場合はフィルターで絞り込み、知らない場合はスクロールを開始できます。これにより、最小のデバイスでも両方の要素がフォールドの上にあることが保証されます。フィルターを下部に配置すると、選択リストの高さが十分に高い場合、フィルターが画面から押し出される可能性があります。

16
DasBeasto