ボタンや入力欄の案内が曖昧だと、何を入力するか、クリック後に何が起きるかを判断できません。この記事では、マイクロコピーを使って操作、入力形式、エラーの修正、送信完了を伝える方法と、修正の効果を確かめる指標を解説します。
ボタンやフォームの案内には、何をする操作かと、操作後に何が起きるか を具体的に書きます。ボタン、入力欄の補足、エラーメッセージ、送信完了の案内などに使う短い文章を、マイクロコピーと呼びます。
問い合わせを送るボタンなら、問い合わせを送信する、資料を取得するボタンなら、資料をダウンロードすると書きます。無料、登録不要、返信は1営業日以内といった案内は、実際の利用条件に合う場合に記載します。文言の変更による問い合わせ数の変化は、公開後の計測で確かめます。
操作前、入力中、送信後の案内を一続きで点検し、実際の処理に合う文言にします。ボタン、入力欄、エラー、完了メッセージには、それぞれの段階で必要な説明を置きます。
ボタンは、押すと始まる操作を表す文言にします。読み手が得られる価値を説明する文章と、ボタンが実行する操作を一致させましょう。
| 変更前 | 操作を伝える文言 | 使用する場面 |
|---|---|---|
| 送信 | 問い合わせを送信する | 入力した相談内容を送信する |
| 詳細はこちら | 料金プランを見る | 料金の説明へ移動する |
| ダウンロード | サービス資料をダウンロードする | 資料ファイルを取得する |
| 登録 | アカウントを作成する | 利用者のアカウントを作成する |
文言は、長さより意味が伝わるかで判断します。W3Cの見出しとラベルの解説でも、内容を記述する表現が重要とされています。（W3C 見出しとラベル）
無料相談を予約するという文言は、実際に料金のかからない相談予約へ進む場合に使います。問い合わせの送信だけで予約が成立しない画面なら、予約の相談を送るといった操作に合う言葉にします。
入力欄には、名前、メールアドレス、相談内容など、求める情報が分かるラベルを付けます。補足には、必須か任意か、必要な書式、相談内容に含める情報を書きます。
相談内容の欄なら、依頼する作業と希望時期を記入してくださいという案内が使えます。名前や相談内容に不要な入力制限は加えず、実際の受付方法に合わせます。
入力欄のラベルと補足を画面に残し、プレースホルダーだけで説明を済ませないようにしましょう。フォームの案内を入力欄に対応付ける方法は、W3Cの解説でも示されています。（W3C 入力の案内）
エラー文には、入力が受け付けられなかった欄と、修正方法を記載します。W3Cは、入力エラーを検出し修正方法が分かる場合、その方法を利用者へ提示することを求めています。安全性や処理の目的を損なう場合には例外があります。（W3C エラー修正の提案）
| 変更前 | 修正方法を伝える文言 |
|---|---|
| 入力エラー | メールアドレスに@を含めて入力してください |
| 必須項目です | 相談内容を入力してください |
| 日付が不正です | 希望日は2026-10-12の形式で入力してください |
例の日付形式は、その形式を受け付ける画面で使うものです。別の形式を受け付ける画面には、その書式を案内します。
通信の問題で送信できなかったときは、入力内容の誤りと区別します。再送信を案内する前に、システム側で受信済みか分かる設計にして、二重送信を招く文言を避けます。
完了画面では、問い合わせを受け付けた、資料を取得できた、予約が確定したなど、処理の結果を伝えます。問い合わせの受付と予約の確定は、実際の処理に合わせて書き分けます。
返信予定を知らせるなら、受付時間や営業日を含めた実際の対応に合わせます。W3Cのフォーム通知の解説は、処理の成功とエラーを利用者に知らせる方法を紹介しています。（W3C フォームの通知）
送信した内容を修正する連絡先や、受付メールが届かない場合の案内も、受付方法に応じて記載できます。
文言を修正した際は、ボタンを押した数と、問い合わせが完了した数を区別します。クリックが増えても、入力途中で止まる人が増えれば、問い合わせ完了の割合は同じとは限りません。
計測する例は、次の2つです。同じ人による複数の操作をどう数えるかは、比較する期間でそろえます。
セッションは、アクセス解析で一続きの訪問として数える単位です。これらは比較用の指標の定義例であり、問い合わせの件数そのものとは異なります。
変更前後で訪問者の流入元やサービス価格も変わった場合、文言だけによる変化とは判断できません。文言の比較を設計する際は、A/BテストでWebサイト改善を検証する方法 も参考にしてください。
ボタン、入力欄、エラー、完了メッセージを一続きで読み、どの操作でも説明と実際の処理が一致するかを点検しましょう。利用条件や返信方法が変わった際は、サービス紹介とフォームの補足も更新します。
SpreadSite は、Googleスプレッドシートで内容を管理し、テンプレートを使ってホームページを作成・公開・更新できるノーコードツールです。
サービス内容や問い合わせの案内を更新するホームページづくりに、ぜひ使ってみてください！
A: 利用者が進めない理由に対応する文言から修正します。ボタンの行き先が不明なら操作名、入力形式が分からないなら入力欄の補足、送信が失敗するならエラーの説明を直します。
A: 操作の内容が伝わる長さにします。資料をダウンロードするのように、動作とその内容を示します。画面内に収まることも必要ですが、文字数だけで文言を決めると意味が抜けます。
A: 実際の利用条件を伝える案内として使えます。反応の変化は訪問者、サービス、画面の構成にも関係するため、文言の変更前後や比較テストで確かめます。有料になる条件や登録が必要な手続きを省略しないことも重要です。
A: 入力欄の名前は残します。入力中に消えるプレースホルダーだけでは、何を入力する欄かを見返せなくなります。W3Cも、プレースホルダーをラベルの代わりにしないよう説明しています。（W3C 入力の案内）
