デザイン基礎10分で読める

UXライティングガイド:UIのテキストをユーザーフレンドリーに書くための実践原則

UIのUXライティング(マイクロコピー)の書き方を解説。ボタンラベル・エラーメッセージ・空のステート・オンボーディングのテキスト・通知コピーなど、日本語UIのテキストをユーザーに伝わる言葉で書くための実践的なガイドを紹介します。

UXライティングマイクロコピーコピーライティングUIテキスト日本語UI

UXライティングとは、UIの中のテキスト(ボタンラベル・エラーメッセージ・ツールチップ・通知など)を、ユーザーの行動・感情・理解を助けるように書くことです。「送信」より「登録を完了する」の方がユーザーの行動を促しやすいように、UIのテキストは単なる文字ではなく、UXデザインの一部です。本記事では、日本語UIのUXライティングの原則と実践例を解説します。

UXライティングの基本原則

明確さ(Clarity):

ユーザーが一読で意味を理解できるテキストを書きます。専門用語・社内用語・曖昧な表現は避けます。「バリデーションエラーが発生しました」より「メールアドレスの形式が正しくありません」の方が明確です。

簡潔さ(Conciseness):

UIのテキストは短ければ短いほど読まれます。余分な言葉を削り、核心だけを残します。「入力フォームを送信するためにボタンをクリックしてください」→「送信する」。

実用性(Usefulness):

ユーザーが次に何をすべきかを示すテキストが最も実用的です。「エラーが発生しました」より「もう一度試してください」の方が次の行動に繋がります。

一貫性(Consistency):

同じ概念・操作には同じ言葉を使います。「キャンセル」と「取り消す」が混在すると、ユーザーは混乱します。用語集(グロッサリー)を作成して表記を統一します。

ヒューマンなトーン:

ロボットのような硬い文章より、自然な日本語で書きます。特にエラーや失敗の場面では、ユーザーを責めないフレンドリーなトーンが重要です。「無効な入力です」より「少し確認が必要です」の方が優しい印象です。

ボタンラベルの書き方

動詞 + 名詞(目的語)の形式:

「送信」「登録する」「続ける」のような動詞形、または「購入を確認する」「アカウントを作成する」のような動詞+目的語形式が最も明確です。

避けるべきボタンラベル:

  • 「OK」「はい」: 何に対するOK・はいか文脈が分からない
  • 「送信」: 何を送信するのか不明
  • 「クリック」: 操作の方法(クリック)より、何が起きるかを書く

推奨例:

  • 「登録を完了する」「今すぐ始める」「無料トライアルを開始する」
  • 「ファイルをアップロード」「パスワードをリセット」

エラーメッセージの書き方

NG例と改善例:

  • NG: 「エラー 404」 → OK: 「ページが見つかりません。URLを確認してください」
  • NG: 「無効な入力値です」 → OK: 「メールアドレスを@を含む形式で入力してください(例: user@example.com)」
  • NG: 「処理に失敗しました」 → OK: 「保存できませんでした。もう一度お試しいただくか、時間をおいて再度ご利用ください」

エラーメッセージの3要素:

  1. 何が起きたか(問題の説明)
  2. なぜ起きたか(可能な場合)
  3. どう解決するか(次のアクション)

空のステートのコピー

空のステート(コンテンツがない状態)のテキストは、ただ「データがありません」と言うのではなく、ユーザーを正しい行動へ導く機会です。

推奨例:

  • 「まだお気に入りがありません。気に入った商品のハートをタップして保存しましょう」
  • 「検索履歴はありません。キーワードを入力して探してみましょう」
  • 「通知はありません。しばらくお待ちください」

オンボーディングのコピー

ウェルカムメッセージ:

「ようこそ!」だけでなく「○○でできることを3つご紹介します」のように、ユーザーが次に何を期待すべきかを示します。

権限リクエストの説明:

「通知を許可しますか?」より「配送状況のリアルタイム通知を受け取るために通知を許可してください」のように、なぜ必要かを明確に示します。

プレースホルダーテキストの書き方

プレースホルダーはラベルの代わりに使わず、「入力例」として機能させます。

  • 氏名フィールド: 「例:山田 太郎」
  • 電話番号: 「例:090-1234-5678」
  • 検索フィールド: 「商品名・キーワードを入力」

日本語UIの特有の注意点

敬体と常体の統一:

「〜してください」(敬体)と「〜しよう」「〜する」(常体)が混在すると不統一な印象になります。サービスのトーン・ブランドボイスに合わせて統一します。

カタカナと漢字の使い分け:

技術系サービスはカタカナ多め(「アカウント」「パスワード」)、親しみやすいサービスは漢字・ひらがな多め(「使い方」「始める」)がブランドの性格と合いやすいです。

まとめ

UXライティングはUIデザインに欠かせない要素です。明確・簡潔・実用的・一貫性・ヒューマンなトーンの5原則を守り、ボタン・エラー・空のステート・オンボーディングのテキストを丁寧に設計することで、ユーザーがストレスなく使えるUIが完成します。UI ZUKANではUIコンポーネントのコピー事例も参考にしてください。

関連記事

実際のUIを見てインスピレーションを得る

UI ZUKANのギャラリーには、国内主要アプリのUI画面を豊富に収録。 記事で紹介したUIパターンを実際の事例で確認できます。

ギャラリーを見る