申し込みフォームのデザインは項目の順番で決まる|入力しやすい並べ方と見た目の整え方

@SOHO編集部
@SOHO編集部
申し込みフォームのデザインは項目の順番で決まる|入力しやすい並べ方と見た目の整え方

この記事のポイント

  • ✓申し込みフォームのデザインを
  • ✓見た目の整え方の順に整理しました
  • ✓最初に聞くことと最後に聞くこと

セミナーの参加申し込み、講座の受講申し込み、サービスの利用申し込み。申し込みフォームのデザインというと、色やボタンの形を思い浮かべる人が多いかもしれません。けれども、申し込む人が途中で手を止めるかどうかを大きく左右するのは、色よりも「何を、どの順番で聞くか」です。

この記事では、申し込みフォームを作る側の目線で、項目の決め方と並べ方、入力欄やボタンの見た目の整え方、スマートフォンでの見え方、個人情報を集めるときの書き方、届いた申し込みの管理までを順に説明します。届いた申し込みの担当決めや返信までを1つの画面で済ませたい場合の選択肢として、フォームの道具Halictにも触れます。

申し込みフォームのデザインで最初に決めること

フォームの見た目に手をつける前に、決めておくことが3つあります。この3つが決まっていないと、項目を足したり削ったりを繰り返すことになり、デザインも定まりません。

1. 申し込みのあと、何をするか

申し込みを受け付けたあとに、こちらが何をするのかを書き出します。たとえばセミナーなら「参加の確認メールを送る」「前日にリマインドを送る」「当日に名簿と照らし合わせる」、有料の講座なら「請求書を送る」「入金を確かめる」といった具合です。申し込みフォームの項目は、このあとの作業に必要な情報から逆算して決まります。

2. 誰が申し込むか

申し込む人が個人なのか、会社の担当者なのかで、聞く項目が変わります。会社の担当者なら会社名や部署名が要り、個人なら要らないことが多くあります。初めて申し込む人が多いのか、以前から付き合いのある人が多いのかによっても、説明の量が変わります。

3. どこから申し込むか

申し込む人が、パソコンから入力するのか、スマートフォンから入力するのかを考えます。SNS や LINE の告知から来る人が多いなら、ほとんどがスマートフォンからの入力になります。スマートフォンで入力しやすい形を先に考えておくと、パソコンでも入力しやすいフォームになります。

項目は「あとで使うもの」だけに絞る

申し込みフォームで最も多い失敗は、項目が多すぎることです。項目が1つ増えるたびに、申し込む人の手間が増え、途中で手を止める人が出ます。入力フォームの作り方を解説している記事でも、次のように指摘されています。

こうした問題は、ユーザー体験を損なうだけでなく、問い合わせや申し込みの機会損失にもつながります。入力完了率やCV率を高めるためにも、入力フォームデザインの基本的なコツを押さえておくことが大切です。 出典: spiral-platform.co.jp

項目を絞るときは、1つずつ「この情報を、申し込みのあとに何に使うか」を書いてみます。答えが書けない項目は削ります。

項目 あとで使う場面 判断
氏名 名簿、宛名 残す
メールアドレス 確認メール、連絡 残す
電話番号 当日の急な連絡 当日連絡が要るなら残す
住所 資料の郵送 郵送しないなら削る
生年月日 年齢の確認 年齢の条件が無いなら削る
職業 参加者の傾向の把握 任意にするか、申し込み後のアンケートに回す
申し込みのきっかけ 告知の効果の確認 任意にする

「あれば便利」な情報は、申し込みフォームではなく、申し込み後のアンケートや当日の受付で聞くことができます。申し込みのフォームは、申し込みを完了させるための最低限の項目にします。

必須と任意を分ける

残した項目も、すべてを必須にする必要はありません。申し込みの手続きに欠かせないもの(氏名、メールアドレス、参加する日程など)だけを必須にし、それ以外は任意にします。任意の項目が多い場合は、フォームの後半にまとめて配置し、必須の項目を先に終えられるようにします。

