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. クライアントを納得させるWebデザイン制作&プレゼンのコツ_後編…

    Webサイトのデザインは、デザイン自体のクオリティもさることながら、まずはクライアントに納得してもら…

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

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

  3. CTRが約300%UPしたオウンドメディアも。SNSシェアボタン…

    多くのWebサイトに設置されているFacebookやTwitterといったSNSのシェアボタン。ペー…

  4. アイコンとあわせてフラットデザインに活用したい無料フォント&ベク…

    Webサイトにフラットデザインを取り入れる際は、アイコンのデザインやレイアウト、文字情報の配置に気を…

  5. 観光や教育関連のサービスとも相性抜群のバーチャルリアリティ(VR…

    Youtubeなどの動画配信プラットフォームに加え、無料の動画素材や編集アプリなども身近になったいま…

  6. 誰でも簡単にインフォグラフィックを作成できる無料ツール

    数値とイラスト、図形、グラフなどを組み合わせビジュアル化することによって、複雑な情報も直感的に伝える…

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

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

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

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

PICKUP

PAGE TOP