WDF.
Useful Information

NN/gが提唱する「マイクロコピーの3C」、UIライティングの基本原則を整理する

Webサイトやアプリのボタンラベル、エラーメッセージ、ツールチップといった短いUIテキスト、いわゆるマイクロコピーの品質は、ユーザー体験に直結します。UXリサーチの権威であるNielsen Norman Group(NN/g)が、情報型マイクロコピーを書くための3つの原則「3C」を整理しました。Clear(明確)、Concise(簡潔)、Character(らしさ)の3つです。Webディレクターとして制作現場でライティングを監修する際に、判断基準として活用できるフレームワークです。

情報型マイクロコピーとは何か

マイクロコピーとは、UIの中に登場する短いテキスト全般を指します。ボタンのラベル、フォームのプレースホルダー、ローディング中のメッセージ、エラー文言など、ユーザーの行動を導くために配置される数語〜数十語のテキストです。

その中でも「情報型マイクロコピー」は、ユーザーに状況や操作の結果を伝える役割を担うものです。たとえば「変更が保存されました」「この操作は取り消せません」といった、説明・確認・補足のためのテキストが該当します。

この情報型マイクロコピーの品質が低いと、ユーザーは操作に迷い、問い合わせが増え、離脱率が上がります。逆に適切なマイクロコピーがあれば、ユーザーは迷わず操作を完了でき、サポートコストの削減にもつながります。

マイクロコピーがUXに与える影響

3Cの原則:Clear・Concise・Character

NN/gが提唱する3つのCは、それぞれ以下の観点でマイクロコピーを評価する基準です。

Clear(明確であること)

最も優先度が高い原則です。ユーザーがテキストを読んだとき、何を意味しているのか、次に何をすべきかが即座に理解できる必要があります。専門用語やシステム都合の表現を避け、ユーザーの言葉で書くことが基本です。

日本語のUIでありがちな問題として、「処理を実行しますか?」のような曖昧な表現があります。「注文を確定しますか?」のように、具体的に何が起こるかを明示するだけで、ユーザーの不安は大幅に軽減されます。

Concise(簡潔であること)

UIテキストが長いと、そもそも読まれません。必要な情報を最小限の文字数で伝えることが求められます。ただし、簡潔さのために明確さを犠牲にしてはいけません。ClearとConciseが衝突する場合は、Clearを優先します。

実務では「1文で収まるか?」を目安にすると判断しやすいです。2文以上になる場合は、情報を分割するか、そもそもUI構造を見直すサインかもしれません。

Character(らしさがあること)

ブランドのトーンや個性をマイクロコピーに反映させる原則です。ただし、これは3つの中で最も優先度が低く、ClearとConciseを満たした上で初めて検討すべきものです。

たとえばフレンドリーなブランドであれば「お疲れさまでした!設定完了です」、フォーマルなブランドであれば「設定が完了しました」と、同じ内容でもトーンを変えられます。重要なのは、Characterの追求がClearやConciseを損なわない範囲で行うことです。

3Cの優先順位と役割
Clear > Concise > Character の順に優先する

Webディレクターが現場で活かすには

Webディレクターがこの3Cを実務に取り入れる場面は、主にワイヤーフレームのレビューとUIテキストの監修です。

ワイヤーフレーム段階でテキストを確定させる

デザインが固まってからテキストを流し込むと、スペースの制約でConciseばかりが優先され、Clearが犠牲になりがちです。ワイヤーフレームの段階で主要なマイクロコピーを仮確定し、デザイナーと共有するフローが有効です。

チェックリストとして3Cを使う

レビュー時に「このテキストは明確か?」「もっと短くできないか?」「ブランドトーンに合っているか?」と順番に確認するだけで、UIテキストの品質は底上げできます。優先順位がClear > Concise > Characterと明確なので、判断に迷ったときの指針になります。

Webディレクターの3C活用フロー

エラーメッセージは特に重点的に

マイクロコピーの中でもエラーメッセージはユーザーのストレスが最も高い場面で表示されるため、3Cの効果が顕著に現れます。「入力に誤りがあります」ではなく「メールアドレスの形式が正しくありません(例: name@example.com)」のように、Clearを徹底するだけで問い合わせ削減につながります。

エラーメッセージの改善例
Clearを徹底するだけで大きく改善できる

まとめ

NN/gが整理した3C(Clear・Concise・Character)は、マイクロコピーの品質を判断するシンプルなフレームワークです。優先順位が明確なため、デザイナーやエンジニアとの合意形成にも使いやすい基準といえます。まずは次のプロジェクトのワイヤーフレームレビューで、主要なUIテキストを3Cの観点からチェックしてみてください。

参考リンク

Related Intelligence