申し込みの種類ごとに変わる項目

同じ申し込みフォームでも、何の申し込みかによって、聞くべき項目と気をつける点が変わります。よくある5つの種類で整理します。

セミナー・説明会

日程の選択、氏名、メールアドレスが中心です。オンライン開催なら住所は要りません。複数の日程がある場合は、日程を最初に選んでもらい、満席の回は選べないようにしておくと、あとで断りの連絡をする手間が省けます。

有料の講座・スクール

申し込む内容に加えて、支払い方法と請求書の宛名が必要になります。料金、支払いの期限、キャンセルの扱いは、フォームの中か申し込みボタンの近くに書き、申し込む前に読めるようにします。申し込んだあとに料金の条件を知ると、トラブルの原因になります。

体験レッスン・無料相談

希望の日時を聞く必要があります。第1希望から第3希望まで書いてもらう形にすると、日程の調整のやり取りが減ります。相談の内容を自由に書く欄を設ける場合は、何を書けばよいかの例を添えると、書きやすくなります。

資料請求

資料をメールで送るならメールアドレスだけ、郵送するなら住所が必要です。営業の連絡をするかどうかで、電話番号を聞くかが変わります。営業の連絡をする予定があるなら、その旨を利用目的に書いておきます。

会員登録・利用申し込み

ログインに使うメールアドレスとパスワードが中心になります。登録の時点で聞く項目は最小限にし、詳しいプロフィールは登録後に少しずつ入力してもらう形にすると、登録の手前で離れる人が減ります。利用規約への同意の欄は、規約の本文へのリンクと一緒に配置します。

項目の並べ方:入力しやすい順番の決め方

項目が決まったら、並べる順番を決めます。申し込みフォームのデザインは、この順番でほぼ決まると言ってよいほど、順番は入力のしやすさに影響します。

最初は答えやすいものから

最初の項目は、迷わずに答えられるものにします。申し込む日程やコースのように、申し込む人がすでに決めて来ている情報を先に聞くと、入力の流れに乗りやすくなります。いきなり住所や電話番号から始まると、「こんなに入力するのか」と感じて手が止まりやすくなります。

申し込む内容、本人の情報、連絡先、確認の順

申し込みフォームでは、次の順番がよく使われます。

  1. 申し込む内容(日程、コース、人数など)
  2. 本人の情報(氏名、会社名など)
  3. 連絡先(メールアドレス、電話番号)
  4. 任意の質問(きっかけ、要望など)
  5. 確認事項(規約や個人情報の取り扱いへの同意)

申し込む内容を先に選ぶと、申し込む人は「この内容で申し込む」という気持ちが固まったうえで、本人の情報を入力することになります。

関係のある項目はまとめる

氏名と読みがな、郵便番号と住所のように、関係のある項目は近くに並べます。見出しや区切りを入れて「申し込み内容」「お客さまの情報」「連絡先」のようにまとまりを作ると、どこまで進んだかが分かりやすくなります。

条件で変わる項目は、必要な人にだけ見せる

「法人の方のみ」「オンライン参加の方のみ」のように、一部の人にしか関係のない項目は、全員に見せないようにします。たとえば最初に「個人」「法人」を選んでもらい、「法人」を選んだ人にだけ会社名と部署名の欄を出すと、個人の申し込みの手間が減ります。多くのフォームの道具には、回答に応じて表示する項目を切り替える機能があります。

入力欄とラベルの配置

項目の順番が決まったら、1つひとつの入力欄の見た目を整えます。ここで大事なのは、迷わせないことです。

ラベルは入力欄の上に配置する

ラベルとは、「氏名」「メールアドレス」のように、入力欄が何を入力する場所かを示す文字のことです。ラベルは入力欄の上に配置すると、視線が上から下へまっすぐ流れ、スマートフォンでも崩れにくくなります。入力欄の左にラベルを配置する形は、パソコンでは見やすくても、スマートフォンの狭い画面では欄が細くなりがちです。

