web-dev-qa-db-ja.com

ドロップダウンリストがコントロールの下ではなくコントロールの前に表示される利点は何ですか?

元々、ドロップダウンリストは、コントロールの下(またはスペースが制限されている場合はその上)の静的な位置に表示されていました。

Old style drop down example

ただし、最近のユーザーインターフェースでは、これらのリストは表示されます(つまり、上のレイヤー)コントロールのリストで、選択されたアイテムが正確に同じ位置に表示されるようにリストが動的に配置されます。

New style drop down example

新しい行動が有利になり、受け入れられるのはなぜですか?

6
ADTC

隣接する値を選択する場合、オーバーレイは速いです。

font size combo-box

次の(または前の)値を選択すると便利です...

  1. フォントサイズを少し大きく(または小さく)します。
  2. リスト内の各フォントを(一度に1つずつ)「試してみて」、「正しい」フォントを見つけます。
  3. 製品注文時に数量を変更する。
  4. (マウスで)オーバーシュートし、間違ったオプションを選択した後、正しいオプションを選択します。

サイドノート:上揃えのラベル(例では「フォントサイズ」)は、オーバーレイによって一時的に隠されます。この問題を回避するには、ラベルを左側に配置します。

10
two-bit-fool

おそらく2つのことの少し。

  • マウスの動きの減少
  • スペース消費の削減
1
Dirk v B