フォームフィールドの形状と使いやすさ/変換率-ボックスとマテリアルデザインライン
フォームフィールドの形状に関するユーザビリティ調査があったのかと思っていました。マテリアルデザインで一般化されているラインフォームフィールドを使用すると、ユーザビリティの問題が発生するかどうかに主に関心があります。
私の直感は、より古く、知識の少ないユーザーは行をフィールドとして表示しない可能性があることを教えてくれます。誰かがコンバージョン率に何らかの影響を見たのかどうか知りたいですか？
ジョナサン
Nielsen Norman Groupが述べたように、フラットなデザインはユーザー効率が低くなります ここにリンクの説明を入力してください
使いやすさのために、ラベルを常に表示しておくことをお勧めします。フラットなデザインはより審美的であり、すっきりとしたフォルムを提供します。ただし、ユーザーは静的テキストからテキストフィールドを認識するために特別な注意を払う必要があります。
「ラベルの交換」オプションは、両方のオプションのバランスを取ります。
別のユーザーグループと別の製品で両方を試しました。私が気付いたのは、オンラインバンキング、請求書の支払い、さらには政府関連の取引のような正式な取引を行う人々が、ボックスに非常に慣れていることです。同じグループがカジュアルなものに対してフォームの塗りつぶしを実行すると、行（ユーザーがタップ、クリック、入力、操作すると、塗りつぶしの上にラベルが再表示される場合のみ）機能し、レイアウトが維持されます掃除。
トピックにさらに価値を追加するためです。 Googleでの調査は2017年に行われました。テキストの残りの部分は、記事の抜粋です マテリアルデザインのテキストフィールドの進化 。
2つの研究の結果は、テキストフィールドのこれらの要素が最も価値があることを示しました。
- 四角形（ボックス）の形状で囲まれたテキストフィールドは、ラインアフォーダンスのフィールドよりも優れています。
- テキストフィールドボックスは、半透明の塗りつぶしと最下行、または完全に透明な塗りつぶしと不透明なストロークで表す必要があります。
- テキストフィールドの線またはストロークの色のコントラストが、背景との最小3：1コントラスト比を満たしました
- ラベルテキストは、テキストフィールドボックスの境界内に配置する必要があります
- テキストフィールドの角は丸くする必要があります