入力例は欄の外か、薄い文字で

「例:山田太郎」のような入力例は、入力のしかたを伝えるのに役立ちます。入力欄の中に薄い文字で表示する方法がよく使われますが、入力を始めると消えてしまうため、形式に決まりがある項目(電話番号のハイフンの有無など)は、欄の下に小さく書いておくと親切です。

入力欄の幅は、入る内容に合わせる

郵便番号の欄が住所の欄と同じ幅だと、何桁入れればよいのか分かりにくくなります。郵便番号は短く、住所は長く、と入る内容に合わせて幅を変えると、何を入れればよいかが見ただけで伝わります。

選択肢は、数で形を変える

選択肢が2つから5つほどなら、すべてが見えるラジオボタン(1つだけ選ぶ丸いボタン)にします。選択肢が多い場合(都道府県など)は、プルダウン(押すと一覧が開く形)にします。複数選べる質問はチェックボックスにし、「いくつでも選べます」と書き添えます。

必須の示し方をそろえる

必須の項目には「必須」の文字を付けます。記号だけで示すと、意味が伝わらないことがあります。必須の印は、どの項目でも同じ位置、同じ色にそろえます。任意の項目が少ない場合は、逆に任意の項目にだけ「任意」と付ける方法もあります。

ボタン、エラー、確認画面の整え方

入力欄のほかにも、申し込む人が手を止めやすい場所があります。

送信ボタンは、何が起きるかが分かる言葉に

ボタンの文字は「送信」よりも「申し込む」「この内容で申し込む」のように、押すと何が起きるかが分かる言葉にします。ボタンはフォームの最後に1つだけ配置し、ほかのボタン(「リセット」など)と並べないようにします。誤って入力内容を消してしまう原因になるからです。

エラーは、どこが、なぜ違うのかを伝える

入力の間違いがあったとき、「入力内容に誤りがあります」とだけ表示されても、どこを直せばよいか分かりません。エラーは、間違いのある項目のすぐ近くに、「メールアドレスに @ が入っていません」のように理由と一緒に表示します。送信ボタンを押してから全部のエラーを出すより、入力を終えた項目ごとにその場で知らせるほうが、直す手間が少なくなります。

入力した内容を消さない

エラーで画面が戻ったときに、入力した内容がすべて消えてしまうと、多くの人はそこで申し込みをやめます。エラーがあっても、入力済みの内容は残しておくのが基本です。

確認画面と完了画面

送信の前に入力内容を確かめる画面を入れるかどうかは、申し込みの重さで決めます。有料の申し込みや、内容の間違いが困るものは確認画面を入れます。無料のセミナーのような軽い申し込みなら、確認画面を省き、完了画面と確認メールで内容を返す形でも十分です。完了画面には、申し込みが受け付けられたこと、確認メールが届くこと、届かない場合の連絡先を書きます。

見た目の整え方:色、文字、余白

ここまでの順番と入力欄が整ったら、最後に見た目を整えます。

色は少なく

フォームの色は、背景、文字、ボタンの3色ほどに抑えます。ボタンだけを目立つ色にすると、どこを押せばよいかが一目で分かります。必須の印やエラーの表示に赤を使う場合は、ボタンにも赤を使うと区別がつかなくなるので、別の色にします。

文字の大きさ

入力欄の文字は小さすぎないようにします。スマートフォンでは、入力欄の文字が小さいと、入力するときに画面が自動で拡大されてしまうことがあります。ラベルと入力欄の文字は、本文と同じくらいの大きさにしておくと読みやすくなります。

余白で区切る

項目と項目のあいだに十分な余白を取ると、どの欄がどのラベルのものかが分かりやすくなります。線で囲むより、余白で区切るほうがすっきり見えます。まとまりごとの見出しの上には、項目どうしの間より広めの余白を取ると、区切りが伝わります。

