複雑なフォームでもプログレスバーでわかりやすくしてくれるjQueryプラグイン

ホームページでのコンバージョンの１つがフォームを使った問い合わせや資料請求です。
入力フォームの完了率を上げるには、
フォームの入力項目をシンプルにすることが大切です。
つまり、わかりやすくて面倒臭くないものにすることです。

入力フォームにプログレスバーでわかりやすく

入力フォームで、今どの位置を入力しているのかがわかる面白いスクリプトを紹介します。
Progression.js
入力フォームにフォーカスを合わせると、右側に現在のフォーム入力進捗と入力欄の説明が表示されます。
プログレスバーが必要なほど長いフォームはあまり勧められませんが、
コメントも同時に表示できるのは便利ですね。

フォームのプログレスバー

デモページ

いろんなパラメータが用意されてるので、
ホームページに合ったデザインにすることができます。

ちょっとフォームが複雑だなと思ってる人は、
こういったナビゲーションを設置することで、わかりやすくしてみましょう。

[RelService] [Service]

関連記事:

  1. jQueryで実装するスライドショー
  2. 設置が簡単！郵便番号から自動で住所入力してくれるスクリプト「ajaxzip3」を紹介
  3. テキストを動かしたいならこれ！Javascript(jQuery)で様々なバリエーションの動きを表現できるスクリプト。
  4. スクロールアニメーションでページ内リンクをゆっくり移動させるスクリプト
ホームページの制作・運用のご相談はお気軽に
無料相談について メールでのご相談・お問い合わせ