こんにちは!ウッドフェンスも貼り終わり完成が見えてきた八木です!

今回も素敵フォームの紹介ですが最終回にふさわしく最強の入力フォームを紹介します。
※あくまでも個人の見解です。

過去にも色々な素敵フォームを紹介してきましたが、最近のお気に入りは前回のメールアドレス編で紹介した「エバーライフ」の入力フォームです。

何が【究極】そんなに素晴らしいのか?

  • 電話番号欄には数字以外入力できない
  • よくある困ったを解決するバナーが表示される
  • メールアドレスの補完機能がある
  • エラーアラートが具体的
  • エラー発生時には、間違った項目だけを表示される

上記5点があげられます。
メインターゲットがシニア層ということもあり、かなり入力フォームには気をつかっているようです。

「メールアドレスの補完機能がある」「エラーアラートが具体的」は素敵入力フォーム、「エラー発生時には、間違った項目だけを表示される」はでも紹介している機能です。

電話番号欄には数字以外入力できない

ハイフンが必須、ハイフンが入力不可などフォームによって制御が異なる項目が「電話番号」です。

誤った文字を入力するとリアルタイムにエラーアラートを表示することは弊社サービス「フォームアシスト」でも実施しておりますが、こちらのフォームではそもそも入力出来ないように制御されています。

スマートフォンフォームではinput typeをtelにすることで電話番号のキーボードが立ち上がるようにする工夫はよく見かけますが、PCでこのような制御をしているフォームは初めて見ました。

よくある困ったを解決するバナーが表示される

一定時間が経過するとFlashフォームで見かけるようなお姉さんが出てきて、よくある問合せの内容を表示してくれます。

バナー

説明も分かりやすく、それでもダメなユーザには電話での問合せを案内しています。

一般的にwebのリテラシーが低いと考えられるシニア層を想定して構築されていますが、もちろんどの年代のユーザにも効果が期待できますので、ぜひ参考にしてください。