フォームの確認画面のデザインで、入力内容を見直しやすくする並べ方

@SOHO編集部
@SOHO編集部
フォームの確認画面のデザインで、入力内容を見直しやすくする並べ方

この記事のポイント

  • ✓フォームの確認画面のデザインを
  • ✓法律や指針が求めること
  • ✓入力内容を見直しやすい並べ方

フォームの確認画面は、入力した内容を送る前に一覧で見せる画面です。問い合わせや申し込み、注文のフォームでよく使われていますが、作り方を間違えると、ただ画面が1枚増えただけになります。入力した項目が名前の無いまま並んでいる、どこを直せばよいか分からない、送信ボタンと戻るボタンの区別がつかない。こうした確認画面では、回答者は内容を見直さないまま送信するか、迷って途中でやめてしまいます。

この記事では、フォームの確認画面のデザインを、入力内容を見直しやすくする並べ方を中心に整理します。確認画面の役目、法律や指針が求めること、項目の並べ方、修正の導線、送信ボタンの文言と置き方、注文の確認画面に必ず出す項目、スマートフォンでの見せ方を順に説明し、確認画面の後に表示する完了画面の作り方も扱います。送信の直後に回答の控えを自動で送り、届いた内容を1つの画面で管理できるフォームの道具として、Halictにも触れます。

確認画面は何のためにあるのか

フォームの確認画面には、大きく3つの役目があります。

1つめは、入力の誤りに気づいてもらうことです。メールアドレスの打ち間違い、日付の選び間違い、数量の桁の間違いは、入力している最中には気づきにくいものです。入力欄から離れて、内容が一覧で並んだ画面を見ると、誤りが目に入りやすくなります。

2つめは、送信してよいかを決めてもらうことです。申し込みや注文のように、送信すると約束が成り立つフォームでは、回答者が内容を確かめたうえで送ったという手順そのものに意味があります。

3つめは、回答者を安心させることです。長いフォームに入力した後、いきなり送信されるより、「この内容で送ります」と一度見せてもらえるほうが、回答者は落ち着いて送信ボタンを押せます。

確認画面が向いているフォーム、向いていないフォーム

すべてのフォームに確認画面が要るわけではありません。画面が1枚増えれば、その分だけ途中でやめる人も出ます。確認画面を設けるかどうかは、送った後に取り消せるかどうかと、誤りが起きたときの影響の大きさで決めます。

フォームの種類 確認画面 理由
商品の注文、有料の申し込み 設けるのが基本 お金や契約にかかわり、誤りの影響が大きい
予約、イベントの申し込み 設けると親切 日時や人数の間違いが当日の混乱につながる
問い合わせ 項目が多いなら設ける 連絡先の打ち間違いで返信が届かなくなる
短いアンケート 省いてよい 誤りの影響が小さく、画面が増える負担のほうが大きい
資料請求、メールマガジンの登録 省いてもよい 入力欄が少なく、その場で見直せる

確認画面を省く場合も、入力中にエラーを知らせる、送信後に控えのメールを送る、といった方法で誤りを防ぐ工夫は必要です。この方法は後の節で説明します。

法律や指針が確認の手順について求めていること

確認画面は、見た目の工夫だけの話ではありません。お金や契約にかかわるフォームでは、法律や国際的な指針が確認の手順にかかわっています。

ウェブのアクセシビリティの指針

ウェブのアクセシビリティの国際的な指針であるWCAG 2.2は、法律上の手続きやお金の取引が生じるページなどについて、次のいずれかを満たすよう求めています。

利用者にとって法律行為もしくは金融取引が生じる、データストレージシステム上の利用者が制御可能なデータを変更もしくは削除する、又は利用者がテストの解答を送信するウェブページでは、次に挙げる事項のうち、少なくとも一つを満たしている: 取消可能 送信は取消可能である。 チェック 利用者が入力したデータは入力エラーについてチェックされ、利用者には修正する機会が提供される。 確認 送信を完了する前に、情報を見直し、確認及び修正するためのメカニズムが利用可能である。 出典: ウェブアクセシビリティ基盤委員会「WCAG 2.2 日本語訳」達成基準 3.3.4

