LoginSignup
3
0

More than 1 year has passed since last update.

AGRI SMILEAdvent Calendar 2022Day 3agrismile
@masanag(Masaki Nagaishi)in株式会社AGRI SMILE

コンバージョン率の高いCTAボタンの8つの特徴

Posted at

8 Characteristics of High-Converting CTA Buttonsから学んだことを日本語で記述しました。

前提

CTAとは何か

  • CTA(Call-to-Action)とはユーザーに何をして欲しいかを伝えるテキストを指します
    • CTAボタンというのは ログインする カートに入れる 今すぐ購入 のようなボタンを指します
      • ユーザーにログイン操作や、購入操作を促すボタンです

なぜCTAが重要なのか？

  • CTAはコンバージョンに影響するから
    • CTAがコンバージョンとバウンスの分かれ目になる

コンバージョン率の高いCTAボタンの8つの特徴

1. ボタンであること。

  • クリエイティビティは、CTAのコピーなど、サイトの他の部分で発揮してください。
  • 特徴
    • 形や枠が決まっている。
    • 周囲と異なる色である。
    • テキストが表示されている。
    • 長方形である必要はないが、通常は長方形である。角を丸めたり、角を削ったり、影をつけたりすることもありますが、どれもボタンであることを目立たなくする効果があるので、まったく問題ありません。
  • 理由
    • ユーザーがそれに慣れているから
      • ユーザーが探しやすいから
      • 混乱させないから
  • CTAボタンは、そのページが何をすべきページなのかを示している
    • アカウントを作る
    • 購入する
    • メールマガジンに登録する
    • 無料で使ってみる
  • これが目立つ、ユーザーにとってわかりやすい、ということが重要

2. 説得力のあるコピー。動詞を使用する。

  • 理想は、「送信」以外の動詞を使うことです。
  • ユーザーがクリックするかどうかを決定するのは、そのコピーです。
  • 限られたスペースで、なぜそのボタンをクリックする必要があるのかをユーザーに伝える必要があります。そのスペースを使って、ユーザーがアクションを起こしたときに何が期待できるかを正確に伝える必要があります。
  • 文言にこだわりすぎる必要はない
  • CTAのコピーを比較的短くすることも重要です
    • シンプルで読みやすく即座に判断できるものがよい
  • 効果的なことばは以下のようなもの; これらの動詞はいずれも行動を意味し、読者にとって明確な利益をもたらすからです。
    • Start
    • Stop
    • Build
    • Join
    • Learn
    • Discover
  • 行動を促すのに効果的であるとされている言葉
    • You
    • Easy
    • Guarantee
    • Save
    • New
    • Proven
    • Results
    • Free

3. 論理的な配置であること。視線はジャンプではなく、経路をたどって移動します。

4. コントラストの強い色を使っている

  • あまり時間をかけずにさまざまな色を試してみて、ページ上の他の要素からボタンが目立つようにしましょう。
  • 色はそこまで重要ではない
  • 目立たなければならないので、他の要素とコントラストがあることは重要

5. 直前のアクションに近い位置にある

  • CTAボタンにユーザーを誘導するために、ユーザーのアクション（画面スクロール等）の流れにCTAボタンを配置するようにします。
    ユーザーの認知・視覚の流れに配置することになります。

6. 他のアクションと競合させない

  • コンバージョンを実現するためにはCTAボタンが最もわかりやすく、注意を引く要素である事が大事。
  • 他の要素はコンバージョンを直接生み出すものではないので、CTAよりも目立たせてはいけない。

7. 一人称を使う

  • View Your Dashboard ではなく View My Dashboard とする
    • my trial, my guide 等を使う。マイページというのと同様でしょうか。
  • ユーザーファーストの意識をもってユーザーとコミュニケーションをとるのが重要である。（これが Your ではなく Myとする理由になるということが私には理解できていないですが）

8. とても具体的にする

  • ユーザーへのオファーを具体的に書く
    • 104件の取引 というように書く

ABテストをする

  • 最終的には検証しつづけることでしかコンバージョンを増加させられない
  • この記事で書いたすべてのことをテストすべき
  • コンバージョンを向上させる要素が見つかったらまたテストをする
  • 施策、結果、意思決定、そして次の施策、というように改善サイクルを回すのがよい
  • そうすることで長期的にコンバージョンと収益を増加させることができる

良いCTAについてのまとめ

  1. ボタンであること。クリエイティビティは、CTAのコピーなど、サイトの他の部分で発揮してください。
  2. 説得力のあるコピー。動詞を使用する。理想は、「送信」以外の動詞を使うことです。
  3. 論理的な配置であること。視線はジャンプではなく、経路をたどって移動します。CTAは目に留まる場所に設置しましょう。
  4. コントラストの強い色を使っている。あまり時間をかけずにさまざまな色を試してみて、ページ上の他の要素からボタンが目立つようにしましょう。
  5. 直前のアクションに近い位置にある。心とポインターは、共生関係にあります。ユーザーの認知・視覚の流れに直接入り込むことで、あなたのCTAはその一部となります。
  6. 他要素と競合させない。CTAを他の重要度の低いアクションと競合させることで、コンバージョンを失わないようにしましょう。CTAは、ランディングページの明確な焦点であるべきなのです。

参考リンク

良いCTAボタンについて、ざっと目を通しておきたいもの

その他重要なもの

3
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
3
0