文字の色と背景の差を確保する

薄い灰色の文字を白い背景で使うと、見た目はすっきりしても、読みにくい人がいます。デジタル庁は、ウェブアクセシビリティの考え方と取り組み方を初めての人向けに解説したウェブアクセシビリティ導入ガイドブックを公開しています。文字と背景の色の差や、色だけで情報を伝えないことなど、フォームを作るときにも役立つ考え方が整理されています。

長いフォームは段階に分けて、進み具合を見せる

どうしても項目が多くなる申し込み(入会の申し込みや、審査のある申し込みなど)では、1ページに全部を並べるより、「申し込み内容」「お客さまの情報」「確認」のように段階に分け、いまどの段階にいるかを画面の上に表示します。全体の量と残りの量が見えると、途中で手を止める人が減ります。段階に分ける場合も、前の段階に戻ったときに入力した内容が消えないようにしておくことが前提です。1画面に1問ずつ表示し、進み具合を棒の長さで見せる形のフォームもあり、質問が多いアンケートに近い申し込みで使われています。

スマートフォンでの見え方を確かめる

申し込みの多くがスマートフォンから来る場合、パソコンで作ったフォームを、実際にスマートフォンで入力してみることが欠かせません。確かめる点は次のとおりです。

  • 入力欄が横にはみ出していないか
  • ボタンが指で押しやすい大きさか
  • メールアドレスの欄で、メールアドレス入力向けのキーボードが出るか
  • 電話番号の欄で、数字のキーボードが出るか
  • プルダウンの選択肢が多すぎて、選ぶのに時間がかからないか
  • 送信ボタンまでスクロールする量が多すぎないか

特にキーボードの種類は、入力のしやすさを大きく変えます。多くのフォームの道具では、項目の種類を「メールアドレス」「電話番号」などに設定しておくと、スマートフォンで適したキーボードが出るようになります。項目の種類をすべて「テキスト」にしてしまうと、この助けが働きません。

自分で試すときは、知り合いにも1人頼んで入力してもらうと、作った本人が気づかない迷いどころが見つかります。

個人情報を集めるときに書くこと

申し込みフォームでは、氏名やメールアドレスなどの個人情報を集めます。個人情報を集めるときは、何のために使うのかを申し込む人に伝える必要があります。

個人情報保護法の第21条第2項では、本人から直接、書面(電磁的記録を含む)に書かれた個人情報を取得する場合は、あらかじめ本人に利用目的を明示しなければならないと定めています。Web のフォームに入力してもらうのは、電磁的記録で直接取得する場面にあたるため、フォームの中か、フォームのすぐ近くに利用目的を書いておきます(条文はe-Govの個人情報保護法で読めます)。

書き方の例は次のとおりです。

  • ご入力いただいた個人情報は、本セミナーの参加のご案内、当日の受付、開催に関するご連絡のために利用します
  • 上記の目的以外には利用しません

利用目的は、実際に使う範囲で具体的に書きます。あとで別の目的(新しい講座の案内など)にも使いたい場合は、その目的も書いておき、案内を希望するかどうかを選べる項目を付けるとよいでしょう。プライバシーポリシーのページがあれば、そこへのリンクも載せます。個人情報の取り扱いについての詳しい考え方は、個人情報保護委員会のガイドライン(通則編)で確かめられます。扱う情報の種類や事業の内容によって必要な対応は変わるため、迷う場合は専門家に相談します。

集める項目を必要なものだけに絞ることは、入力のしやすさのためだけでなく、管理する個人情報を減らすことにもつながります。使わない情報は、最初から集めないのがいちばん安全です。

申し込みフォームの例:セミナーの場合

ここまでの考え方を、無料のオンラインセミナーの申し込みフォームに当てはめると、次のようになります。

