noteで書く今日は、「良いフォームとはどんなものか」を考え、コンバージョン率をアップさせる入力フォーム最適化(EFO)の基本を紹介します。問い合わせフォームや申し込みフォームなどを改善するヒントにしてください。良いフォームとはどんなものかEFOを考える前に、まず「良いフォーム」というのは、どういうものかを考えてみましょう。企業側から見ると、良いフォームとは次のようなものではないでしょうか。申し込み数(フォーム入力完了数)が多いターゲットに合った顧客層の申し込み数が多いターゲットでない顧客層の申し込み数が少ない問い合わせ(「どうすればいいんですか?」などのサポート的なもの)が少ないまぁ、フォームの話題なので上記の「数が多い」というのは「率が高い」ということなのですが(訪問者数を増やせば、数は増やせるので)、ここは、わかりやすさのために「数が多い」としています。入力フォーム最適化(EFO)の4つの基本では、入力フォームをどのように改善すれば、良いフォームにできるのでしょうか。基本としては、フォームを次のような状態にするための改善ということになるでしょう。入力項目数が少ないEFOの基本ですね。入力項目は少なければ少ないほうがいいです。関する項目」は、可能な限り減らしましょう。マーケの人は「社員数も聞いておきましょう」「電話番号も聞きましょう」と言うものですが、「それは何のために聞くの?」「入力されたデータをどう利用するの?」と強く聞いて、本当に必要な項目かどうか、検討しましょう。ユーザーが入力するのにストレスがないWebユーザーは「面倒だ」「なんかイライラする」と思ったら、途中で放り出してしまうものです。「かな」「カナ」などの入力文字種を強制しない(入力された値をフォームやサーバー側で自動変換する)郵便番号を入力したら住所も自動入力できるようにするメールアドレスをユーザー名部分とドメイン名部分別々に入力させない(コピペできなくなるので)ラベルとフォーム要素が関連付けられていて選択しやすい入力作業全体のなかで、いまどの段階にいて、あとどれぐらいで作業が終わるのかをイメージできる項目の並び順がユーザーの脳味噌がイメージするものと合っている最後の項目はちょっとわかりづらいですが、たとえば都道府県が文字コード順に並べられていると、自分が選びたい県名を探しづらくなりますよね。地名は、次のような標準仕様に準じた並び順にしましょう。X0402の市区町村コード総務省の統計に用いる標準地域コードまた、入力エラーはフォーム送信後にエラーを表示するのではなく、できるだけ入力中にJavaScriptなどでチェックしてその場で修正してもらえるようにするというのも、ユーザーのストレスをなくすのに良いでしょう。各項目にどんな内容を入力すべきなのかわかりやすいたとえば、次のようなことですね。入力例が具体的に示されている入力要素とラベルがわかりやすい位置関係にあって、目線があちこち移動しなくてもスムーズに入力できるユーザーを逃さない残念ながらユーザーは移り気です。フォームと関係のない他のページへのリンクに気を取られてクリックしてしまうと、戻ってきてくれない場合もあります。フォーム入力に関係のないリンクは、できるだけフォームページには置かないようにしましょう。本当に効くのは「入力する気の促進」と「不安の解消」でも実は、良いフォームを作るには、次のような要素が一番大切なのではないかと思っています。そのフォームを入力することで得られるメリットを、あらかじめ理解してもらえている得られるメリットが、入力の手間や面倒よりも大きければ、入力を進めてくれます。フォームを送信すれば間違いなく1億円もらえるのならば、多少は面倒だったり作りが悪いフォームだったりしても、がんばって入力しますよね。フォームにたどり着いたユーザーが、すでにそのフォームを送信する気になっているというのは、大きなポイントです。そのためには、フォームに入力して得られるメリットを、明確に、ユーザーのニーズに合う形で、ちゃんと伝えるようにしましょう。そのフォーム入力・送信に関する不安を、あらかじめ解消できている1億円もらえるといっても、代わりに一生奴隷になるといった条件が付いていたり、相手が暴力団だったりしたら、怖くて申し込めないですよね。そもそも、「そんなことがあるはずがない、詐欺だろう」という疑いがあるはずです。した不安を、フォームに至る前(またはフォームを入力中に気になるタイミング)で解消できているというのは、大きなポイントです。ユーザーは、いろいろな不安を抱えています。クレジットカード番号や個人情報を入力して大丈夫なのか本当に商品が届くのか(この会社が信用できるのか)このフォームを送信したら後から営業電話がかかってきて面倒なんじゃないか自分のような人間は相手にしてくれないのではないかどんな不安を解消するべきなのかを知るには、ただ想像するだけでなく、実際のユーザーを観察したりヒアリングしたりするのが一番です。前述のフォーム改善は、ユーザーが面倒だと思って離脱してしまわないようにするものですが、そもそも「多少面倒でも、ぜひ入力したい」と思ってもらえばいいのです。フォームを細かく修正しても、完了数は数パーセント~2桁パーセント程度の改善というのが一般的ですが、この部分を改善するだけで完了数が10倍以上になったという事例も、実際にあります。ちなみに、前述の基本ルールに「他のページに離脱するリンクをなくす」というものがありましたが、単純にリンクがなければいいのではなく、ユーザーが抱いた不安を解消できるようにするリンクはアリだと思っています。その他のフォーム改善に関する情報おまけとして、ここ最近で気になったフォーム改善に関する情報をメモしておきますね。Note)非常に参考になります。Web担のフォームも、この記事を参考に改善しました。人のフォーカスを笑うな(ネコメシCEOブログ)「勝手に入力フォームのフォーカスを変えるな」という話題。勝手にエントリーフォーム比較分析(エフトラEFOブログ)エフコードさんが、いろんな業種のサイトのフォームを勝手に分析しています。CONT-ROLL(コントロール)(ミスターフュージョン)和製のA/Bテスト・多変量テストのツールで、安価に利用できます。「Web担当者Forum」編集長。個人としては、技術とマーケティングの融合によるインターネットのビジネス活用の新しい姿と、ブログ/CGM時代におけるメディアのあるべき姿を模索し続けている。趣味は素人プログラミングと上方落語と南インドカレー。AdWordsが消滅、18年の歴史を終え「Google広告」へ。最近(過去90日間)の記事で、Facebookの「いいね!」が多かった記事をお見逃し無く。ネット広告への強い嫌悪感、テレビや新聞の倍以上に。いいね!伝説のTwitter企業アカウント“中の人”の先駆け。いいね!私は変人コレクター。・2019年】フリマアプリは、新品購入の意欲も上昇させる。#10「おもてなし」は思考停止ワード。各週の人気記事ランキング記事を見るはてなブックマークですべての人気記事を見る今日の用語CTR広告がクリックされた頻度を表す。「おもてなし」は思考停止ワード。2/24~2/28のマーケティング、インサイドセールス、データ分析、EC、SEOなど他社セミナー情報52件Web担編集部がゼロから学ぶ、Tableau「BI講座」。Patterns』を3名様にプレゼント!【受付終了】企業がDXに向かう取り組み方を考える『デジタルファースト・ソサエティ』を3名様にプレゼント!すべて見るインフォメーションWeb担のメルマガを購読しませんか?Web担の記事がコンパクトに毎週届くメールマガジン「Web担ウィークリー」は、10万人が読んでいる人気メルマガ。忙しいあなたの情報収集力をアップさせる強い味方で、お得な情報もいち早く入手できます。編集後記サイトマップFAQ(よくある質問とその答)Web担に広告を掲載しませんか?購読者数10万人のメールマガジン広告をはじめとする広告サービスで、御社の認知向上やセミナー集客を強力にお手伝いいたします。