
ユーザーに達成感を与えながらフォーム入力を促すポイント3つ
問い合わせや資料請求等の入力フォームを工夫することは、ホームページを運営する上で非常に重要です。
フォームを最後まで入力してもらうためには、いかにユーザーにストレスを感じさせないかがポイントになります。
今回は、ユーザーにストレスを与えずに項目を入力してもらうためのフォーム改善ポイントを3つご紹介します。
1.入力済マークをつける
全ての項目を入力し、送信ボタンを押してからエラーが表示されると、ユーザーにとってストレスがかかってしまいます。
不要なストレスで機会損失が起こらないためにも、入力した内容が間違っていないかどうか、項目ごとに表示される機能は必要不可欠です。
そのため、入力項目にエラーがあった際、ユーザーへ知らせるエラーアラートを導入している企業も多いかと思います。
参考:
SUUMO
それとは逆に、「入力完了」「入力済」「OK」「入力成功」「レ点チェック」などを表示して、入力に間違いがなかったことを伝える表示方法もあります。
参考:
価格.com
入力済マークは、ユーザーが項目を正しく埋めるごとに表示がされるため、ユーザーに気持ちよく次の項目へ進んでもらうことができるというメリットがあります。
また、入力済みのマークが出ていることで、入力を満たしていない項目が何かわかるメリットもあります。
以下は、入力成功サインの例です。
・入力済
・入力完了
・入力成功
・OK
・レ点チェック
入力成功サインは、ユーザーに達成感を感じてもらいながら入力することができますが、エラー表示ほどはっきりとしたメッセージを与えることは難しいです。
入力項目数が多かったり、想定されるエラー内容が複雑な場合は、エラー表示も併せて活用しましょう。
2.残りの入力項目数がわかるようにする
ゴール(入力完了)の見えないフォームはユーザーに大きなストレスを与えかねません。
ゴールまでの距離を見えやすくして入力完了へのモチベーションを上げ、ユーザーの途中離脱を防ぐ方法として、残りの必須入力項目数をリアルタイムで表示するというものがあります。
リアルタイムで必須項目数が減ることで、ユーザーにも達成感を感じながら楽しく入力をしてもらえる可能性もあります。
参考:
価格.com
3.入力した項目の色が変わるようにする
必須項目の背景に色がついており、入力するごとに色が変わる設定も、一つ一つ目に見える形で入力完了を伝えられるためユーザーに達成感を与えやすくなります。
どこの項目を次入力すればよいかが視覚的にわかるため、例えユーザーが視線を外してしまっても復帰しやすく、ストレスがかかりにくいメリットもあります。
参考:
DODA
- フォーム
- フォームとは、もともと「形」「書式」「伝票」などの意味を持つ英単語です。インターネットの分野では、パソコンの操作画面におけるユーザーからの入力を受け付ける部分を指します。企業のホームページでは、入力フォームが設置されていることが多いようです。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- フォーム
- フォームとは、もともと「形」「書式」「伝票」などの意味を持つ英単語です。インターネットの分野では、パソコンの操作画面におけるユーザーからの入力を受け付ける部分を指します。企業のホームページでは、入力フォームが設置されていることが多いようです。
- ユーザー
- ユーザーとは、コンピューターやシステムを利用する人のことを指します。 利用者、使用者、消費者などの意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。
- ユーザー
- ユーザーとは、コンピューターやシステムを利用する人のことを指します。 利用者、使用者、消費者などの意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。
- フォーム
- フォームとは、もともと「形」「書式」「伝票」などの意味を持つ英単語です。インターネットの分野では、パソコンの操作画面におけるユーザーからの入力を受け付ける部分を指します。企業のホームページでは、入力フォームが設置されていることが多いようです。
- ユーザー
- ユーザーとは、コンピューターやシステムを利用する人のことを指します。 利用者、使用者、消費者などの意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。
- ユーザー
- ユーザーとは、コンピューターやシステムを利用する人のことを指します。 利用者、使用者、消費者などの意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。
- ユーザー
- ユーザーとは、コンピューターやシステムを利用する人のことを指します。 利用者、使用者、消費者などの意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。
- ユーザー
- ユーザーとは、コンピューターやシステムを利用する人のことを指します。 利用者、使用者、消費者などの意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。
- フォーム
- フォームとは、もともと「形」「書式」「伝票」などの意味を持つ英単語です。インターネットの分野では、パソコンの操作画面におけるユーザーからの入力を受け付ける部分を指します。企業のホームページでは、入力フォームが設置されていることが多いようです。
- ユーザー
- ユーザーとは、コンピューターやシステムを利用する人のことを指します。 利用者、使用者、消費者などの意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。
- ユーザー
- ユーザーとは、コンピューターやシステムを利用する人のことを指します。 利用者、使用者、消費者などの意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。
- ユーザー
- ユーザーとは、コンピューターやシステムを利用する人のことを指します。 利用者、使用者、消費者などの意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。
- ユーザー
- ユーザーとは、コンピューターやシステムを利用する人のことを指します。 利用者、使用者、消費者などの意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。
- ユーザー
- ユーザーとは、コンピューターやシステムを利用する人のことを指します。 利用者、使用者、消費者などの意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。
関連ツール・サービス
おすすめ記事
おすすめエントリー
カテゴリから記事をさがす
Web マーケティング
- SEO(検索エンジン最適化)
- SNSマーケティング
- アプリマーケティング
- Web広告
- グロースハック
- ABテスト・EFO・CRO
- LP制作・LPO
- CMS・Webサイト制作
- 記事制作・ライティング
- コンテンツマーケティング
- メール配信・メールマーケティング
- マーケティングオートメーション(MA)
- リードジェネレーション(見込み顧客獲得)
- カスタマーサポート・カスタマーサクセス
- アクセス解析・広告効果測定
- データ分析
- リサーチ・市場調査
- 口コミ分析・ソーシャルリスニング
- O2O(Online to Offline)
- EC・通販・ネットショップ
- 多言語・翻訳
- 動画・映像制作
- AR・VR制作
- 統計データ
- マーケティングお役立ちレポート
- 連載
- チャットボット
- Web会議
- 動画マーケティング