行動を促すフレーズ。効率の基盤

実際に機能する行動を促すフレーズを作成する方法

(群衆)(2020年12月18日)

イラスト:混雑

この記事は、ボタンを設計するためのガイドではありません。 効果的なCTA を作成するための実用的なマニュアルです。行動を促すフレーズを作成するための包括的なアプローチにより、手で大まかに描いた場合でも、インターフェース要素をクリックできることが保証されます。

***

デザイナーに

「行動を促すフレーズ」

を尋ねますつまり、彼はそれがボタン、インタラクティブなインターフェース要素だと言うでしょう。これは、ユーザーが商品の購入、更新の購読、支援の要求などのターゲットアクションを実行するための方法です。次に、デザイナーはCTAボタンがどのように見えるかを教え始めます。

これは、機能しない行動を促すフレーズを作成するための優れた方法です。

待って、何が問題なのか

まあ、コーヒーメーカーを想像してみてください。行動を促すフレーズ、つまりコーヒーを飲むボタンもあります。しかし、彼らがコーヒーを欲しがらない限り、誰も彼らを押すことはありません。また、Javaを渇望している場合は、ボタンがどこにあるか、どのように見えるかに関係なく、ボタンを見つけることができます。

行動を促すフレーズはボタンではありません。必要なものを手に入れるための招待状です。顧客がボタンを押すとき、デザイナーとは異なり、その鮮やかさや明るさについて考え直すことはありません。彼らは自分たちの目標、つまりコーヒーを飲むことだけを考えています。

デザイナーの主な目的は、人々を自分の手で目標の行動に導くだけでなく、興味を持って目標を達成する意欲を持たせることです。 CTAは、その目標を達成する方法の1つにすぎませんが、目標そのものではありません。当たり前のように見えますが、実際にはどうなりますか?

デザイナーはボタンを単なるデザイン要素と考えており、ユーザーの注意をすべてCTAに集中させています。 「急いでコーヒーを買ってください!」彼らは攻撃的なメッセージを生成し、それが即座に注目を集めることを確実にします。

行動を促す良いフレーズは、すぐに熱い香りのよいコーヒーを飲みたいという欲求を生み出すはずです。本当の目的はコーヒーであり、「私たちはコーヒーを持っています」というバナーではありません。この違いを理解することが、CTAを成功させるための鍵です。

行動を促すフレーズは、インターフェース設計に一貫して実装されている一連のマーケティング戦術です。

UIとUXは、目標を魅力的にすることに完全に専念しているため、CTAは効率的ではありません。ボタン自体は、どれほど最適化されていても、だれにも勧められません。

基本的なCTA作成の原則を知らない設計者は、ボタンを磨き、丸みを付ける必要があるかどうか、どの程度かを心配することに多くの労力を費やします。この由緒ある追求は、CTAの効率とは何の関係もありません。 CTAを作成する際の包括的なアプローチの重要性を理解しているデザイナーは、ボタンの形状、色、タイプについて心配する必要はありません。これは彼または彼女の議題の最後の問題です。

CTAを作成するための包括的なアプローチ

包括的なアプローチとは、ビジュアルマーケティングの基本を理解することを意味しますとユーザー心理学。これは、CTAの効率に影響を与えるすべての要因を追跡することを意味します。

最も重要なものは次のとおりです:

1。興味と動機

ユーザーがデザインを嫌ったり、一見興味がないオファーを見つけた場合、CTAに到達する前にページを離れます。優れたデザインにより、人々はページにとどまり、コンテンツを探索し、ターゲットアクションを検討できます。オファーが魅力的でない場合、地球上の力によってユーザーがアクションを実行することはありません。

ユーザーをうまく引き付けるには、ターゲットオーディエンスの好みや好みを深く理解する必要があります。

AQ加湿器—3Dモデリング

ブランドデザイン

2。優れたUX

効果的なCTAの最初の前提条件は、優れたUXです。

  • シンプルでわかりやすいナビゲーション
  • 障害物がない
  • 予測可能性

エントリポイントからのユーザーの道は、できるだけシンプル、直感的、論理的である必要があります。何が提供され、何を行う必要があるかがすぐに明らかになると、前向きな反応を促す可能性がはるかに高くなります。

CTAまでの道のりが長いほど、登録フォーム、調査、その他の障害物が多くなり、ボタンにたどり着くユーザーが少なくなります。通話のアクションが複雑になるほど、必要な動機付けが増えます。

3。優れたUI

これは、ページをちらっと見たときの瞬間的な印象についてです。コンテンツが多すぎたり、要素が多すぎたり、ハイライトが多すぎたりする雑然としたページは、ユーザーを混乱させ、苛立たせます。多くのオンラインストアには、まばゆいばかりの「購入」ボタンが表示されます。商品の写真は通話や広告の中で失われ、要素の周りにスペースがありません。これらすべてが雑然とした印象を与え、店とその製品は信頼できないように見えます。

明確でミニマリストなデザインが最良の解決策であり、目に優しいです。

ランディングページ— Sollar

1ページに多数のCTAがあると、ユーザーを怖がらせることができます。理想的には、オファーごとに1つの効果的なCTAが必要です。オファーが多い場合は、移行を提案し、それぞれを個別に紹介することをお勧めします。これにより、デザインをすっきりさせ、要素の周りに「呼吸スペース」を残すことができます。 1ページに複数のCTAを配置する必要がある場合は、ハイライトの視覚的な階層を作成し、メインオファーを強調して、セカンダリオファーを呼び出して軽視します。

