注目!フォームの入力エラーをリアルタイムで指摘してコンバージョン率を22%アップ!

mistake
人間は誰でもミスをします。 入力ルールが分かりにくかったり、項目数が多いフォームなんかだと、なおさらです。   そんなときに、思わずイラっとしてしまうのがこちら。   送信ボタンを押した後に表示される問い合わせフォームのエラー   そう、問い合わせフォームを入力し終わって、送信ボタンを押した後に表示されるエラーです。   エラーが2回も続こうものなら、登録や問い合わせを諦めて、他のことを始めてしまいます。せっかく入力した内容が全て消えたりしていたら、一発アウトです。   では、このような入力エラーによる離脱を防ぐ簡単な方法は何でしょう。   どうすればユーザーにイラっとされることもなく、快適にフォームを埋めてもらい、みんながハッピーになれるのでしょうか。  

入力ミスはその場で指摘する

上記の原因を簡単に解決する方法があります。   それは入力時にエラーをすぐに指摘してあげることです。   これを、Inline Validation(インライン・バリデーション)と言います。   以下の動画を見てください。     入力をその場でチェックして、OKか再入力を求めているのが分かるでしょうか。   この方法を導入することで、ユーザー体験を改善し、コンバージョン率をアップすることが可能になります。  

コンバージョン率が22%アップ

それでは、このように入力エラーをすぐに指摘することで、どのような効果が得られたのでしょうか。   Luke Wroblewskiは、実験から以下のような結果が得られたと報告しています。  
  • コンバージョン率が22%アップ
  • 入力完了後のエラーが22%減少
  • ユーザーの満足度が31%アップ
  • フォームの入力にかかる時間が42%減少
  • 視線を移動する回数が47%減少
  視線を移動する回数については、以下のような資料が添えられています。   error3  

入力エラーをすぐに指摘するコード

javascriptを使用することで、入力エラーをただちに指定することが出来ます。  
このノウハウを今すぐ試してみたい方はこちら! 『フォームの入力エラーを吹き出しで教えてくれるJavascript

(鷹の島さま)

 
具体的なスクリプトは、こちらの記事の一番最後にもありました。 『Really simple inline javascript validation
  ぜひ試してみてください。

【この記事を読んでいる人はこんな記事も読んでいます。】

  • さらなるコンバージョンを得る!サンクスページの7つのアイデア
  • 今すぐやりたい!サイトの表示速度を改善して利益を増やす10の方法。
  • A/Bテストの進め方が丸分かり!79%コンバージョン率を改善した事例を徹底解説!
  • コンバージョン数を10%以上跳ね上げる!今すぐ試したい7つのA/Bテスト!
  • 超簡単!サイト訪問者をコンバージョンする7つのシンプルすぎる方法。
  • この記事は役に立ちましたか?シェアして頂けると嬉しいです!

    ジャックアンドビーンズ

    →【無料】このような記事を定期的に読みたいと思いますか?

    【もっとwebマーケティングを学びませんか??】
    毎週水曜夜8時に魅力的な最新記事を受け取る!
    グロースハックのノウハウを見逃さない
    コンバージョン率を上げる情報を手に入れる!

    ※ブログの情報はこちらでも配信しています!

    follow us in feedly

    J&B Laboの関連記事

    色香を放つ流し目美人素材

    ドキドキだけじゃない。美人はコンバージョンも与えてくれる

    ...

    記事を読む

    検索リマケアイキャッチ

    検索リターゲティングでコンバージョン率が3倍に!?

    ...

    記事を読む

    increase-speed

    今すぐやりたい!サイトの表示速度を改善して利益を増やす10の方法。

    ...

    記事を読む

    Marketing_Copywriting_4_Magic_Words_to_Increase_Ecommerce_Sales

    覚えておきたい!これがランディングページでの効果的な色使いだ!

    ...

    記事を読む

    shopping-cart

    カートでの購入中断は終わりではない。コンバージョンへの始まりだ!購入を中断したユーザーをリカバリーしよう!

    ...

    記事を読む

    この記事をシェアする

    J&B Laboの新着記事