確認画面は、この中の「確認」にあたる仕組みです。取り消しができる、入力中に誤りを知らせて直せる、という方法でも基準は満たせますが、注文や申し込みのフォームでは、確認画面を設けるのがもっとも分かりやすい方法です。

操作ミスによる申し込みと、確認の措置

ネットで消費者が申し込む契約については、電子消費者契約に関する民法の特例に関する法律(電子消費者契約法)があります。この法律の第3条は、消費者が操作を誤って、申し込むつもりの無い申し込みをしてしまった場合や、違う内容で申し込んでしまった場合について定めています。ただし書きでは、事業者が画面を通じて、申し込みの意思があるかを確かめる措置をとっていた場合などは、この特例が当てはまらないとしています。

言い換えると、事業者が確認の画面を設けていないと、消費者が操作を誤って申し込んだときに、その申し込みの効力が争われやすくなるということです。条文はe-Gov法令検索の電子消費者契約に関する民法の特例に関する法律で確かめられます。自分のフォームが当てはまるか、どう扱われるかは取引の内容で変わるため、個別の判断は専門家や消費生活の窓口に確かめてください。

通信販売の申し込みの最終確認画面

商品やサービスをネットで売る場合は、特定商取引法の決まりもかかわります。特定商取引法の第12条の6は、通信販売の申し込みを受ける画面に、分量、販売価格(送料を含む)、支払いの時期と方法、引き渡しの時期、申し込みの期間の定め、申し込みの撤回や解除に関する事項を表示するよう定めています。さらに、その画面で、送信が申し込みになることや、これらの事項について、人を誤認させるような表示をしてはならないとしています。

この、申し込みを確定させる直前の画面は、一般に「最終確認画面」と呼ばれます。通信販売のフォームの確認画面は、見直しやすさだけでなく、この表示の決まりを満たす画面として作る必要があります。詳しい表示の考え方は、消費者庁の特定商取引法のページで案内されています。

入力内容を見直しやすい並べ方

ここからは、確認画面そのもののデザインです。確認画面の目的は「見直してもらうこと」なので、並べ方はすべて、見直す作業が楽になるかどうかで決めます。

入力した順番と同じ順番で並べる

確認画面の項目は、入力画面と同じ順番で並べます。入力したときの記憶の順に沿って見直せるので、どこに何があるかを探す必要がありません。確認画面だけ項目の順番を変えたり、重要だと思う項目を先頭に移したりすると、回答者は一覧の中を行き来することになります。

項目名と入力内容をセットで見せる

確認画面では、入力欄の見出し(ラベル)と、入力された内容を必ずセットで表示します。項目名は入力画面と同じ言葉を使います。入力画面で「ご連絡先」と書いた欄を、確認画面で「電話番号」と書き換えると、回答者は同じ欄かどうかを迷います。入力された内容だけが並んでいると、「090」から始まる数字は電話番号なのか、ほかの番号なのかを回答者が推測しなければなりません。

パソコンの幅では、左に項目名、右に入力内容を並べる2列の形が見やすく、スマートフォンの幅では、項目名の下に入力内容を置く縦の形が見やすくなります。どちらの形でも、項目名と入力内容の文字の太さや色を変え、どちらが見出しでどちらが中身かを区別できるようにします。

まとまりごとに見出しを付ける

入力画面で「お客様の情報」「ご注文の内容」「お届け先」のように項目をまとめていた場合は、確認画面でも同じまとまりと見出しを使います。見出しがあると、回答者は「お届け先だけ見直したい」という見方ができます。

入力した文をそのまま表示する

問い合わせの本文のような長い文は、入力された改行や空行をそのまま残して表示します。改行が消えて1つの段落につながると、回答者は自分が書いた文を読み返しにくくなります。長い文を途中で切って「…」で省略するのも避けます。確認画面は、送る内容をすべて見てもらう場所だからです。

選択肢は、選んだ文言のまま表示する

