【完全ガイド】押したくなるボタンデザインの極意:今すぐ使える成功テクニック

当ページのリンクには広告が含まれています。
【完全ガイド】押したくなるボタンデザインの極意:今すぐ使える成功テクニック

サイトへのアクセスは増えてきたけど、全然問い合わせや申し込みに繋がらない。ボタンリンクのデザインによって違いって出るのかなぁ?

こんな疑問にお答えします。

こんにちはろにぃです。
今回はクリックされるボタンリンクのデザインについて解説します!

ろにぃ

ろにぃ

SNSすらロクに触ったことない状態からサイト作成を始めてみたけど、

WordPress1日で挫折

⇒1ヶ月かけてWixサイト1つ完成

⇒3ヶ月間PV数0~2件/1日
エラー多発でクレーム連発の超初心者から↓

サイトへのアクセスは増えたけど、問い合わせや申し込みが全然こない…。

そんな悩み、ありますよね。ぼくも初めてサイトを作った頃は同じ悩みを抱えていました。

でも、実はその悩みを解決する魔法の杖があるんです。それが「ボタンリンク」

ボタンリンクの奥深さを知れば、あなたのサイトの成果が劇的に変わるかもしれません。

今回は、思わずクリックしたくなるボタンリンクの秘密を徹底解説します。この記事を読めば、あなたのサイトの問い合わせや申し込みが倍増するかも。

ぜひ最後までごらんください!

目次

クリックされるボタンリンクのデザインとは

クリックされるCVボタンのデザインとは

クリックされるCVボタンはどんな特徴があるのか?

デザイン面から整理してみましょう。

押せることが明確なデザイン

押せることが明確なデザイン

ボタンリンクは、一瞬で「これはボタンだ!」と認識されるデザインが◎。

アイコンをつける
マウスオーバー・ホバーアクションをつける
アニメーションをつける

これらの工夫で、ユーザーの目を引き、クリックを促せます。

ボタンリンクの色選びのトレンドと心理効果

クリック率の高いCVボタン色

以前は緑が最もクリック率が高いと言われていたんです。

ブラウザのFire Foxは緑、青、紫、オレンジで緑のボタンが一番クリックされたという結果を発表しています。

クリック率の高いCVボタン色2
Firefox is Green – Blog of Metrics https://blog.mozilla.org/metrics/2009/06/19/firefox-is-green/

緑には「平和、安全、自然、爽やか、健康、癒し」というイメージがあります。

また、信号機の進めはどこの国に行っても緑。

信号

ぼくたちは本能的に緑は安全、進めだと認識しているんですよね。だから無意識に緑のボタンを安心してクリックしてしまうというわけです。

しかしこれは以前の話。最近ではオレンジがいいといわれているんです。理由はAmazon。

Amazon

ユーザーが1番慣れ親しんでいるボタンの色が今はオレンジだということ。

ターゲットユーザーがその時、何に慣れ親しんでいるかをリサーチし、合わせる事で信頼性が増すわけです。

このボタンリンク、あまりクリックされないなぁ

と思ったら色を変えてみると良いかもしれないですね!

アイコンだけのボタンリンクはNG

アイコンだけのCVボタンはやめた方がいい

「何のボタンだろう…」と迷わせては台無し。絶対にクリックしてくれません。

アイコンだけでなく、わかりやすい説明文を添えましょう。

CVボタンの位置はクリック率を変える

CVボタンの位置はクリック率を変える

こんな構成のサイト、よく見ません?

知りたい情報の前に広告が多数出てきて、イラっとするあれです。

ページの上・中・下に3つ配置すべき

なんて古い常識は忘れましょう。

ユーザーにとって必要な場所に、必要な数だけ。これがユーザーフレンドリーな配置の秘訣です。

クリックを誘う魔法の言葉たち

クリックされるCVボタンのコピーとは

CVボタンに使用するコピー(文言)によってもクリック率は変わります。

ここからはクリックされやすいCVボタンのコピーについて解説していきます。

「送信」は禁物!?

「送信」のCVボタンはクリック率を下げる

ソーシャルメディア専門家Dan Zarrella氏は以下のように発信しています。

送信ボタンのデフォルト テキストは「送信」なので、最初に行ったのは、このデフォルトを維持したランディング ページと、デフォルトを変更したページのコンバージョン率を比較することでした。40,000 を超える HubSpot のお客様のランディング ページを調べました。

「送信」というラベルが付いた送信ボタンのあるランディング ページは、他の文言を使用したページよりもコンバージョン率が低い傾向があることがわかりました。

Dan Zarrella:Don’t “Submit” To Landing Page Button Text

代わりに「click here」や「go」といった言葉の方が、クリック率が高いそうです。

ぼくもサイト作成初期のころは『送信』とのみ表記されたCVボタンを設置していました。当然全くクリックされなかったわけですが、あなたもやってしまっていませんか?

もし使用しているようでしたら今すぐ変えましょう。

ベネフィットを明確に

ベネフィットを伝える

CVボタンにはやることだけではなく、ユーザーのベネフィット(利益)を明記しましょう。

「無料」という言葉の魔力は絶大。

例えば、

こんな風に、ユーザーのメリットを明確に示すと効果的です。

緊急性で煽る

緊急性を伝える

「今すぐ」という言葉で、即座の行動を促しましょう。

人は後回しにしがち。その心理を逆手に取るんです。

数字の説得力を活用

数字を使う

数字を使うことでユーザーはより具体的にイメージします。

よりも

の方がボタンを押しやすくないですか?

説得力を持たせたい時、数字は強力なワードになるんです。

マイクロコピーの威力

行動を誘うマイクロコピー

ボタンの前後に添える小さな文章、マイクロコピー。これが実は大きな役割を果たすんです。

マイクロコピーについての詳細は【悪用厳禁】マイクロコピーとは?人を動かすマジックワードの効果や使い方を徹底解説をチェックしてみてください。

ボタンリンクはテスト検証して改善することが大切

クリックされるボタンリンクの改善サイクル

ボタンリンクの完璧な正解はありません。大切なのは、

  1. 仮説を立てる
  2. テストする
  3. データを分析する
  4. 改善する

この4ステップを繰り返すこと。

ボタンリンクは、あなたのサイトを劇的に変える魔法の杖。でも、その力を引き出すには正しい使い方が必要です。

この記事で紹介したテクニックを参考に、あなただけの最強ボタンリンクを作り上げてください。

そして、驚くほどの成果を手に入れてくださいね!

そして、この分析に欠かせないのがGoogleアナリティクス。

まだ使ったことがない方は今すぐ設定しましょう! 無料で使える強力なツールですよ。

今回は以上です。最後まで読んで頂きありがとうございました!

ホームページサポートサービス
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする

CAPTCHA


日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

目次