ステップフォームとは？｜事例やメリットを紹介

新規会員登録・サービス申込み・問い合わせ等、Web上で何かを購入・申し込む際に入力作業は必ず発生します。

今回は従来のフォームに比べてコンバージョン率の向上に効果的なステップフォームについて解説します。

実際にステップフォーム化した事例も紹介しております。

入力フォームからの離脱が多い、集客は出来ているがコンバージョン率が低いなどのお悩みを抱えている方は是非ご覧ください。

1. ステップフォームとは？
2. ステップフォーム事例：株式会社みずほ銀行様
3. ステップフォームのメリット
4. ステップフォームのCV率改善事例
5. ステップフォーム化するなら「フォームアシスト」
6. よくある質問

ステップフォームとは？

ステップフォームとは、「いくつかのステップに分割した形式の入力フォーム」です。

従来は、入力項目を1ページ内に納めるのが主流でした。従来の形式は入力項目や項目数などの全体像を事前に把握したうえで入力をスタートできる点がメリットです。

一方で入力量の多さに圧倒され離脱を誘発しやすい点がデメリットでした。

ステップフォームの場合、1ページあたりに表示する項目が最小限であるため、入力するエンドユーザーの心理的負担を軽減しCV率改善の効果が期待できます。

ステップフォーム事例：株式会社みずほ銀行様

ステップフォームの対象は、ECサイトの会員登録フォームや求人サイトなど、入力項目の少ない入力フォームだけではありません。実は、入力項目の多い金融系のフォームでもステップフォーム化は進んでいます。

例えば、みずほ銀行のカードローン申込フォームもステップフォーム化しています。

▶株式会社みずほ銀行様のステップフォーム化について

ステップフォームのメリット

①：ユーザーの心理的負担の軽減

ステップフォームのメリット1つ目は、「ユーザーの心理的負担の軽減」に繋がる点です。

ステップフォームは、一度に入力する情報量を減らすことで、ユーザーの負担を軽減します。大量の情報を一度に要求されると、ユーザーは圧倒され入力開始する事なく離脱する可能性があります。

ステップフォームは、1ページあたりに表示する項目が最小限であるため、「これ位なら入力してもいいかも・・」といった心理を引き出し、入力開始のハードルを下げる効果が期待出来ます。

また、ステップフォームでは入力する情報を小分けにするため、ユーザーはタスクをより簡単に感じます。

各ステップが短く区切られていることで、ユーザーは一つ一つのタスクを完了する達成感を得やすくなり、入力完了率が高まります。

②：装飾を施しやすい

ステップフォームのメリット2つ目は、「装飾を施しやすい」という点です。

ステップフォームは、1画面あたりの要素が少ないため、余白が増え各ステップでユーザーの関心を引きつける工夫が可能です。例えば、インタラクティブな要素やキャラクターを用いた進行バーの表示などです。装飾楽しく入力を進める事が出来るため最後までフォームを完了するモチベーションが高まります。

その他にも、1項目あたりの幅を広げる事が出来るため操作性も改善されます。

装飾しているステップフォーム事例

ステップフォームで装飾を施している事例を紹介します。

事例1：「看護のお仕事」（左）では、入力状況を表すステータスバーにキャラクターを活用しています。

※参照：https://kango-oshigoto.jp/

事例2：「ナース求人バンク」（中央）では、サービスの強みを画像で挿し込んだり、入力状況に応じて次の動作に誘導する機能を施しています。

※参照：https://www.nursejinzaibank.com/

事例3：「医療ワーカー」（右）では、選択肢にイラストを差し込み直感的に選択できるデザインです。

※参照：https://iryouworker.com/search/

従来の入力フォームは、ページ全体を短くするため装飾や要素は最低限に抑える事が重要でした。デザイン性を追及しても圧迫感が無いのは、ステップフォーム特有のメリットです。

③：データの精度向上

ステップフォームのメリット3つ目は、「データの精度向上を期待できる」点です。一度に大量の情報を入力すると、ミスが発生しやすくなります。ステップフォームでは、各ステップで必要な情報のみを入力させるため、ユーザーが慎重に入力することができ、誤入力の減少につながりやすいといえます。また、余白を利用して注意事項も追記しやすいため、入力時に気を付けて欲しい事が伝わりやすく、ミスを事前に防止できる可能性が高まります。