入力しやすいフォームを設計する

レストランで初めて行くお店のメニューを思い出してみてください。料理名だけズラッと並んでいたら、何を頼めばいいか迷ってしまいますよね。でも「おすすめ」の印があったり、写真が添えてあったりすると、スッと決められるはずです。

フォーム（＝画面上で情報を入力する欄の集まり）も同じです。入力する人が迷わず、サクサク進められる設計が大事です。このレッスンでは、AIツールの力を借りながら「入力しやすいフォーム」の設計コツを15分で身につけます。

フォームが使いやすいかどうかは、次の3つで決まります。

• 見やすさ ― 何を入力すればいいか、ひと目で分かるか
• 入力のしやすさ ― タイプする量が少なく、選ぶだけで済むか
• 安心感 ― 入力ミスをしたとき、どう直せばいいか分かるか

この3つを意識するだけで、フォームの出来はグッと良くなります。以降の手順は、この3つを具体的にどう実現するかの話です。

フォームの各項目には「ラベル（＝入力欄の上にある説明文）」が付きます。ここが分かりやすいと、迷う人がぐっと減ります。

良い例

• 「お名前」
• 「メールアドレス」
• 「好きな色を1つ選んでください」

悪い例

• 「氏名（漢字フルネーム）」← 説明が長すぎて読むのが大変
• 「Email」← 日本語のフォームなら「メールアドレス」と統一しよう
• 「field_03」← 機械向けの名前がそのまま出ている

コツ: ラベルは「小学校の子どもにも伝わる言葉」を意識すると、自然と分かりやすくなります。

入力欄にはいくつか種類があります。選ぶ基準は「答えのパターンが決まっているかどうか」です。

良い例

• 性別 → ラジオボタン（選択肢が少ないのでそのまま見える形が親切）
• 都道府県 → ドロップダウン（選択肢が47個もあるので、一覧から選ぶ方がスッキリ）
• 興味のあるジャンル → チェックボックス（複数選べるようにしたい）

悪い例

• 都道府県をテキスト入力にする ← 「東京」「東京都」「Tokyo」など表記がバラバラになる
• 性別（男・女の2択）をドロップダウンにする ← わずか2個なら、最初から見えている方が親切

入力が必須（＝必ず埋めないといけない項目）かどうかを、ちゃんと伝えましょう。

良い例

• 項目名の横に「*必須」と小さく赤い文字で書く
• 必須項目をフォームの上の方にまとめる

悪い例

• 必須かどうかの表示がない ← 送信ボタンを押してからエラーが出てイライラする
• すべての項目が必須 ← 本当に必要なものだけに絞ろう。項目が多いと途中で離脱されてしまう

目安: 必須項目は全体の半分以下に抑えると、入力する人の負担が減ります。

ここからが本番です。AIツール（ChatGPT、Claude、Cursorなど）を使って、あなた専用のフォーム設計案を作りましょう。

ステップ1: AIに依頼する文章を準備する

次の文章をまるごとコピーして、AIの入力欄に貼り付けてください。

以下の目的のフォームを設計してください。
項目名、入力方式（テキスト/ドロップダウン/チェックボックス/ラジオボタン）、必須かどうかを表形式で出してください。
項目は10個以内に抑えてください。

目的：社内イベントの参加申し込み

これは「社内イベント申し込みフォームの設計案を出して」とAIにお願いしている文章です。「目的：」の後ろを書き換えれば、どんなフォームにも応用できます。

書き換え例:

• 目的：お客様アンケート
• 目的：社内の備品貸し出し申請
• 目的：セミナー参加後の感想収集

ステップ2: AIの出力を受け取る

AIが表形式でフォーム設計案を返してくれます。

ステップ3: 自分の目で調整する

AIが出した案をそのまま使うのではなく、次の3つの観点で手直ししましょう。

1. ラベルの言葉 ― 初めて見る人にも伝わる表現になっているか？
2. 入力方式 ― テキスト入力よりも選択式にできる項目はないか？
3. 項目の必要性 ― 「なくても受付できる項目」は思い切って消す

ポイント: AIの案を「たたき台」として使い、あなた自身が最終判断するのが大切です。AIは万能ではないので、実際に使う場面を想像しながら調整してください。

もっとAIに聞きたいとき

調整中に迷ったら、追加でAIに質問できます。次のような聞き方が便利です。

このフォームの「備考」欄は、テキスト入力とドロップダウンのどちらが良いですか？
回答者は社内メンバー20人程度で、自由な意見を聞きたい場面です。

この項目一覧を、入力する人の目線で並び替えてください。
自然な順番（名前→連絡先→詳細）になるようにしてほしいです。

このように「状況」と「期待する結果」を具体的に伝えると、AIからより的確なアドバイスがもらえます。

フォーム案ができたら、次のチェックリストで最終確認しましょう。声に出して読みながらチェックするのがおすすめです。

• 項目数は10個以下か？
• ラベルは知らない人にも伝わる言葉か？
• 選ぶだけの項目が、タイプする項目より多いか？
• 必須項目にマーク（*必須 など）が付いているか？
• 必須項目が全体の半分以下か？
• 項目の並び順は自然か？（名前→連絡先→詳細内容の順）

すべて「はい」なら、あなたのフォームは入力しやすい設計になっています！

1つでも「いいえ」があれば、その項目だけ見直してみましょう。

フォーム設計で初心者がよくはまるポイントと、その対策をまとめました。

このレッスンの成果物は、あなたが設計したフォームの設計書です。以下の内容が含まれていれば完成です。

1. フォームの目的（何のためのフォームか）
2. 項目一覧（ラベル・入力方式・必須/任意を表形式で）
3. 項目数が10個以下であること

設計書ができたら、画面の写真（スクリーンショット）を撮って保存しましょう。それがこのレッスンの完了証拠になります。

完成イメージ

# フォーム設計書

社内イベントの参加申し込み

お疲れさまでした！ これであなたは「入力しやすいフォーム」を自分で設計できるようになりました。次に実際のツール（Googleフォームやノーコードツール）でこの設計書を形にするレッスンへ進むと、学びがさらに定着します。