ラジオボタンやプルダウンで選んだ項目は、選択肢の文言をそのまま表示します。内部の番号や略した言葉に置き換えると、回答者は自分の選んだものかどうか判断できません。何も選ばなかった任意の項目は、空欄のままにするか「未入力」と表示し、入力漏れなのか意図的に空けたのかが分かるようにします。

伏せて表示する項目を決める

パスワードやクレジットカードの番号のように、画面をのぞかれると困る項目は、確認画面でも伏せて表示します。カード番号なら末尾の4桁だけを表示するのが一般的です。伏せる項目を決めておかないと、入力画面では伏せていたのに確認画面ではすべて見えてしまう、ということが起きます。

修正の導線をどう作るか

確認画面で誤りに気づいた回答者が、すぐに直せることが大切です。直し方が分かりにくいと、誤りに気づいても「まあいいか」とそのまま送られてしまいます。

まとまりごとに「修正する」を置く

確認画面の各まとまりの見出しの横に「修正する」のボタンやリンクを置き、押すと入力画面の該当する箇所に戻れるようにします。画面の下に「戻る」が1つあるだけだと、長いフォームでは直したい箇所を探してスクロールすることになります。

戻っても入力した内容を消さない

修正のために入力画面に戻ったとき、入力していた内容がすべて消えていると、回答者はそこでやめてしまいます。戻ったときは、入力済みの内容を残したまま表示するのが大前提です。ブラウザの「戻る」ボタンで戻った場合も、入力が消えないかを確かめておきます。

直した後は、確認画面に戻す

入力画面で1か所を直した後、もう一度すべての項目を進め直さないと確認画面に戻れない作りは、手間がかかります。直した箇所の近くに「確認画面へ進む」のボタンを置き、すぐ確認画面に戻れるようにします。

送信ボタンの文言と置き方

確認画面の送信ボタンは、フォームの中でもっとも重い意味を持つボタンです。

ボタンの文言は、押した結果が分かる言葉に

送信ボタンの文言は「送信」だけでなく、押した結果が分かる言葉にします。注文なら「注文を確定する」、申し込みなら「この内容で申し込む」、問い合わせなら「この内容で送信する」のように書くと、回答者は押したら何が起きるかを理解してから押せます。特定商取引法が、送信が申し込みになることについて誤認させる表示を禁じていることを考えても、注文や有料の申し込みのボタンでは、申し込みが確定することがはっきり分かる文言にしておくのが安全です。

送信ボタンと戻るボタンを見分けやすくする

送信ボタンと戻るボタンが同じ色、同じ大きさで並んでいると、押し間違いが起きます。送信ボタンは目立つ色の塗りつぶし、戻るボタンは枠線だけや文字だけにするなど、見た目で区別します。並べる位置も、サイトの中のフォームで統一しておくと、回答者が迷いません。

二重送信を防ぐ

送信ボタンを押した後、画面が切り替わるまでに時間がかかると、回答者はもう一度押してしまうことがあります。押した直後にボタンを押せない状態にし、「送信しています」のような表示に切り替えると、同じ注文や申し込みが2件届くのを防げます。

送信の前に書いておくこと

送信ボタンのすぐ上には、送信した後に何が起きるかを短く書いておきます。「送信すると、入力いただいたメールアドレスあてに受付の確認メールが届きます」「ご注文の確定後のキャンセルは、お問い合わせ窓口までご連絡ください」のような一文があると、回答者は押した後の流れを理解したうえで送信できます。

注文や申し込みの確認画面に必ず表示する項目

商品の注文や有料のサービスの申し込みを受ける確認画面では、入力された内容に加えて、取引の条件を表示します。前の節で触れた特定商取引法の第12条の6をもとに、表示する項目を整理します。

  • 分量:商品の数量、サービスの回数や期間
  • 販売価格:送料が別にかかる場合は送料も
  • 支払いの時期と方法:前払いか後払いか、使える支払い方法
  • 引き渡しの時期:商品の発送の目安、サービスの提供の開始日
  • 申し込みの期間:期間限定の販売なら、その期間
  • 申し込みの撤回や解除に関する事項:返品やキャンセルができるか、その条件