4.4。コンテンツとCTAの配置

ウェブページのコンテンツは、その利点を示し、ユーザーをCTAブロックに導くという、主な目標に向かって機能する必要があります。コンテンツの表示は、ターゲットアクションを実行するかどうかを選択する際の決定要因です。

有名なマーケティング担当者のニックパテルは、最初のブロックにCTAボタンを配置するとコンバージョンが17%減少することを発見しました。ユーザーはコンテンツを探索する時間がありませんでしたが、すでにアクションを実行するように求められています。ユーザーが前向きな印象を与えることができるように、オファーに関する情報を提供することから始める必要があります。これは、ビジネスのオファーやサービスにとって特に重要です。

ただし、すべてのオファーに詳細な説明が必要なわけではありません。多くの製品やサービスはすぐに提示する必要があります。このような場合、貴重な17%を失うことなくCTAを作成するにはどうすればよいですか?

Appleがどのように作成するかを見てみましょう。

最初に目にするものは何ですか?行動を促すフレーズではありません。確かにそうです。 「今すぐ購入」を促す明るいボタンはどこにありますか?太字のフォントはどこにありますか?

ここで、Appleはハイライトをスマートにシフトします。強調表示されるのはCTAではありません。

www.apple.com

「コレクションを購入する」の呼び出しでは、小さくて控えめなフォントを使用しています。テキスト自体はシンプルです。あり得るように。ここでの積極的な攻撃的な影響は、色によって実現されます。

Apple製品には説明は必要ありません。ただし、効果的な画像で商品を紹介できる場合は、目立たないCTAを付けて商品を紹介することから始めましょう。視覚的な表現だけに頼ることができない場合、CTAはメインのオファーの説明に従う必要があります。

5。 CTAデザイン

CTAブロックはデザインの有機的な部分です。ボタンを含むすべての要素は、選択したスタイルと一致し、視覚的な階層に準拠し、互いに一致している必要があります。 CTAボタンとそれに付随するテキストの視覚的機能は、ウェブサイト(またはアプリ)の目標と目的、およびターゲットオーディエンスの好みに依存するため、どのボタンが「コンバージョンに適している」かを議論することは無意味です。コンバージョンをもたらすのはボタンではなく、特定のユーザーグループを対象とした適切なマーケティングと優れたデザインです。

いいえ、全体的なコンセプトに沿っていない限り、ボタンを手で描かないでください。 CTAをどれだけ目立たせたいとしても、一般的なスタイルに反することはありません。ユーザーがページ全体でCTAボタンを探しに行く必要がないように、CTAボタンの色は背景と対照的である必要があります。創造性のためだけにCTAボタンを通常とは異なる場所に配置することは絶対に受け入れられません。

6。目標の強調表示

ユーザーの目標と最優先事項は、ユーザーが目標のアクションを実行する理由です。彼がコースに加入するとき、彼は自分の教育を改善することを考えています。 「購入」ボタンをクリックすると、商品のことを考えます。必要な心のイメージを強調する画像は、CTAボタンの近くに配置する必要があります。

CTAは目標ではありません!

ランディングページ—ウェンディーズグラニーチョコレート

オファーにイラストが必要ない場合、主なハイライトはテキストの説明で、ボタンで視覚的にバランスが取れています。次に例を示します。

数値情報メリットについても、CTAボタンの視覚的に近くに配置し、十分に強調表示する必要があります。

7。テキスト

説得力のある呼びかけは、常に簡潔で、わかりやすく、シンプルです。能動態、Iステートメント、強い言葉、報酬のトリガー、感情的なトリガーを使用するのが最善です。必要に応じて、簡単な手順と「前」および「後」のデモンストレーションを使用できます。

テキスト呼び出しの主なタイプ(トリガー+ CTA)は次のとおりです。

視覚的には同じ原則が適用されます。つまり、CTAボタンよりもトリガーを重視します。

テキストによる呼びかけは、市場調査に基づいており、事前にテストする必要があります。

8。感情

深い感情的な反応を引き起こすデザインは、高いコンバージョン率の鍵です。上記のAppleの例を思い出してください。マーケターやデザイナーが選んだ色は赤だけではありません。真っ赤なので、人々はやや不安になり、無意識のうちに怖がります。次に、命を救うための呼び出しを追加します。 CTAは、製品を購入するのではなく、高貴な使命を強調しています。これは、美しいデザインの実装を備えた優れたマーケティングソリューションです。

www.apple.com

詳細: 感情的設計

結論

CTAは巨大な機械のただの歯車。マシンが機能する場合(市場分析が行われ、情報コンテンツが慎重に選択され、デザインコンセプトが作成されます)、CTAも機能します。

ユーザーはボタンのウェブページにアクセスしません。彼らは、それがうまく提示されている限り、オファーに惹かれます:理解しやすく、適切で、見栄えがよく、感情的で、論理的です。言うのは口で言うほど簡単ではありません。実際には、マーケター、デザイナー、開発者が理解しなければならない多くの要因が関係しています。最良の解決策は通常、チームワークの結果です。それでも、CTAの作成の背後にある原則を理解すると、設計者はクリック可能な要素を使用して変換設計を作成するのに役立ちます。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です