menu

EFO(入力フォーム最適化)に役立つ、無料で使えるjQueryプラグイン4選

制作

ECサイトだけでなく、会員登録やアンケート、問い合わせなど、多くのWebサイトに設置されている入力フォーム。あるリサーチ結果によれば、約70%のユーザーが入力フォームの記入必須項目が多すぎるために離脱しているというデータがあります。

また、使い勝手の悪さや頻発する入力エラーも、同じようにユーザーの離脱を招きます。Webサイトの制作・運営に携わるなら、EFO(入力フォーム最適化)は欠かせないミッションの1つです。

EFOに取り組む場合、無料で提供されているjQueryのプラグインを使うのがおすすめです。jQueryとは、JavaScriptの記述を簡易化できるライブラリ。プログラミングにそれほど詳しくない人でも、jQueryを使えばわずか数行の記述で必要な機能を実装することができ、多くのWeb制作会社でも利用されています。無料で使えるjQueryプラグインをご紹介します。

jQuery Show Password Plugin
多くのWebサイトの入力フォームでは、他人に見られるのを防ぐため入力したパスワードが非表示に設定されていますが、見えないゆえに確認できず、誤入力を招くこともあります。「jQuery Show Password Plugin」を導入すれば、入力したパスワードの表示/非表示を切り替えることができるようになります。

FormTips
「ここに氏名を入力してください」というように、入力窓に薄い色のフォントでテキストを表示させることができるプラグインが「FormTips」です。あらかじめ必要な文言を入れてユーザーを誘導することによって、入力エラーや入力のし忘れを防ぐことができます。

jQuery Validation Plugin
Eメールアドレスの形式が間違っている場合や、不正なURLが入力された際に、テキストボックスの下に赤いフォントのエラーメッセージを表示させることができます。ユーザー側は送信前に間違いに気づくことができるので、「何度も修正してストレスが溜まり離脱‥」といったケースを防げます。

AutoTab
電話番号や郵便番号などを入力する際、一定の桁数に達すると次のテキストボックスに自動で移動させることができるjQueryプラグインです。入力必須項目の多い場合などには重宝するかもしれません。

Web制作に関するご依頼、ご相談、お見積はこちら

小野 良勝 代表取締役

投稿一覧

横浜の制作会社アイティネットの代表取締役。WEB、モバイル、DTP、デジタルサイネージを事業展開。それぞれの特性を活かした メディアミックスを得意とする。iPhoneやiPadを活用したBtoB向けのアプリケーションを開発。モチベーションの高い人や異業種との交流がたまらない。華の47年組。趣味はオートキャンプ

エリアマーケティングとも相性抜群。行動ターゲティングLPO

ARAIYA NEST | 肉汁じゅわっと溢れ出る国産黒毛和牛

関連記事

  1. 再生回数230万回。参考にしたいブランディング動画Android…

    Webサイトの制作・リニューアルに明確な目的に設定が必要になるのと同じように、動画コンテンツを活用す…

  2. Webディレクターなら正しく理解しておきたい、HTML5の4つの…

    2014年10月に勧告され、さまざまなWebサイトで使われているHTML5。国内でも無印良品などHT…

  3. 無料素材とあわせて動画コンテンツ作成に活用したい、無料編集ツール…

    コストを抑えて動画コンテンツの制作・公開するために、動画素材の無料ダウンロードサイトとあわせて使いた…

  4. ハイクオリティな動画素材を無料でダウンロードできるWebサイト3…

    従来のリスティング広告やバナーに対して圧倒的に多くの情報量を伝えられ、商品開発の陰に隠れたストーリー…

  5. 短時間で効果的なバナーを作成するために押さえておきたい3つのポイ…

    インターネット黎明期から業種・目的を問わずあらゆるWebサイトで使われてきたバナー。動画やSNSをは…

  6. マルチタスクを効率的に管理。スムーズなプロジェクト進行に活かせる…

    「納期までに間に合わず、実装予定の機能を絞らざるを得なかった‥」、「プロジェクトの進行が滞ったことで…

  7. Webサイトに動画コンテンツを取り入れるメリット&実際の制作費

    Youtubeをはじめとした動画配信プラットフォームが普及し、スマートフォンで場所・時間を問わず動画…

  8. Webページの目的に合わせて意識したい「ジャンプ率」とは?

    スクロールに合わせて時間差でコンテンツが表示されるパララックスデザインなど、常に進化し続けているWe…

PICKUP

PAGE TOP