順番 項目 必須か 形式
1 参加する日程 必須 ラジオボタン
2 氏名 必須 テキスト
3 会社名 任意 テキスト
4 メールアドレス 必須 メールアドレス
5 当日聞きたいこと 任意 複数行のテキスト
6 申し込みのきっかけ 任意 ラジオボタン
7 個人情報の取り扱いへの同意 必須 チェックボックス

オンラインのセミナーなので、住所と電話番号は聞いていません。参加の案内はメールで送るため、連絡先はメールアドレスだけで足ります。「当日聞きたいこと」を任意で聞いておくと、講師が内容を準備するのに役立ちます。

有料の講座なら、ここに支払い方法や請求書の宛名の項目が加わります。対面のイベントなら、当日の急な連絡のための電話番号が加わることもあります。どの場合も、申し込みのあとに何をするかから逆算して項目を決めるという考え方は変わりません。

確認メールの文面の作り方

申し込みフォームの送信のあと、多くの場合は自動で確認メールが送られます。このメールも、申し込みフォームのデザインの一部です。確認メールが届かない、届いても何の申し込みか分からない、という状態では、申し込んだ人が不安になって問い合わせてきます。

確認メールに書くことは次のとおりです。

  1. 何の申し込みを受け付けたか(セミナー名、日程など)
  2. 申し込んだ内容の控え(入力された項目)
  3. 次に何が起きるか(当日の案内を何日前に送るか、入金の方法など)
  4. 変更やキャンセルの方法
  5. 問い合わせ先

件名は「【受付完了】〇〇セミナー(10月24日)のお申し込み」のように、何の申し込みかが件名だけで分かる形にします。申し込んだ人があとでメールを探すときに、件名で見つけられるようにするためです。

確認メールが迷惑メールのフォルダに入ってしまうこともあるため、完了画面には「確認メールが届かない場合は、迷惑メールのフォルダもご確認ください」と書いておきます。送信元のメールアドレスを、受け付けた側の名前が分かるものにしておくことも大切です。

公開後に見直す:申し込みが途中で止まる場所を探す

フォームは公開したあとも、少しずつ直していくものです。申し込みのページを見た人の数に比べて申し込みが少ない場合は、どこかで手が止まっている可能性があります。

問い合わせの内容から探す

「申し込めたかどうか分からない」「選択肢に自分に合うものが無い」といった問い合わせが来たら、それはフォームの直す場所の手がかりです。同じ内容の問い合わせが2件来たら、フォームの説明か選択肢を直します。

任意の項目の回答から探す

任意の項目のほとんどが空欄のまま届いているなら、その項目は申し込む人にとって答えにくいか、不要だと思われているということです。本当に必要でなければ削ります。

自分で定期的に申し込んでみる

公開から時間がたつと、案内の文面が古くなっていたり、終わった日程が選べたままになっていたりします。月に1回ほど、自分で申し込みを最後まで試し、確認メールまで届くかを確かめます。フォームの道具や、つないでいる外部のサービスの仕様が変わって、気づかないうちに通知が止まっていることもあります。

申し込みフォームでよくある失敗

ここまでの内容の裏返しになりますが、実際によく見かける失敗を整理しておきます。作ったフォームを見直すときの点検に使えます。

説明の文章が長すぎる

フォームの冒頭に、注意事項が何十行も並んでいると、申し込む人は読まずに先へ進むか、読むのをあきらめて離れます。申し込む前に必ず知ってほしいこと(料金、キャンセルの扱いなど)は3つほどに絞り、それ以外は別のページへのリンクにします。

同じことを2回聞く

メールアドレスの確認のために2回入力させる形はよく使われますが、氏名や電話番号まで2回入力させるのは手間が増えるだけです。確認のための2回入力は、間違えると連絡がつかなくなるメールアドレスだけにとどめます。

選択肢に「その他」が無い

選択式の質問で、自分に当てはまる選択肢が無いと、申し込む人は困ってしまいます。選択肢で全部をまかなえない質問には「その他」と、内容を書ける欄を付けます。

