Boag氏はUXデザイナーであり、デジタルトランスフォーメーションの専門家です。非営利団体や企業のWeb、ソーシャルメディア、モバイルを使ったユーザーとの結びつきを支援しています。この記事はboagworldからの翻訳転載です。配信元または著者の許可を得て配信しています。Action、行動喚起)、つまりユーザーにしてもらいたい行動というものがあるべきです。効果的なCTAを作るにはどうすれば良いのでしょうか?CTAは、私の仕事において非常に大きな部分を占めています。デジタルエージェンシーに対してコンサルティングを行うときは、CTAについて話します。クライアントのプロトタイプを作成する場合はCTAにこだわります。エキスパートレビューを行う際も、CTAは頻繁に話題に上がります。あらゆるWebサイトにおいて、効果的なCTAは欠かすことのできないものです。CTAは重要なのはECサイトに限ったことではありません。お問い合わせフォームの入力やニュースレターの登録、ボランティア活動であったとしても、すべてのWebサイトはユーザーに達成してほしい目標があるべきです。CTAには以下のような効果があります。ここでは、効果的なCTAの作成に役立つ10のテクニックを紹介します。CTAが提供する価値に焦点を当てるユーザー自らが行動するためには、ユーザー自身がニーズを理解している必要があります。インフォマーシャル(編注:テレビショッピングの一種で、商品を詳細にレビューしながら紹介する構成のもの)は、この点を上手に行っています。インフォマーシャルはユーザーに反応を求める前に、ユーザーが抱えている問題を明らかにします。その問題を解決する商品を紹介するのです。CTAをクリックすることでユーザーが得られるメリットについても伝えなければなりません。ユーザーはCTAをクリックすることで何を得られるのでしょうか?Skypeを例に挙げてみましょう。SkypeはダウンロードをうながすCTAにおいて、ダウンロードのメリットを明確に示しています。SkypeはCTAをクリックするメリットを明確にしています。ユーザーにCTAのクリックを急かすことにより、理解しにくくなってしまう場合があることに注意しなければなりません。Skypeのトップページでは、Skypeが何をするものか一目ではわかりません。コピーは心を動かすものですが明確ではありません。CTAのメリットとわかりやすさの両方が必要なのです。CTAに関するユーザーの質問に対処するCTAを完成させることは、ユーザーから信頼を得るための一歩です。サイトによっては、支払い情報や個人情報の入力が必要なこともあります。このようなサイトの場合、ユーザーは疑問や懸念を抱くことが多いです。ユーザーが行動を起こす前に、ユーザーの懸念に対処するべきです。ユーザーに配送料や返品条件を探させるべきではありません。ニュースレターに登録する顧客に対しては、配信頻度を表示する必要があるでしょう。簡単に購読を解約できるかどうかも知りたいはずです。このニュースレターのCTAは登録のメリットを訴えるだけでなく、メールの配信数の開示や購読の解除に関する詳細を記載することで、ユーザーの疑問にも答えています。CTAは少なくし、それぞれ違うものにするCTA自体に焦点を当てることも重要です。CTAが多すぎると、ユーザーは困惑しています。スーパーマーケットでの調査によると、買い物客は選択肢が多すぎるとあまり購入しない傾向にあるそうです。ユーザーがしなければならない選択肢を制限することによって、精神的な努力を減らします。ユーザーに少しずつサイト案内をするのです。案内には、ナビゲーションオプションからCTAまですべてが当てはまります。適切なCTAの数はサイトによって異なります。適切なCTAとは数ではなく、それぞれのCTAに違いがあるかどうかということです。私が最近Amazonで利用しようとした予約注文を例に挙げてみましょう。私に提示されたのは、たった2つのCTAでした。問題は、その2つのCTAの間に、明確な違いがなかったことです。購入するためにクリックする選択肢はどちらだったのでしょうか?もしもCTAを複数作成するのなら、違ったものにしましょう。CTAが似すぎていると、ユーザーは選択することができません。CTAをどのように配置するか考えるもう1つ注意すべき重要な点は、CTAをページのどこに配置するかということです。以下の例のように、CTAはページ上部や中央のコラムに配置するべきです。CTAはページ上部や中央に配置しましょうしかし、顔の画像がページ内にあるときは事情が異なります。下のアイトラッキングのヒートマップからわかるように、顔の画像はCTAから注意をそらしてしまいます。画面上のほかの要素との関係性を考慮してCTAを配置しましょう。画面内に顔がある場合は特に注意が必要です。幸運なことに、これを効果的に利用することもできます。顔の画像がCTAと関連したものであれば、ユーザーをCTAに集中させるのに役立ちます。ユーザーがCTAがある部分に向いていれば、ユーザーの視線をCTAに集めることができます。画像とCTAを関連付けることで、ユーザーの注意を引くのに役立ちます。カスタマージャーニーを考慮した配置CTAのページ上での配置を考えるだけでなく、ユーザーに反応を求めるのに適切なタイミングについても考えましょう。ユーザージャーニーでCTAをどのように配置するか考えましょう。急かしすぎるとユーザーは応えてくれません。Tシャツを買うためにBonobosを訪問したとき、ポップアップが表示されました。そのポップアップは、私のメールアドレスと引き換えに割引をするというものでした。問題は、ポップアップが表示された時点で私がまだTシャツを1枚も見ていないということです。どのTシャツが欲しいのかわからないので、割引してほしいかもわかりませんでした。適切でないタイミングでCTAに応えるよう求めてきたのです。CTAの周りの余白を利用するCTAの配置だけが問題なのではなく、CTAの周りのスペースも重要です。CTAの周囲のスペースが大きいほど、より多くの注意を引くことができます。CTAの周りをごちゃごちゃにしてしまうと、ページが乱雑なためにCTAを見失ってしまうでしょう。YahooとGoogleのホームページのシンプルさを比較してみましょう。余白がどのようにユーザーの視線をCTAに向けるかを表しています。CTAに別の色を使うことを検討する色は、要素にユーザーの注意を引くための効果的な手段です。サイトのCTA以外の部分の色調範囲が限られているのであれば効果的でしょう。次の例は色の効果をよく表しています。サイトのCTA以外の部分に落ち着いた青と灰色が使用されている一方で、CTAは鮮やかな緑です。このはっきりとしたコントラストによって、ユーザーが次にすべきことが明らかになっています。強い対比色は、CTAへの注意を引くのに有効です。色だけに頼ってはいけません。色の区別がつかなかったり、コントラストがわからなかったりするユーザーが多くいるからです。CTAにおけるサイズの重要性Webデザイナーである私たちは、要素のサイズをより大きくするよう依頼してくるクライアントによく悩まされます。サイズがすべてではないというのは真実です。配置や色、余白も非常に重要であることはすでに確認しました。サイズが大きな役割を果たすということは否定できません。CTAを大きくすればするほど、ユーザーが気付く可能性が高まります。CTAを大きくすることでより心に響くコピーを加えることもできます。CTAはサイズが重要です。太字ではっきりしたものにしましょう。希少性を利用してアクションをうながす心理学への理解によって、CTAの効果に大きな差が生まれます。供給を限定することで生まれる緊急性は、人々に行動をうながします。人はチャンスを逃したくないからです。緊急性を生み出して、今すぐ行動しなくてはならないという必要性を作り出すために、以下のようなことに考慮しましょう。・期間限定割引を提示する・供給を限定する・すぐに売り切れてしまうことを強調するBooking.comは、希少性の考えを上手に利用しています。Booking.comでは、利用可能な部屋がどれだけ少ないかを提示しています。何人がそのホテルの情報を見ているということを知らせます。これにより、ユーザーの行動を促進します。ユーザーは、その部屋を予約しなければ、空きがなくなってしまうかもしれないと思うのです。これが、希少性の力です。Booking.comは希少性を利用して、人を今すぐ予約する気にさせます。これは希少性の力のほんの一部にすぎません。People』をおすすめします。最後までCTAを実行するユーザーがCTAに応じる際に、何が起きるか考えましょう。CTAと同様に、それ以外のプロセスについてもしっかりと考慮する必要があります。結局のところ、ユーザーがCTAをクリックしても、カスタマージャーニーは終わりません。登録プロセスやメールの送信、あるいは多くのステップがほかにあるかもしれません。ユーザーの注意をそらさないためにも、これらのようなプロセスの無駄をなくして合理的にする必要があります。ユーザーの注意がそれてしまうと、プロセスを完了する上で妨げになるかもしれません。Amazonでは、いったん支払のCTAをクリックすると、邪魔なものがいかにして取り除かれているか気が付くでしょう。すべてのページにCTAを配置するCTAがホームページ上だけでないことを確認しましょう。サイトのあらゆるページで、ユーザーの注意を引くCTAを何らかの形で設置する必要があります。ユーザーが行き詰まってしまったら、あなたの呼びかけに応えることなくサイトから離脱してしまうでしょう。私のサイトの主なCTAは、ニュースレターに登録をうながすことです。ユーザーが見逃すことがないように、すべてのページの下部にCTAを配置しています。私のCTAはこのブログの全ページに表示されます。CTAはすべてのページで同じである必要はありません。その代わり、ユーザーを最終目標まで導くためのさらに小さなアクションを使用することができます。ユーザーを困らせないよう注意する優れたCTAはコンバージョンに大きな違いを生み出します。CTAに使われたテクニックは危険につながる恐れもあります。CTAを使ってユーザーを操り、アクションを起こさせることは可能です。これは特に心理学の分野での研究に当てはまります。このテクニックによって、ユーザーが買ってから後悔してしまうという事態を招くことがよくあります。ユーザーは騙されたと感じてしまい、オンライン上での否定的なコメントに繋がる恐れがあるのです。そのような否定的なコメントは、長期に渡って売上に損害を与えます。ユーザーを操ろうとすることは、怒りを買うだけです。問題はこれだけに留まりません。コンバージョン達成に必死になるあまり、私たちはユーザーにアクションを押し付けていることがよくあります。オーバーレイ広告やポップアップにより、ユーザーを困らせているのです。したテクニックは確かに効果がありますが、かなりの犠牲をはらいます。1人のユーザーがコンバージョンを達成するごとに、その10倍のユーザーを遠ざけているのです。CTAは慎重に配置していきましょう。コンバージョンだけに重きを置くのではなく、ユーザーの認識にも注目しましょう。ユーザーの認識に注目すれば、長期的な収益を改善することができるでしょう。MILKはより良いサービスやプロダクトを作りたい人のためのメディアです。