特に気をつけたいのが、定期購入のように、1回の申し込みで複数回の支払いが続く取引です。2回目以降の価格や、支払いが続く回数、解約の方法が確認画面で分かりにくいと、申し込んだ人が条件を誤解するおそれがあります。合計の支払額や、いつまで続くのかを、確認画面の目立つ位置に書きます。

これらの項目は、入力画面や商品ページに書いてあるだけでなく、申し込みを確定させる直前の画面で見られることが大切です。リンク先の別ページにだけ書くのではなく、確認画面の中で読める形にしておくのが確実です。どこまでの表示が求められるかは、扱う商品や取引の形で変わるため、消費者庁の案内で確かめてください。

スマートフォンでの確認画面の見せ方

申し込みや注文の多くは、スマートフォンから届きます。確認画面も、スマートフォンでの見え方を基準に作ります。

縦に1列で並べる

スマートフォンの幅では、項目名と入力内容を左右に並べると、入力内容の欄が狭くなり、住所やメールアドレスが何行にも折り返されます。項目名の下に入力内容を置く縦の並びにすると、1行に入る文字が増え、読みやすくなります。

送信ボタンまでの距離を短くする

確認画面が長くなると、送信ボタンは画面のずっと下になります。まとまりの見出しで区切り、余白を詰めすぎない範囲で、見直しやすさと長さの釣り合いをとります。注文の合計金額のように、最後に必ず見てほしい情報は、送信ボタンのすぐ上に配置します。

押しやすい大きさにする

「修正する」や送信のボタンは、指で押しやすい大きさにします。WCAG 2.2では、指やマウスで押す対象の大きさについて、少なくとも24×24 CSSピクセルという最低限の基準を示しています。ボタンどうしの間隔も空けておくと、隣のボタンを押してしまう誤りを防げます。

確認画面を設けない場合の工夫

短いフォームや、使っている道具に確認画面の機能が無い場合は、確認画面を設けずに誤りを防ぐ工夫をします。

入力中にエラーを知らせる

メールアドレスの形式が正しくない、必須の欄が空いている、といった誤りは、送信ボタンを押した時点で知らせ、どの欄の何が違うかを文で伝えます。WCAG 2.2の達成基準3.3.1も、入力の誤りが自動で見つかった場合には、誤りのある項目を特定し、その誤りを文で説明するよう求めています。

送信の直前に、見直しを促す

最後の質問の後、送信ボタンの上に「送信の前に、メールアドレスに誤りが無いかをご確認ください」と一文を添えるだけでも、見直す人は出てきます。特に連絡先の誤りは、返信が届かないという大きな問題につながるため、名指しで見直しを促します。

送信後に控えを送る

送信の直後に、入力した内容の控えをメールで送ると、回答者は後から内容を確かめられます。控えのメールに誤りを見つけた場合の連絡先を書いておけば、確認画面の代わりの役目を果たします。

送信後の修正を受け付ける

送った後でも内容を直せる仕組みがあれば、誤りの影響は小さくなります。送信後に修正できる場合は、その方法と期限を完了画面と控えのメールに書いておきます。

Googleフォームで確認の役割を補う方法

無料のGoogleフォームでフォームを作る場合、Googleのヘルプで案内されている設定の中には、入力内容を一覧にして見せる確認画面を挟む項目は見当たりません。代わりに、次の設定で確認の役割を補えます。

  • 回答のコピーを送る:「設定」の「回答」で、メールアドレスを収集する設定にしたうえで「回答のコピーを回答者に送信」を「リクエストされた場合」または「常に表示」にすると、回答者に控えのメールが届きます。
  • 回答の編集を許可する:「設定」の「回答」で「回答の編集を許可する」をオンにすると、送信済みの回答を回答者が編集できるようになります。
  • 回答の検証:記述式の質問に「回答の検証」のルールを設定し、メールアドレスの形式や数値の範囲を確かめます。ルールに合わないときに表示する文言も自分で書けます。
  • 確認メッセージ:「設定」の「プレゼンテーション」で、送信後に表示するメッセージを編集できます。

これらはGoogleドキュメント エディタ ヘルプの「フォームを公開して回答者と共有する」や関連するヘルプで手順が案内されています。最後のセクションの冒頭に「ここまでの回答を見直してから送信してください。送信後は控えのメールが届きます」と書いておくと、確認画面に近い役目を持たせられます。

