web-dev-qa-db-ja.com

値が選択されたら、フィールドはどのスタイルを持つべきですか?

chossen valye should be op1 or op2

ドロップダウンフィールドの入力スタイルに取り組んでいます。値が選択された後のオプションは2つあります。デフォルトのフィールド状態は上部に表示され、空の状態と同じ境界線の色を持っています。 2番目のオプションには、値と同じ色の境界線があります。どちらのバージョンがよりよく通信しますか?

1

一貫性は優れたUIデザインの中心です

正当な理由がない限り、ドロップダウンセレクターのテキストの重みと色、および入力境界線の太さはすべての状態で同じである必要があります

あなたのケースでは、「値なし」状態のテキストをグレー表示すると、フィールドが無効なものと間違えられる危険性があり、境界線の太さを増やすと気が散り、フォームのレイアウトに関する技術的な問題のリスクが高まります。

古くからある格言がここに当てはまります:

[〜#〜] kiss [〜#〜](シンプルに、バカにしてください)

1
dennislees

私にとっては、オプション1の方が強力ですが、デフォルトの空の状態ではコントラストが不足しています。無効状態と間違える場合があります。テキストを少し暗くすることをお勧めします。

2番目のオプションでは、入力フィールドが現在フォーカスされているという印象が強すぎます。エラーとアクティビティを伝えるために、境界線の変更(色)を予約する必要があります。

何かが選択されていることを明確にしたい場合は、次または入力フィールド内にチェックマークを付けることができます。あらかじめ入力されていると人々が考えるのではないかと心配している場合は、スマートデフォルトを利用できます。

states

1
Wendy Wojenka