フォーム入力をリアルタイムチェックすることでコンバージョン率が22%アップ

[対象: 全員] フォームを入力するときの離脱率、ECサイトで言えば“カゴ落ち”を減らすための1つの手段を今日は紹介します。 “Inline Validation”（インライン・バリデーション）がそれです。 インライン・バリデーションとはフォームを入力する際に入力項目が正しいかどうかをリアルタイムでチェックする仕組みです。 日本語での適切な言葉を見つけることができなかったので、「インライン・バリデーション」という用語をこの記事ではそのまま使います。 フォーム入力時のエラー通知でよくあるのが下のキャプチャのようにすべての項目を入力し終わって送信ボタンを押した後にページのトップにエラー内容が表示されるパターンです。 ポップアップでウィンドウが出てきてエラーを通知するパターンもありますね。 後からの通知はいちいちその場所に戻って直さなければなりません。 しかもページトップの表示されるので下にスク

[genzowak]

登録フォームに実装するためのメモ。巻き込んでやっていこう！

[vitaminsii]

成功率が22%向上／エラー発生率が22%減少／満足度評価が31%向上／入力完了までの時間が42%減少／視線が移動する回数が47%減少　→フォームにはリアルタイムチェックが必須として考えて、今後のWeb制作に活かしていこう。

[matuix]

1.成功率が22%向上 2.エラー発生率が22%減少 3.満足度評価が31%向上 4.入力完了までの時間が42%減少 5.視線が移動する回数が47%減少

[diveintounlimit]

jQueryとかJavaScriptのプラグインが充実してきたおかげで、インラインバリデーションはかなりやりやすくなった。プログラム側で項目ごとにエラーメッセージ出すのって面倒くさくってもう。

[rryu]

インラインバリデーションにすると良くなるというのはIAとデザがちゃんと考えるからじゃないかと思うようになった。エラー表示は大抵の場合指摘しないと設計もデザインもされない。

[tktktktjp]

　コンバージョン

[poppen]

[http://www.delicious.com/poppen/]

[ksk0531]

フォーム改善用の資料

[MIZ]

ホントは全角半角なんてサーバ側で変換すべきものだよなあ、と本筋から外れた感想をつい。

[suama0]

大事

[akahigeg]

jQueryさんのおかげでインラインバリデーションも簡単に作れる昨今

[kangsungyang03]

お～なかなか良い数値データー

[starneon3517]

フォームのデザイン性だいじ

[gayou]

慣れない開発者にとってはめんどくさいことだろうけど、大切な事。

[ike_aiji]

フォームこそ"できる事"から考えではダメ。

[kojika17]

フォーム入力をリアルタイムチェックすることでコンバージョン率が22%アップ | 海外SEO情報ブログ