送信後の完了画面までデザインする

確認画面の次に表示される完了画面も、フォームのデザインの一部です。送信が終わったことと、次に何が起きるかが分からないと、回答者は不安になって同じ内容をもう一度送ったり、電話で確かめたりします。

確認画面の次に表示される完了画面(サンキューページ)も、フォームのデザインに含まれる重要なステップです。ここでの体験が、お客様の満足度や次のアクションへの動機を大きく左右します。 出典: synergy-marketing.co.jp

完了画面には、次の内容を書きます。

  1. 送信が完了したこと(「お申し込みを受け付けました」)
  2. 次に何が起きるか(「〇営業日以内に担当者からご連絡します」)
  3. 控えのメールについて(「確認のメールをお送りしました。届かない場合は迷惑メールのフォルダをご確認ください」)
  4. 問い合わせ先
  5. 次に見てほしいページへのリンク(サイトのトップ、関連するサービスなど)

完了画面で注文や申し込みの番号を表示しておくと、後で問い合わせを受けたときに、どの申し込みかをすぐに特定できます。

完了画面は、ブラウザで再読み込みされたときの動きにも気をつけます。再読み込みで同じ内容がもう一度送信される作りだと、申し込みが2件届く原因になります。完了画面は、送信の処理が終わった後に別のページとして表示する形にしておくと、再読み込みしても送信は繰り返されません。完了画面の内容は、控えのメールにも同じ形で書いておくと、画面を閉じた後でも回答者が確かめられます。

確認画面でよく見かける失敗

確認画面を設けたのに、かえって申し込みが減ってしまう。そうした確認画面には、似た失敗があります。

確認画面であることが分からない

入力画面と確認画面の見た目がほとんど同じだと、回答者は確認画面を入力画面の続きだと思い、まだ送信されていないことに気づかずに画面を閉じてしまいます。確認画面の冒頭には「入力内容のご確認」のような見出しと、「まだ送信は完了していません。内容をご確認のうえ、下のボタンを押してください」という一文を置きます。入力画面、確認画面、完了画面の3段階のどこにいるかを、画面の上部に段階の表示で示すのも分かりやすい方法です。

確認画面でさらに入力を求める

確認画面に、同意のチェックボックスや追加の質問を新しく出すと、回答者は「まだ入力があるのか」と負担を感じます。同意の項目は入力画面の最後に置き、確認画面は見直しと送信だけの画面にしておくのが基本です。

確認画面の表示に時間がかかる

入力画面から確認画面に進むときに、画面の切り替えに時間がかかると、回答者は送信されたのか、止まったのかが分からなくなります。進むボタンを押した後に読み込み中であることを示し、待たせる時間を短くするよう作ります。

確認画面の後に、さらに確認がある

確認画面で送信ボタンを押した後に、ブラウザの確認のダイアログで「本当に送信しますか」と重ねて聞くと、手順が増えるだけで見直しの効果はほとんどありません。確認は確認画面の1回で十分です。確認の回数を重ねるより、1回の確認画面を見直しやすく作るほうが、誤りを減らす効果は大きくなります。

問い合わせフォームの確認画面の例

注文以外のフォームでも、確認画面の考え方は同じです。会社のサイトの問い合わせフォームを例に、確認画面に表示する内容を並べます。

  1. 画面の見出し:「入力内容のご確認」
  2. 案内の文:「まだ送信は完了していません。内容をご確認のうえ、送信してください」
  3. お客様の情報:お名前、会社名、メールアドレス、電話番号(それぞれに項目名を付けて表示)
  4. お問い合わせの種類:選んだ選択肢の文言
  5. お問い合わせの内容:改行を残した全文
  6. 各まとまりの「修正する」
  7. 送信ボタンの上の一文:「送信すると、入力いただいたメールアドレスあてに受付の確認メールが届きます。2営業日以内に担当者からご連絡します」
  8. 送信ボタン:「この内容で送信する」、戻るボタン:「入力画面に戻る」

