フォーム最適化3ステップその2:入力途中離脱を減らす5つのEFO基本施策

フォーム最適化改善施策、いわゆるEFOの入力支援機能は、
大きく3段階に分けることができます。

ア)直帰を減らす
イ)入力項目ごとの入力途中離脱を減らす
ウ)入力が終わった後の送信途中離脱を減らす

今回は、イ)の「入力項目ごとの入力途中離脱を減らす」ためには、
どうしたら良いかについて考えてみたいと思います。


適切なメッセージをリアルタイムに表示することで、ユーザーをゴールまで導く

ユーザーは移り気なもの、という大前提

例えば、オンラインバンキングで家賃を振り込む…など、
内容が生活に直結したものでない限り、
入力完了までのハードルは「極めて高い」という前提で考えるべきです。

フォームでユーザーに送信完了してもらうためには、
合計でいえば、20個くらいでしょうか、数ある入力項目の1つ1つに
必要な情報を入力していってもらう必要があります。

クリック1つで他ページや他サイトに移動できてしまうわけですから、
ちょっとでも嫌に感じることがあれば、
ユーザーは、すぐにフォームから離脱してしまいます。

そのため、フォームは極力シンプルなものにするのが鉄則です。
・入力項目は必要最低限に絞り込む
・できれば、ファーストビューに収める
・できれば入力ページは1ページだけにする
などが、よく言われる鉄則ですよね。

…といっても、サイトの運営状況によっては、
「フォームは、もう公開してしまった…」
「いますぐ手直しするわけにもいかない…」
という場合も多いと思います。

では、今あるフォームはそのままに、それをいかに使いやすくするか。
そこでEFOの入力支援機能です。

フォームは「ハードル走」、EFOは入力項目ごとにつけた「専属コーチ」

フォームは、ユーザーが入力項目というハードルを1つずつ越え、
送信完了(コンバージョン)というゴールを目指す「ハードル走」のようなもの。

EFOの入力支援は、そのハードルをどうやったら越えていけるかを
ユーザーにアドバイスしてくれる、案内役=コーチみたいなものです。

入力支援機能の利用によって、
ハードルごとに、いかに適切なコーチをつけるか、がポイントになるでしょう。

入力項目ごとに用意する、ユーザーへの「アドバイス」

ユーザーがスムーズに1つ1つのハードルを越えていけるように、
入力支援機能を使って案内しましょう。

応援【1】越えるべきハードルはどれか=「必須項目の背景色

ユーザーが本当に越えなければならないハードル(入力項目)は
どれなのかを伝えるための「地図」を示す機能。

応援【2】事前のアドバイス=「項目フォーカス時のメッセージ表示

ユーザーがハードル(入力項目)を越えるための事前のアドバイス。
入力項目にマウスカーソルがあたった状態(フォーカス時)に、
「半角英数で入力してください」などのメッセージを表示します。

応援【3】お手本=「プレースホルダー

ハードル(入力項目)を越えていくためのお手本みたいなもの。
電話番号なら「03-6272-8991」のように
テキストフィールドに例示された文字列ですね。

応援【4】事後のアドバイス=「入力内容エラー時のメッセージ表示

それでも、ハードルを越えられなかったユーザーのために。
再挑戦を促すための事後のアドバイスです。


プレースホルダで例示、入力後はリアルタイムでエラー表示。ftra EFOならフキダシの色もメッセージ内容もリアルタイムに変更可能です。

応援【5】総監督=「ガイド

「必須項目はあと5個です」など、ユーザーの入力内容に応じて、
リアルタイムにゴール(入力完了)までの道筋を、メッセージで示します。


ゴールまであといくつ…ガイドでゴールへ導きましょう。

エフトラEFOなら、管理画面からリアルタイムで反映可能です

これらの機能は、どれも、入力支援機能として必要不可欠と言えます。

エフトラのEFOをご利用いただければ、
専用の管理画面を通じ、数ステップの操作で、
これらの機能が、すべてリアルタイムで実現&反映可能です。

入力支援機能を使って、フォームにやってきたユーザーが
送信完了というゴールに達するまでの案内をしてみませんか?

次回は、ウ)入力が終わった後の送信途中離脱を減らす
について考えてみたいと思います。

続きはこちら:フォーム最適化3ステップその3「送信途中離脱を減らす」

著者:田中慶樹

この記事が気に入ったら
いいね!しよう

UI改善ブログの最新情報をお届けします

エフトラEFO機能アイコン

UI改善ブログを運営する株式会社エフ・コードでは
UI改善の基本施策を簡単に実施できる「エフトラEFO」「エフトラCTA」を開発しています。

エフトラEFOサイトへ エフトラCTAサイトへ

UI改善ブログ by f-tra の購読

当ブログの更新情報は以下の各種アカウントから購読できます。

メールマガジンを購読する

ブログの更新情報やセミナーのお知らせなど、
UI改善に関する情報を1~2週間に1回お届けします。

メールアドレスを入力

 購読解除はいつでも可能です

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です