フォームアシストのデザイン変更事例

フォームアシストのデザイン変更例

東急カード株式会社様EFO成功事例

「フォームアシスト」でスマートフォンに合わせた最適なレイアウトに変更しCV率が6.9pt改善！

アコーディオン化によるCV率改善事例

任意項目をアコーディオン化しデフォルトで非表示に変更。その結果、ページ全体が短くなり入力が簡単そうな印象を与える事に成功。入力を開始するユーザーも増え、CV率も7.3pt改善。ページを短く見せ、必要最低限の入力で終えてもらう事が重要です。

※月間来訪ユーザー数が10,000人の場合⇒月間CV数が730人増加・年間CV数は8,760人増加（730人×12か月）

ボタンサイズ変更による改善事例

CTAボタンのデザインを変更した事例です。「次へ進む」ボタンの視認性が高いデザインを採用。次ページへの動線が明確になりました。誤操作による前ページ戻りのリスクも抑えられ、結果的にCV率が5.0pt改善。

※月間来訪ユーザー数が10,000人の場合⇒月間CV数が500人増加・年間CV数は6,000人増加（500人×12か月）

カラム構成変更によるEFO成功事例イメージ図

入力欄を1カラムに変更した事例です。項目間のカーソル移動の手間が減り、郵便番号項目の離脱率が2.2pt改善しました。この施策は「姓名」・「セイメイ」・「電話番号」項目にも適用出来ます。

「姓名」・「セイメイ」両項目を2カラムから1カラムにした場合、合計2回分のカーソル移動を削減、「電話番号」を3カラムから1カラムに変更した場合も2回分のカーソル移動を減らせますね。

「郵便番号」・「姓名」・「セイメイ」・「電話番号」全て1カラムに変更した場合、4回分のカーソル移動を削減可能です。

※郵便番号項目の月間アクセス人数が1,000人の場合⇒月間22人の離脱を削減・年間264人の離脱を削減（22人×12か月）

任意ラベルの追加によるCV率改善事例

任意項目のラベルを追加した事例です。必須項目＝必要最低限の入力です。入力完了までの最短ルートを示し、ユーザーの負担を最小限に抑える事で離脱を防止出来ます。ラベルを追加するだけでページ全体の離脱が0.9pt改善しました。

※月間来訪ユーザー数が10,000人の場合⇒月間90人の離脱を削減・年間1,080人の離脱を削減（90人×12か月）

「フォームアシスト」が選ばれる理由

EFOツール「フォームアシスト」説明画像

入力フォームは、デザインを少し変えるだけで完了率が変わることがあります。実際の改善事例を見ると、共通するポイントが見えてきます。ここでは「フォーム改善事例」や項目設計に関して寄せられる疑問にお答えします。

項目の並びや見せ方を整えるだけで、入力の迷いが減り完了率が上がることがあります。

大がかりな作り替えをしなくても、デザインの見直しで成果が改善した事例は多くあります。

本当に必要な項目だけを必須にし、それ以外は任意にするか、思い切って削るのが基本です。

必須・任意はラベルや色でひと目で区別できるようにすると、入力の迷いが減ります。

上がる余地は十分にあります。フォームは成果の最後の関門で、小さな入力ストレスが離脱に直結するためです。

集客量を変えずにCV率を伸ばせるのが、フォーム改善の大きな利点です。

「入力項目を減らす」「エラーをその場で分かりやすく示す」「スマホで操作しやすくする」の3点が共通しています。

派手な変更よりも、ユーザーの手間を一つずつ取り除くほうが安定して効果が出ます。