UXコピーライティングとマイクロコピー

たった3語で100万ドル

🔄 Quick Recall: 前のレッスンではAIでワイヤーフレームの構造探索とプロトタイピングを高速化した。構造が決まったら、次はその中身——ユーザー体験を形成するコピーとマイクロコピー。

あるSaaS企業のフォームに「送信」ボタンがあった。コンバージョン率は12%。「レポートを受け取る」に変更。コンバージョンは19%に急上昇。同じフォーム、同じデザイン、同じすべて。3語の違い。58%のコンバージョン増加。

UXコピーは装飾ではない。インフラだ。すべてのラベル、メッセージ、ツールチップ、プレースホルダーは、ユーザーの成功を助けるか混乱させるかの小さな指示。多くのプロダクトがこれを間違える。UXライティングが後回しにされるからだ：「コピーは後で埋めよう。」

AIが「後で」を「今」に変える。コピーのバリエーションを秒で生成し、言葉を見つけるのに苦労する代わりに正しい言葉を選ぶことに集中できる。

UXコピーフレームワーク

すべてのUXコピーには仕事がある。仕事を理解すれば書くのもプロンプトも上手くなる。

コピータイプ	仕事	例
ボタンラベル	次に何が起きるか伝える	「下書き保存」vs「送信」
エラーメッセージ	何が間違ったか、どう修正するか	「パスワードは8文字以上必要です」
空状態	最初のアクションへ導く	「プロジェクトはまだありません。作成して始めましょう。」
ツールチップ	文脈を離れず不慣れな要素を説明	「このスコアは過去30日間の顧客満足度を反映しています」
確認ダイアログ	破壊的な事故を防ぐ	「このプロジェクトを削除しますか？すべてのタスクとファイルが永久に削除されます。」
オンボーディング	新規ユーザーの価値実感までの時間を短縮	「3つの簡単なステップでワークスペースを設定しましょう」
成功メッセージ	完了を確認し次のステップを提案	「支払い完了。領収書をsarah@email.comに送信しました」
プレースホルダー	何を入力すべきか示す	「例：Q4マーケティングキャンペーン」

ボタンラベルバリエーションの生成

ボタンはUXコピーが最も重要な場所：

このアクションのボタンラベルを8案生成してください：

コンテキスト：プロジェクト管理ツールの料金ページ。
ユーザーは「プロ」プランを選択し機能を確認済み。
ボタンはプラン選択を完了し支払い詳細に移動。

現在のラベル：「送信」

要件：
- 最大4語
- クリック後に何が起きるかを伝える
- コミットメントへの不安を軽減
- トーン：自信があるが押し付けがましくない

各オプションについて「送信」より良い理由を説明。

本当に助けになるエラーメッセージ

多くのエラーメッセージは実装中に開発者が書く。「無効な入力」「エラー422」。ここがAIで即座に測定可能なインパクトを出せる場所だ。

エラーメッセージプロンプト：

[プロダクトタイプ]アプリケーションの
以下のシナリオのエラーメッセージを書いてください。

ボイス：[プロダクトのボイス — 例：親しみやすい、
  プロフェッショナル、会話的]

各エラーについて：
- エラーメッセージ（20語以内）
- 回復アクション（ユーザーがすべきこと）
- オプション：初回発生時のソフトなバリアント

シナリオ：
1. メールアドレスに@がない
2. パスワードが最低要件を満たさない
  （8文字、数字1つ、大文字1つ）
3. ファイルアップロードが10MB制限超過
4. セッション切れで再ログインが必要
5. アクティブな共同作業者がいるプロジェクトの削除
6. クレジットカードが拒否された
7. 保存操作中にネットワーク接続が切断
8. プランで利用不可の機能へのアクセス

良いエラーメッセージの例：

悪い例	良い例
「無効なメール」	「メールアドレスの形式が違います。@が含まれているか確認してください。」
「パスワード要件未達」	「パスワードは8文字以上、数字1つ、大文字1つが必要です。」
「ファイルが大きすぎます」	「ファイルが10MBを超えています。圧縮するか小さいファイルを選んでください。」
「セッション期限切れ」	「セキュリティのためログアウトしました。再ログインして続きから始めましょう。」