全角と半角の指定が厳しすぎる

電話番号や郵便番号で「半角数字のみ」と決めて、全角で入力するとエラーにするフォームがあります。申し込む人に形式を合わせてもらうより、受け付ける側で全角と半角を自動で揃えるほうが親切です。道具の設定で揃えられない場合は、エラーの文言で「半角数字で入力してください」と具体的に伝えます。

申し込みの締め切り後もフォームが開いたまま

募集が終わったのに申し込みフォームが開いたままだと、締め切り後の申し込みに断りの連絡をする手間が生まれます。締め切りの日時を決めたら、その時刻にフォームを閉じる設定をするか、終了の案内に切り替えます。

フォームを設ける場所と、告知ページとのつながり

申し込みフォームは、単独で見られることはあまりありません。多くの場合、セミナーや講座の内容を説明した告知のページから、申し込みのボタンを押して移ってきます。

告知のページとフォームの間で、日程や料金の表記がずれていると、申し込む人は迷います。告知のページで「10月24日(土)」と書いてあるのに、フォームでは「10/24」となっているだけでも、確かめる手間が生まれます。表記は両方でそろえます。

告知のページの申し込みボタンは、ページの最後だけでなく、内容の説明の途中にも置いておくと、申し込むと決めた人がすぐにフォームへ移れます。フォームの側にも、告知のページへ戻るリンクを置いておくと、内容を確かめ直したい人が迷いません。

公開前の確認リスト

フォームを公開する前に、次の点を確かめます。

  1. すべての項目について、あとで何に使うかが説明できる
  2. 必須の項目は、申し込みに欠かせないものだけになっている
  3. スマートフォンで最初から最後まで入力し、送信まで試した
  4. 間違った形式(@ の無いメールアドレスなど)を入力し、エラーが分かりやすく出ることを確かめた
  5. 送信後の完了画面と確認メールの文面を確かめた
  6. 利用目的が、フォームの中かすぐ近くに書いてある
  7. 届いた申し込みを、誰がいつ確認するかが決まっている

7つ目は見落とされがちですが、申し込みが届いても誰も気づかなければ、申し込む人には返事が来ないフォームになってしまいます。

届いた申し込みを取りこぼさない管理のしかた

申し込みフォームは、公開して終わりではありません。届いた申し込みに返事をし、名簿を作り、当日まで連絡をして、初めて役目を果たします。フォームのデザインがよくても、届いたあとの管理が追いつかないと、申し込んだ人の満足は下がります。

小さな規模なら、無料のフォームと表計算で十分

申し込みが月に数件から数十件で、対応する人が1人なら、Googleフォームのような無料のフォームの道具で十分に回ります。回答をスプレッドシートに書き出し、「確認メール送信済み」「入金確認済み」のような列を自分で足して管理する方法がよく使われます。

担当と状況の管理が苦しくなったら

申し込みが増え、複数人で対応するようになると、表計算に手で状況を書き込む運用は崩れやすくなります。誰がどの申し込みに返事をしたのか、入金を確かめたのは誰か、が分からなくなり、二重に連絡したり、連絡が漏れたりします。

こうした場面の選択肢の1つが、Halictです。公式サイトによると、Halict はフォームを作って届いた回答を管理するための道具で、届いた1件ごとに担当者とステージ(対応の段階)が残り、同じ画面から返信まで送れます。ステージには「申込受付」などのひな形があり、表とボードの表示を切り替えて、担当者やタグで絞り込めます。フォームの作成では、テキスト、選択肢、日付、メール、電話、住所など12種類の項目を使え、色とフォントも変えられます。回答者に1画面に1問ずつ見せる表示にも切り替えられます。フォーム送信の直後には、回答内容の控えを添えた自動返信を送れます。料金は、メンバー1人までのフリープランが無料で、フォームの数と回答の数はどのプランでも無制限とされています。Halict は、@SOHOを運営する株式会社ライフスケープが開発・提供しています。

