実践
よりよいメールアドレス入力欄を求めて
5

デザイナーが作成したフォームデザインをHTMLに落とし込む作業をしましょう。フォームをマークアップする際、エンジニアがどんなことを念頭に置いて設計しているのか、その意図をみていきます。

坂巻 翔大郎
坂巻 翔大郎 | フロントエンド・エンジニア

デザインの考察の後編です。今回は、確認用のメールアドレス表示、登録ボタン、エラー通知部分のデザインを検討しています。どのような点に着目し、何に配慮しているかを見てみましょう。

小原 司
小原 司 | UIデザイナー

シリーズで検討してきたUIを、実際のデザインに落とし込んでいきます。デザインはUIを含め、一連の操作をまとまったひとつの全体としてユーザーに届けるために、とても重要なものです。

小原 司
小原 司 | UIデザイナー

繰り返し入力を求めるメールアドレス入力欄が抱えていた、問題点の洗い出しができました。それを元に、新たなUIを考えていきます。

小原 司
小原 司 | UIデザイナー

メールアドレスの入力欄において、誤入力回避として繰り返し入力を求めるという方法はよくあります。しかし、もっとよい誤入力回避方法はないのでしょうか。まずはその問題点を洗い出します。

小原 司
小原 司 | UIデザイナー