パターン：何が起きたか＋何をするか。常に。

✅ Quick Check: 最近遭遇したエラーメッセージを思い出してほしい。何が間違ったかと何をすべきかの両方を伝えていたか？ほとんどは伝えていない。それがAI支援UXコピーで設定するバー。

空状態とオンボーディング

空状態は多くのプロダクトで見逃されたチャンス。「データなし」の白い画面はユーザーに何も伝えない。よくできた空状態は最初の意味ある行動へ導く。

プロジェクト管理ツールの以下の画面の
空状態コピーを書いてください：

1. ダッシュボード（新規ユーザー、プロジェクト未作成）
   - 最初のプロジェクト作成を促す
   - 歓迎的で、圧倒しない

2. タスクリスト（プロジェクトあり、タスク未追加）
   - タスク追加を提案
   - テンプレートやインポートオプションに触れてもよい

3. チームページ（ソロユーザー、メンバー未招待）
   - 共同作業者の招待を促す
   - ソロ利用もOKと伝える

4. レポート（レポート生成に十分なデータなし）
   - 必要なデータを説明
   - レポートが有用になる時期の期待値設定

各空状態について：
- 見出し（5〜8語）
- 本文（1〜2文）
- プライマリCTAボタンラベル
- オプションのセカンダリCTA

大規模なマイクロコピー作成

数十のインターフェース要素を含む機能を設計するとき、AIが一貫したコピーを全体で生成：

ユーザー通知の設定ページを設計しています。
各要素のマイクロコピーを書いてください：

セクション：メール通知
- トグル：メール通知を受け取る
- 何を制御するかのヘルパーテキスト
- トグル下のオプション：
  - タスクの割り当て
  - チームメイトのタスク完了
  - タスクへのコメント
  - 週次プロジェクトサマリー
  - 期日リマインダー

各オプションについて：
1. ラベル（簡潔に）
2. 簡潔な説明（ユーザーが受け取るもの）

すべてのコピー：
- ラベルは10語以内
- 説明は20語以内
- 能動態で
- 構造を統一（並列構文）

コンテキスト別トーンマッピング

スマートなUXコピーは一貫したボイスを維持しながら感情的コンテキストにトーンを適応させる：

プロダクトのボイスは：[ブランドボイスを記述 —
例：「自信があり、明確で、さりげなく温かい」]

以下のコンテキストに適切なトーンをマッピング：

1. 成功状態（ゴール達成）
2. エラー状態（何か問題発生）
3. 警告状態（アクションに結果が伴う可能性）
4. ロード/待機状態（ユーザーに忍耐が必要）
5. 破壊的アクション（削除、キャンセル、除去）
6. アップグレードプロンプト（有料機能）
7. 初回利用（機能を発見中）

各例は異なる状況で話す同じ「人」に感じるべき。

コピーテストの高速メソッド

A/Bテストなしでもコピーを検証する方法：

5秒テスト： 画面を5秒間見せる。隠す。何を覚えているか、何ができると思ったか聞く。コピーが役目を果たしていれば、主要アクションを覚えている。

アクション予測テスト： ボタンを見せて「クリックしたら何が起きると思う？」正確に予測できなければ、ラベルを改善。

声に出して読むテスト： コピーを声に出して読む。親切な人が言いそうか？システムメッセージに聞こえるか？ロボット的なら書き直す。

Key Takeaways

UXコピーは行動を導き混乱を減らす——装飾ではなくインフラ
ボタンラベルはアクションではなく結果を述べるべき（「レポートを受け取る」が「送信」に勝つ）
エラーメッセージは何が起きたか＋今何をすべきかに答える
空状態は誘導のチャンス、行き止まりではない
AIでコピーバリエーションを一括生成し、最良を選ぶ
トーンは感情的コンテキストに合わせて柔軟に、ボイスは一貫させる
高速テスト（5秒、アクション予測、声に出す）が大半のコピー問題を捉える

Up Next: 次のレッスンではアクセシビリティとインクルーシブデザイン——すべてのユーザーが使えるものを作る方法を学ぶ。