どの道具を使う場合も、フォームのデザインと届いたあとの運用は一続きで考えます。「申し込みのあとに何をするか」を最初に書き出したのは、そのためです。

申し込みフォームを作る仕事と、在宅で受ける人の視点

最後に、申し込みフォームを作ることが在宅の仕事になる場面を見ておきます。

小さな事業者や個人の講師、教室の運営者の中には、申し込みフォームを自分で作る時間が取れず、外部に頼む人が多くいます。フォームを作る仕事では、見た目を整える技術だけでなく、「申し込みのあとに何をするか」を依頼した人から聞き取り、必要な項目を一緒に決める力が求められます。この記事で整理した順番は、そのまま依頼した人との打ち合わせの進め方にもなります。最初の打ち合わせで「申し込みのあとに何をするか」「誰が申し込むか」「どこから申し込むか」の3つを聞き、項目の一覧を表にして見せるところから始めると、作り直しが少なく済みます。公開前の確認リストを納品物に添えておくと、依頼した人が自分で点検できるようになり、安心して任せてもらえます。

2004年から在宅ワークとフリーランスの仲介を続けてきた運営者として見てきた限りでは、長く依頼が続く人ほど、作ったものの見た目より、依頼した人の業務が楽になったかどうかを大事にしています。フォームであれば、公開後に「届いた申し込みをどう管理していますか」と一言聞き、運用まで含めて提案できる人が、次の依頼にもつながりやすい傾向があります。中間の手数料が乗らない直接のやり取りでは、こうした相談を依頼した人と直接重ねられるため、同じ予算で依頼する側はより多く頼め、受ける側は手取りが厚くなります。

フォームを含む画面の設計に関わる仕事は、UI/UX・アプリデザインのお仕事にまとまっています。既存のデザインの修正や、データの形式を整える仕事に関心があれば、デザインデータ変換・修正のお仕事も参考になります。デザインの仕事の報酬の目安は、デザイナーの年収・単価相場で確かめられます。申し込みフォームのデザインは、小さな画面の中で、申し込む人と受け付ける人の両方の手間を減らす仕事です。

よくある質問

Q. 申し込みフォームの項目はいくつくらいが適切ですか?

決まった数はありませんが、申し込みのあとに実際に使う情報だけに絞るのが基本です。項目ごとに「何に使うか」を書き出し、答えられない項目は削ります。あれば便利な情報は、申し込み後のアンケートや当日の受付で聞く形に回すと、申し込みのフォームを短く保てます。

Q. 項目はどの順番で並べればよいですか?

申し込む内容(日程やコース)、本人の情報、連絡先、任意の質問、個人情報の取り扱いへの同意の順がよく使われます。最初に迷わず答えられる項目を置くと、入力の流れに乗りやすくなります。関係のある項目は近くにまとめ、一部の人にしか関係のない項目は必要な人にだけ表示します。

Q. 申し込みフォームに個人情報の利用目的は必要ですか?

個人情報保護法では、本人から書面(電磁的記録を含む)で直接個人情報を取得する場合、あらかじめ利用目的を明示するよう定めています。Webのフォームもこれにあたるため、フォームの中か近くに利用目的を具体的に書きます。扱う情報や事業の内容で必要な対応が変わるため、迷う場合は専門家に相談します。

Q. スマートフォンで入力しやすくするにはどうすればよいですか?

ラベルを入力欄の上に置き、ボタンを指で押しやすい大きさにします。メールアドレスや電話番号の項目は、項目の種類をそれぞれに合わせて設定しておくと、適したキーボードが表示されます。公開前に実際にスマートフォンで最初から送信まで入力し、はみ出しや押しにくい箇所が無いかを確かめます。

この記事について

@SOHO
編集部

監修:@SOHO編集部

2004年よりフリーランス・在宅ワーク向けサービスを運営。生成AIで作成した下書きを、一次情報と照らし合わせて確認したうえで公開しています。

