UXコピー
リーフスキル(Design領域)。ドメインまたは名前でアクセスします。
インターフェーステキストは、タスクの途中やストレス下で読み流されます。 ユーザーが次に何が起こり、何をすべきかを理解できる場合に機能します。「送信」「OK」「エラーが発生しました」のような一般的な言葉は、ユーザーに推測を強います。ユーザーの状況と操作の実際の結果に基づき、インターフェース自身の言語で記述します。
実例
依頼(架空のプロダクト):「ユーザーが誤ってプロジェクトを削除してしまいます。このダイアログを見直してください: 本当に削除しますか? [OK] [キャンセル]」
「Q3 ローンチ」を削除しますか?
14個のタスクとすべてのファイルが、チーム全員から削除されます。
この操作は元に戻せません。
[キャンセル] [プロジェクトを削除]
タイトルは操作と対象を明示し、本文は重大性を伝える結果を述べ、破壊的なボタンには動詞を繰り返して単独で読めるようにしています。「キャンセル」はそのまま残します。これは誰もが知っている逃げ道であり、名前を変えてもメリットはありません。
状況から考える
画面やフロー、ユーザーが何をしようとしているか、どのように感じている可能性があるか、プロダクトのトーンと既存の用語、文字数制限、プラットフォームの慣習、対象言語などの制約を確認します。引数として渡されたコピーはレビュー対象のテキストです。詳細が不足している場合は、アンケートを送るのではなく、明示した前提に基づいて記述します。質問は、コピーを変える答えが必要な場合に限り行います(例:敬体か常体か)。
~~でマークされたセクションは、ツールカテゴリ名です(プロダクト名ではありません)。~~design tool(例:Figma)や~~knowledge base(例:Notion)のように使います。ホストが提供する該当カテゴリの接続ツールを使用し、該当するツールがない場合はそのステップをスキップします。
~~knowledge base がある場合は、最初にブランドボイス、コンテンツスタイルガイド、用語集を読みます。~~design tool がある場合は、フロー内の画面を確認し、レイアウトから文字数制限を取得します。
他言語のコピー
インターフェースの言語でネイティブに記述します。英語で下書きして翻訳したコピーは英語の構造を残し、外国語として読まれます。リクエストの言語で返信しますが、文字列はインターフェースの言語で記述します。この2つは異なることがあります(英語のリクエストでドイツ語アプリについて質問する場合など)。以下のパターンはすべての言語で有効ですが、以下の慣習によって表現方法が変わります。
- 敬称の形式。 多くの言語で敬体(Sie)と常体(du)の「あなた」が区別されます(ドイツ語、フランス語、スペイン語、オランダ語)。プロダクトの既存の選択に従うか、選択肢がない場合は1つ提案し、エラーも含めてすべてに適用します。
- コントロール上の動詞形。 ドイツ語、フランス語、スペイン語のインターフェースでは、慣習的にボタンやメニュー項目に命令形ではなく不定詞を使います。プラットフォームとプロダクトの慣習に従います。
- 大文字化。 文頭のみ大文字(Sentence case)は英語のルールです。ドイツ語では文中でも名詞を大文字にします。英語のタイトルケースを他の言語に適用してはいけません。
- タイポグラフィと書式。 対象言語の引用符、スペース(フランス語では
! ? : ;の前にスペースを入れる)、数値、日付、通貨の書式を使用します。 - 長さ。 ドイツ語とフランス語は通常、英語より3分の1長くなり、短い文字列ではさらに顕著です。長い複合語は改行されません。実際の幅で確認し、正しい
lang属性でハイフネーションを有効にします。
レビューでは、これらの一貫性をすべての文字列でチェックし、1つの文字列だけに注目しないようにします。
パターン
| 要素 | やるべきこと | 例 |
|---|---|---|
| ボタン、CTA | 動詞+目的語。結果を命名。フロー内で名前を統一 | 「公開」→トースト「公開しました」 |
| エラー | 何が起こったかと修正方法。修正に役立つ場合のみ原因を。決して非難せず、コードだけを表示しない | 「このカードはご利用いただけません。別のカードをお試しいただくか、カード会社にお問い合わせください。」 |
| フィールドエラー | 何が間違っているかではなく、何が必要かを伝える | 「今日より後の日付を入力してください」 |
| 空状態 | ここに何が表示されるかと開始方法。検索結果がない場合は検索条件の変更を提案 | 「まだ請求書がありません。新規作成するか、CSVファイルからインポートしてください。」 |
| 確認 | 操作と対象を明示、結果を記載、ボタンに動詞をラベル | 実例を参照 |
| ツールチップ | ラベルに書けない情報を追加。ラベルを繰り返さない | — |
| ローディング | 何が起こっているかを伝え、長時間待つ場合の期待値を設定 | 「2,400件の連絡先をインポート中。1分ほどかかる場合があります。」 |
| 成功 | 具体的な結果を確認 | 「成功!」ではなく「請求書をDanaに送信しました」 |
| オンボーディング | ステップごとに1つのコンセプトを、ユーザーが何かする操作に結びつけて | — |
トーンはプロダクトのものを維持し、場面に応じて変化します。エラーは穏やかで具体的に。共感とは影響を認めて修正を助けることであり、反射的に謝ったり冗談を言うことではありません。成功は簡潔に、警告は直接的です。
出力
1つの要素については、推奨コピーとそれがユーザーの状況に合う理由を一文で示します。選択肢が本当に開かれている場合のみ(トーンや長さのトレードオフなど)、代替案を提案します。
## UXコピー:[コンテキスト]
**[要素]:** [コピー]
[この瞬間にユーザーにとってこれが適切な理由]
| オプション | コピー | 最適な用途 |
|---|---|---|
| A | [コピー] | [使用する場面] |
**ローカリゼーションノート:** [コピーが翻訳されている場合や複数言語で出荷される場合のみ:避けるべき慣用句、拡張、敬称形式、文化的コンテキスト]
複数の文字列のレビューでは、各変更が追跡可能な1つのテーブルを使用します。
| 場所 | 現在 | 提案 | 理由 |
|---|---|---|---|
| チェックアウト、カードエラー | "Error 402" | "このカードはご利用いただけません。別のカードをお試しください。" | 何が起こったかと次のステップを伝えている |
レイアウト、タイポグラフィ、視覚的階層はこの方法の対象外です。同様に、長文マーケティングテキスト、記事、メールも対象外であり、これらはマイクロコピーパターンではなくライティングメソッドが必要です。