JOURNAL

ボタンの一言(マイクロコピー)にこだわると、使いやすさが変わるという話

ボタンに書く一言や入力欄の小さな補足、いわゆる「マイクロコピー」って、機能そのものとは関係ないおまけだと思われがちなんですが、実は道具の使い心地を劇的に左右します。自分は正直、JavaScriptのロジックを書く時間よりも「このボタンの文字、何にしよう……」と唸っている時間の方が長い日があるくらいです。

👆 実際に押し比べてみてください(マイクロコピー実演)

どちらのボタンも「お問い合わせフォームを送信する」という機能は全く同じですが、クリックしたときに受ける印象や安心感がどう変わるか試してみてください。

パターンA:事務的で冷たい例
パターンB:安心感を与える例

1. たった1文字の違いが「押す勇気」を生む

「送信」にするか「送る」にするか、「キャンセル」にするか「やめる」にするか。たったこれだけの言葉の違いで、ボタンを押す側の心理的ハードルはガラリと変わります。

特にWebサービスやアプリの画面でユーザーが一番ためらうのは、「これを押したら取り返しのつかないことが起きるんじゃないか」という不安を感じた瞬間です。

  • 「削除」とだけ書かれていると、「今すぐ消える?それとも確認が出る?」と指が止まる。
    → ゴミ箱へ移動する や 完全に削除(復元不可) と書くだけで、その後の挙動が一瞬で予測できる。
  • 「購入する」だと身構える。
    → 注文内容を確認する(まだ請求は発生しません) という一言をボタンの下に添えるだけで、クリック率が跳ね上がる。

ボタンの文字は単なる「ラベル」ではなく、ユーザーに対する「背中をそっと押す安心の約束」なんだと意識するようになってから、ボタン1つの文言に数分悩むのが日常茶飯事になりました。

2. エラーメッセージで「怒られ感」を出さない工夫

マイクロコピーの真価が最も問われるのが「エラーが起きたとき」です。自分がユーザーとして使っていて一番イラッとするのが、システム側から一方的に怒られたような気分になるメッセージです。

// ユーザーがイラッとする冷たいエラー
✕「入力エラー:郵便番号が不正です」

// 解決策がすぐ分かる優しいマイクロコピー
◯「郵便番号はハイフンなしの7桁(例: 1234567)で入力してください」

「入力エラーです」と突き放されても、「じゃあどう直せばいいの?」とユーザーは困惑してしまいます。大事なのは「何がダメだったのか」ではなく「次にどうすれば解決するのか」を具体的に教えること。エラーメッセージこそ、道具の優しさが最も試される場所です。

3. 検索0件・空っぽの画面(エンプティステート)を放置しない

道具の一覧画面で検索した結果が0件だったり、お気に入り機能にまだ何も登録されていなかったりする「空っぽの画面(エンプティステート)」も、地味に手抜きになりやすいポイントです。

ただ真っ白な空間に「データがありません」とだけ置かれていると、ユーザーは「あれ? 読み込みがバグって止まったのかな?」と不安になります。

  • 惜しい例:「該当する道具はありません」
  • 親切な例:「『〇〇』に一致する道具は見つかりませんでした。別のキーワードで探すか、道具一覧をご覧ください。」

「行き止まり」を作らず、次に進むための抜け道(リンクや別提案)を一言添えておく。これだけで、サイトから離脱されるのを防ぐことができます。

従来の無機質な文言親切なマイクロコピー改善のポイント・効果
送信この内容で店主に届ける誰にどう届くかが分かり安心感が増す
入力エラー半角英数字8文字以上でご入力ください直すべき具体的な条件を即座に提示
キャンセル変更を保存せずに戻る何が起きるか(保存されないこと)を明示
検索結果:0件条件に合う道具がありません(一覧へ戻る)行き止まりをなくし次の一歩を案内
クリア入力した文字をすべて消すボタンの誤爆防止と操作結果の明確化

声に出して読んでみるのが一番のチェック法

文言に迷ったとき、自分は必ず「実際に声に出して読んでみる」ようにしています。画面越しに黙って眺めていると違和感がなくても、口に出して読んだ瞬間に「なんか偉そうだな」「カタカナが多くて舌が回らないな」と気づくことが山ほどあるからです。

1人でPCに向かって「送る……送信……店主に届ける……」とブツブツ呟いている姿は、家族に見られるとだいぶ怪しい人ですが(笑)、小さな言葉の積み重ねが道具全体の血の通った温かさを作ると信じて、これからもブツブツ言い続けようと思います。