問い合わせのフォームでいちばん困るのは、メールアドレスの打ち間違いで返信が届かないことです。確認画面ではメールアドレスを少し大きめの文字で表示し、「このアドレスあてにご返信します」と添えると、見直してもらいやすくなります。

書き直す前と後を比べる

ここまでの工夫を、小さな教室の体験レッスン申し込みフォームの確認画面で確かめます。

書き直す前

  • 入力された内容だけが、項目名なしで縦に並んでいる
  • 問い合わせの本文は改行が消え、1つの段落につながっている
  • 画面の下に「戻る」と「送信」が同じ灰色で並んでいる
  • 戻ると、入力した内容がすべて消える
  • 送信後の画面は「送信しました」の一言だけ

書き直した後

  • 「お客様の情報」「ご希望の日時」「ご質問」の3つのまとまりに見出しを付け、それぞれに「修正する」を配置
  • 項目名を太字で上に、入力内容をその下に表示
  • 問い合わせの本文は改行を残して全文を表示
  • 送信ボタンは「この内容で申し込む」と書き、教室の色で塗りつぶし、戻るボタンは枠線だけ
  • 戻っても入力内容が残り、直した後は「確認画面へ進む」ですぐ戻れる
  • 完了画面に、受付番号、返信までの目安、控えのメール、問い合わせ先を表示

項目の数は変えずに、並べ方と導線とボタンの見た目を変えただけで、確認画面は「1枚増えた画面」から「見直して安心して送る画面」に変わります。

公開前の点検の項目

確認画面と完了画面を公開する前に、次の項目を確かめます。

  • 確認画面の項目が、入力画面と同じ順番で、項目名とセットで並んでいるか
  • 長い文の改行が残っているか、省略されていないか
  • 伏せるべき項目(パスワード、カード番号)が伏せられているか
  • 各まとまりから入力画面に戻れ、戻っても入力内容が消えないか
  • 送信ボタンの文言が、押した結果が分かる言葉になっているか
  • 送信ボタンを2回押しても、2件届かないか
  • 注文の確認画面に、価格、送料、支払い、引き渡し、キャンセルの条件が表示されているか
  • 完了画面と控えのメールに、次に起きることと問い合わせ先が書かれているか
  • スマートフォンで、最初の項目から送信ボタンまで無理なく見られるか

届いた申し込みへの対応まで1つの画面で

確認画面と完了画面を整えると、届いた申し込みの内容の誤りは減ります。次に手間がかかるのは、届いた後の対応です。受付の連絡、内容の確認、日程の調整、担当の割り振り。これを表計算のファイルとメールソフトで回していると、誰が返信したかが分からなくなりがちです。

こうした場面の選択肢の1つが、フォームの道具のHalictです。公式サイトによると、Halictではフォームの送信直後に、回答内容の控えを添えた自動返信を送れます。届いた1件ごとに担当者と状況を割り当てて一覧やボードで管理でき、回答者への返信も同じ画面から送れ、送ったメールの開封とクリックが記録されます。回答者に見えるのは1画面に1問だけの形で、設問は12種類から選べます。

料金は使うメンバーの人数で決まり、1人で使うフリープランは0円で、フォームの数と回答の数はどのプランでも無制限です。

Halictは、@SOHOを運営する株式会社ライフスケープが開発・提供しています。

確認画面の作り込みが必要な注文のフォームなど、要件によっては合う道具が変わります。申し込みの受付から対応の記録までをまとめたい場合の候補として検討してください。

確認画面の設計を仕事にする視点

フォームの確認画面は、サイトの中でも目立たない部分ですが、申し込みや注文が最後まで届くかを左右する場所です。それだけに、ホームページの改修や、ネットショップの立ち上げの仕事では、確認画面まで丁寧に作れるかが仕上がりの差になります。

在宅ワークとフリーランスの仲介を2004年から続けてきた運営者として見てきた限りでは、フォームの改修を任されて長く頼られる人は、見た目を整えるだけでなく、「戻ったら入力が消える」「ボタンが2回押せる」といった、依頼主が気づいていない不具合を先に見つけて直す人です。確認画面は、その目配りがもっとも表れる場所です。