公開:2026年5月27日最終更新:2026年10月16日
@SOHO編集部

この記事を書いた人

@SOHO編集部

フリーランス・在宅ワークの専門メディア

@SOHOは2004年から続く、日本のフリーランス・在宅ワーク向け案件サイトです。記事は生成AIで下書きを作り、数値・固有名・出典を一次情報と照らし合わせる確認の手順を経て公開しています。

@SOHOで仕事を探してみませんか?

手数料0%・登録無料のクラウドソーシング。フリーランスの方も企業の方も、今すぐ始められます。

関連記事

カテゴリから探す

クラウドソーシング入門

クラウドソーシング入門

クラウドソーシングの基礎知識・始め方・サイト比較

職種別ガイド

職種別ガイド

職種・スキル別の案件獲得方法と単価相場

副業・在宅ワーク

副業・在宅ワーク

副業・在宅ワークの始め方と対象者別ガイド

フリーランス

フリーランス

フリーランスの独立・営業・実務ノウハウ

お金・税金

お金・税金

確定申告・節税・経費・ローンなどお金の知識

スキルアップ

スキルアップ

プロフィール・提案文・単価交渉などのテクニック

比較・ランキング

比較・ランキング

サービス比較・おすすめランキング

AI活用

AI活用

職種別にChatGPT・生成AIを活用して業務効率化・収益化するノウハウ

最新トレンド

最新トレンド

市場動向・法改正・AIなど最新情報

発注者向けガイド

発注者向けガイド

クラウドソーシングで外注・人材探しをする企業・個人向け

転職・キャリア

転職・キャリア

転職エージェント・転職サイト比較・キャリアチェンジ

看護師の転職・求人

看護師の転職・求人

看護師の転職・派遣・単発バイト・副業など働き方のガイド。診療や医学の情報は扱いません

薬剤師の転職・求人

薬剤師の転職・求人

薬剤師・登録販売者の転職・派遣・パートなど働き方のガイド。診療や医学の情報は扱いません

介護職の転職・求人

介護職の転職・求人

介護職・介護福祉士・ケアマネジャー・訪問介護員の転職・派遣・夜勤など働き方のガイド

保育士の転職・求人

保育士の転職・求人

保育士・保育補助・幼稚園教諭の転職・派遣・パートなど働き方のガイド

医療職の転職・求人

医療職の転職・求人

医師・産業医・リハビリ職・歯科衛生士・管理栄養士・医療事務の転職や働き方のガイド。診療や医学の情報は扱いません

保険

保険

生命保険・医療保険・フリーランスの保険設計

採用・求人

採用・求人

無料求人掲載・採用コスト削減・人材募集の方法

オフィス・ワークスペース

オフィス・ワークスペース

バーチャルオフィス・コワーキング・レンタルオフィス

法律・士業

法律・士業

契約トラブル・士業独立開業・フリーランス新法

シニア・50代

シニア・50代

シニア世代のキャリアチェンジ・副業・年金

セキュリティ

セキュリティ

サイバーセキュリティ・脆弱性対策・情報保護

金融・フィンテック

金融・フィンテック

暗号資産・決済・ブロックチェーン・金融テクノロジー

ガジェット・機材

ガジェット・機材

フリーランスに役立つPC・デバイス・周辺機器

子育て×働き方

子育て×働き方

子育てと在宅ワークの両立・保育園・時間管理

補助金・助成金

補助金・助成金

個人事業主・フリーランスが使える公的補助金・助成金・給付金の申請ガイド

M&A・事業売却

M&A・事業売却

会社売却・事業承継・事業譲渡を考える経営者向け。売却の流れ、税金、従業員への伝え方、仲介会社の選び方

アウトソーシング・外注ガイド

アウトソーシング・外注ガイド

SNS運用・経理・広告など、業務のアウトソーシング(外注)を検討する企業・個人向け。費用相場・依頼の流れ・失敗しない選び方