/ux-copy

不慣れなプレースホルダーを見かけた場合や、どのツールが接続されているかを確認する必要がある場合は、CONNECTORS.md を参照してください。

あらゆるインターフェースコンテキストに向けた UX コピーを作成またはレビューします。

使い方

/ux-copy $ARGUMENTS

必要な情報

• コンテキスト: どのスクリーン、フロー、機能か？
• ユーザーの状態: ユーザーは何をしようとしているのか？どのような気分か？
• トーン: フォーマル、フレンドリー、遊び心のある、安心感のある？
• 制約: 文字数制限、プラットフォームガイドライン？

原則

1. 明確さ: 正確に意図を伝える。専門用語や曖昧さは避ける。
2. 簡潔性: 意味を完全に伝える最小限の単語を使う。
3. 一貫性: 同じものには同じ用語を使う。すべてのコンテキストで統一する。
4. 有用性: すべての言葉がユーザーの目標達成を助けるべき。
5. 人間らしさ: ロボットではなく、助けてくれる人のように書く。

コピーパターン

CTA

• 動詞で始める: 「無料トライアルを開始」「変更を保存」「レポートをダウンロード」
• 具体的に: 「送信」ではなく「アカウントを作成」
• 結果をラベルに合わせる

エラーメッセージ

構造: 何が起きたか + なぜか + 対処法

• 「支払いが拒否されました。あなたのカードが銀行に拒否されました。別のカードを試すか、銀行に連絡してください。」

空の状態

構造: これは何か + なぜ空なのか + 始め方

• 「プロジェクトがまだありません。最初のプロジェクトを作成して、チームとの協力を開始してください。」

確認ダイアログ

• アクションを明確にする: 「3つのファイルを削除しますか？」（「確認しますか？」ではなく）
• 結果を説明する: 「これは元に戻せません」
• ボタンにアクションでラベルを付ける: 「ファイルを削除」「ファイルを保持」（「OK」「キャンセル」ではなく）

ツールチップ

• 簡潔で、役に立ち、自明なことは避ける

ローディング状態

• 期待値を設定し、不安を減らす

オンボーディング

• 段階的な情報開示、一度に1つの概念

声とトーン

コンテキストに合わせてトーンを適応させます：

• 成功: 喜びに満ちているが、やり過ぎではなく
• エラー: 共感的で助けになる
• 警告: 明確で実行可能
• ニュートラル: 情報的で簡潔

出力

## UX Copy: [Context]

### 推奨コピー
**[要素]**: [コピー]

### 代替案
| オプション | コピー | トーン | 最適な使用場面 |
|--------|------|------|----------|
| A | [コピー] | [トーン] | [いつ使うか] |
| B | [コピー] | [トーン] | [いつ使うか] |
| C | [コピー] | [トーン] | [いつ使うか] |

### 根拠
[このコピーが機能する理由 — ユーザーコンテキスト、明確さ、アクション指向性]

### ローカライゼーションに関する注記
[翻訳者が知るべきこと — 避けるべき表現、文字拡張、文化的背景]

コネクターが利用可能な場合

~~ナレッジベースが接続されている場合：

• ブランドの声ガイドラインとコンテンツスタイルガイドを取得する
• 既存のコピーパターンと用語基準を確認する

~~デザインツールが接続されている場合：

• Figma でスクリーンコンテキストを表示して、ユーザーフロー全体を理解する
• デザインから文字数制限とレイアウト制約を確認する

ヒント

1. コンテキストについて具体的に — 「支払い失敗時のエラーメッセージ」は「エラーメッセージ」より良い。
2. ブランドの声を共有する — 「プロフェッショナルだが温かい」とすれば、トーンの一致に役立つ。
3. ユーザーの感情状態を考慮する — エラーメッセージは共感が必要。成功メッセージは祝うことができる。