画面の使いやすさを設計する仕事は、UI/UX・アプリデザインのお仕事で紹介しています。既存のフォームやサイトのデザインデータを直す仕事は、デザインデータ変換・修正のお仕事が入り口になります。報酬の目安はデザイナーの年収・単価相場で確かめられます。

店舗や小さな事業者のサイトで、予約や申し込みの受付を整える改修は、補助金の対象になることもあります。美容室・サロン向け補助金2026年版|設備投資・内装リフォームに使える制度では、サロンが使える制度を整理しています。

フォームの確認画面のデザインで押さえることは3つです。入力画面と同じ順番で、項目名と入力内容をセットにして、まとまりごとに見出しを付けること。まとまりごとに修正の導線を置き、戻っても入力を消さないこと。送信ボタンの文言で押した結果を伝え、注文なら取引の条件を確認画面の中で読めるようにすること。この3つがそろえば、確認画面は回答者にとって安心して送るための画面になります。

よくある質問

Q. フォームの確認画面は必ず必要ですか?

必ずではありません。商品の注文や有料の申し込みのように、お金や契約にかかわり誤りの影響が大きいフォームでは設けるのが基本です。短いアンケートや資料請求のように入力欄が少ないフォームでは、画面が増える負担のほうが大きいこともあります。省く場合は、入力中のエラー表示や送信後の控えのメールで誤りを防ぎます。

Q. 確認画面で入力内容はどう並べると見直しやすいですか?

入力画面と同じ順番で、項目名と入力内容をセットにして並べます。まとまりごとに見出しを付け、それぞれに「修正する」を置くと、直したい箇所にすぐ戻れます。長い文は改行を残して全文を表示し、選択肢は選んだ文言のまま表示します。スマートフォンでは項目名の下に入力内容を置く縦の並びが読みやすくなります。

Q. 注文フォームの確認画面に必ず表示する項目はありますか?

通信販売では、特定商取引法の第12条の6が、申し込みの画面に分量、販売価格と送料、支払いの時期と方法、引き渡しの時期、申し込みの期間、撤回や解除に関する事項を表示するよう定めています。送信が申し込みになることを誤認させる表示も禁じられています。扱う商品で求められる表示は変わるため、消費者庁の案内で確かめてください。

Q. Googleフォームで確認画面のような役割を持たせるにはどうすればよいですか?

回答のコピーを回答者に送る設定、送信後に回答を編集できる設定、記述式の質問の回答の検証を組み合わせます。最後のセクションの冒頭に「ここまでの回答を見直してから送信してください」と書いておくと、見直しを促せます。送信後の確認メッセージにも、次に起きることと問い合わせ先を書いておきます。

この記事について

@SOHO
編集部

監修:@SOHO編集部

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

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

この記事を書いた人

@SOHO編集部

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

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

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

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

関連記事

カテゴリから探す

クラウドソーシング入門

クラウドソーシング入門

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

職種別ガイド

職種別ガイド

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

副業・在宅ワーク

副業・在宅ワーク

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

フリーランス

フリーランス

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

お金・税金

お金・税金

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

スキルアップ

スキルアップ

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

比較・ランキング

比較・ランキング

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

AI活用

AI活用

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

最新トレンド

最新トレンド

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

発注者向けガイド

発注者向けガイド

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

転職・キャリア

転職・キャリア

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

看護師の転職・求人

看護師の転職・求人

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

薬剤師の転職・求人

薬剤師の転職・求人

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

介護職の転職・求人

介護職の転職・求人

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

保育士の転職・求人

保育士の転職・求人

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

医療職の転職・求人

医療職の転職・求人

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

保険

保険

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

採用・求人

採用・求人

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

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

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

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

法律・士業

法律・士業

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

シニア・50代

シニア・50代

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

セキュリティ

セキュリティ

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

金融・フィンテック

金融・フィンテック

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

ガジェット・機材

ガジェット・機材

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

子育て×働き方

子育て×働き方

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

補助金・助成金

補助金・助成金

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

M&A・事業売却

M&A・事業売却

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

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

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

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