• ウェブデザイン&ユーザーエクスペリエンス

効果的なポップアップの統合:ユーザー維持のためのベストプラクティス

  • Felix Rose-Collins
  • 16 min read
効果的なポップアップの統合:ユーザー維持のためのベストプラクティス

イントロ

ユーザーの注意を引くことは、かつてないほど難しくなっています。しかし、ウェブサイトのポップアップは、瞬時にユーザーの注意を引き、エンゲージメントを高め、最終的にコンバージョンを促進する強力な手段になり得ます。

しかし、使い方を誤ると、たちまち迷惑な存在となり、潜在顧客を遠ざけてしまう。重要なのは、有益であることと押し付けがましいことの微妙なバランスを理解することです。ポップアップの本質は、タイムリーで関連性の高い情報やオファーをユーザーに提供することです。

SEO benchmarking

そこでこのガイドでは、ポップアップを効果的に統合し、注目を集めるだけでなくユーザーのリテンションにも貢献するためのベストプラクティスについてお話します。ベテランのマーケターであれ、これからポップアップの世界に足を踏み入れようとしているビジネスオーナーであれ、このガイドを読めば、ポップアップを最大限に活用するための知識を身につけることができるでしょう。

  • 誰のためにポップアップを組み込むのか?

"汝のオーディエンスを知れ"。何十年もの間、役員室やブレーンストーミングのセッションで繰り返されてきたこの言葉には、それなりの理由がある。ポップアップに関しても、この原則は変わりません」と、My Voyage Scotlandのスコットランド人旅行ブロガー、グレアム・グリーブは言う。

その通りだ。

なぜオーディエンスを理解することが、効果的なポップアップを作るための基礎となるのか、その理由を掘り下げてみましょう。

Ranktrackerの紹介

効果的なSEOのためのオールインワン・プラットフォーム

ビジネスが成功する背景には、強力なSEOキャンペーンがあります。しかし、数え切れないほどの最適化ツールやテクニックがあるため、どこから手をつければいいのかわからないこともあります。でも、もう心配はありません。効果的なSEOのためのオールインワンプラットフォーム「Ranktracker」を紹介します。

Ranktrackerの登録がついに無料になりました。

無料アカウント作成

または認証情報を使ってサインインする

店に入って、20代なのに高齢者割引のチラシを渡されることを想像してみてほしい。無関係どころか、愉快きわまりない。

同様に、冬物を見ている人に夏物セールのポップアップを表示しても、不快感を与えるだけだ。

ポップアップは、大量生産されたチラシではなく、パーソナライズされたメモのように感じられるべきである。

Mattress Next DayのCEOであるMartin Seeley氏は、次のように述べています。「ウェブサイトの訪問者はそれぞれ、独自の嗜好やニーズ、閲覧習慣を持っています。このようなニュアンスに合わせてポップアップを調整することで、"私はあなたのことを見ています、あなたが何を探しているのか理解しています、あなたのために何か用意しました "と本質的に言っていることになります。

このようなパーソナルなタッチが、ユーザーがポップアップをクリックするか、すぐに閉じてしまうかの分かれ目になるのです。

スタートワード・コンサルティングの素晴らしい例を紹介しよう。彼女は誰と話しているのか、その人たちが何を望み、何を必要としているのかを正確に把握している:

Ranktrackerの紹介

効果的なSEOのためのオールインワン・プラットフォーム

ビジネスが成功する背景には、強力なSEOキャンペーンがあります。しかし、数え切れないほどの最適化ツールやテクニックがあるため、どこから手をつければいいのかわからないこともあります。でも、もう心配はありません。効果的なSEOのためのオールインワンプラットフォーム「Ranktracker」を紹介します。

Ranktrackerの登録がついに無料になりました。

無料アカウント作成

または認証情報を使ってサインインする

seo

  • ひとつの明確な目標を目指す

目的地を決めずにドライブ旅行をしたことがあるだろうか?冒険しているように聞こえるかもしれないが、実際にはガソリンと時間の浪費に終わるだろう。

同様に、明確な目的なしにポップアップを立ち上げるのは、コンパスなしに出航するようなものだ。途中で数匹の魚を釣ることはできるかもしれないが、宝島を見逃す可能性が高い。

GoVisaFreeのディレクターであるステファノス・オイコノム氏は、「デザインするポップアップはすべて、目的を果たすものでなければなりません。明確な目的がなければ、効果がないだけでなく、ユーザーを困らせる可能性のあるものを作る危険性があります。"

ポップアップは、そのためだけに存在すべきではなく、常に特定の成果を達成することを目的とすべきである。

ユーザーのブラウジングを一時的にでも中断させるのであれば、それなりの理由が必要です。そして、その理由はあなただけでなく、ユーザーにも明らかでなければなりません。明確な目的があれば、ポップアップは簡潔で関連性があり、真の価値を提供することができます。

だから、派手なポップアップのデザインに飛び込む前に、一歩引いて自分自身に問いかけてみてほしい:「私はこれで何を達成したいのか?その答えが、より効果的でユーザーフレンドリーなポップアップ体験の道筋を決めるでしょう。

  • さまざまなフレーバーを使う

ポップアップはアイスクリームのようなものです。アイスクリームの好きな人には好きなフレーバーがあるように、ポップアップにはあらゆるユーザーと目的に合ったフォーマットがあるのです"

古典的なバニラ(標準的なセンタースクリーンのポップアップ)から、よりエキゾチックなラズベリーリップル(派手なビデオポップアップ)まで、選択肢は膨大です。でも、どうやって選べばいいのでしょう?

  • 1.センタースクリーンのポップアップ:古典的なもの。ユーザーの画面のど真ん中に表示される。見逃しにくいので、重要なお知らせやオファーに最適です。

  • 2.スライドイン:通常、ユーザーがページに一定時間滞在した後、または特定の割合でスクロールした後に、サイドまたは下部からスライドして表示されます。中央のポップアップよりも押し付けがましくなく、二次的なオファーやリマインダーに最適です。

  • 3.フルスクリーンオーバーレイ:画面全体をオーバーレイすることで、ユーザーの注意を最大限に引きます。製品発表や大規模なセールなど、大きな告知に最適です。大胆で注目を集めることができます。

  • 4.フローティング・バー:ユーザーがブラウジングする際に、画面の上部または下部に表示されるバーです。コンテンツを邪魔することなく、常に視認することができます。継続的なオファーや重要なお知らせに最適です。

  • 5.ビデオポップアップ:静的なコンテンツの代わりに、トリガー時に動画を再生するポップアップです。非常に魅力的で、製品デモ、テスティモニアル、ブランドストーリーに最適です。

  • 6.エグジット・インテント・ポップアップ:マウスの動きに基づいて、ユーザーがサイトを去ろうとするときにトリガーされる。魅力的なものを提供し、ユーザーを引き留めるための最後の手段。

「正しいポップアップフォーマットを選ぶ鍵は、あなたの目的とオーディエンスの行動を理解することにあります。あなたが知っている聴衆は、フリーペーパーを手に入れるか、あなたをよりよく理解するためだけにそこにいるのです。"と、First Aid Courses Manchesterのメンタルヘルス・ファーストエイド・トレーナーの資格を持つサラ・ジェフリーズはさらに詳しく説明しています。

簡単なヒントをいくつか紹介しよう:

  • 重要なお知らせにはフルスクリーンのオーバーレイを使いましょう。大胆で、メッセージが確実に伝わります。
  • エンゲージメントを高めるために:ビデオポップアップは、ゲームチェンジャーになり得ます。ダイナミックで、短時間で多くのことを伝えることができます。
  • 微妙なリマインダーに:スライドインやフローティングバーが最適です。存在感はありますが、ブラウジングの邪魔にはなりません。
  • ページの放棄を防ぐ:終了意図のポップアップは、特別な取引やリマインダーを提供し、ユーザーに留まる理由を与えることができます。

パーティーで毎回同じ味のアイスクリームを出さないのと同じように、どの目的にも同じポップアップ形式を使うべきではない。

  • 一貫性のあるデザイン

"手に汗握る小説を夢中になって読んでいると、突然、まったく別の本のページが途中に挿入される。耳障りでしょう?ウェブサイト上で場違いなポップアップに遭遇したとき、ユーザーはまさにそう感じるのです」と、FirePitSurplus.comのオーナー、ティファニー・パラ氏は言う。

本の各章にまとまりがあるように、ポップアップを含むウェブサイトの各要素も、それが属しているように感じられるべきです。

一貫したデザインは信頼を築きます。ポップアップがそのウェブサイトのルック&フィールを反映している場合、ユーザーはそのコンテンツを信頼する可能性が高くなります。なじみがあり、信頼でき、安全だと感じられるからです。逆に、場違いなポップアップは、スパムや悪意のあるポップアップと思われ、ユーザーはすぐに閉じてしまいます。

リーズ救急コースのオペレーション・ディレクター、ダグラス・マクシェーン氏は、「ポップアップは、後付けではなく、ウェブサイトの自然な延長のように感じるべきです。そのため、ユーザー体験を向上させるだけでなく、ポップアップの信頼性と効果を高めることができます。"

ワイルド・ソウルによる彼の素晴らしい例を紹介しよう:

CTR

  • 説得力のあるCTAを作る

道標のない十字路を想像してみてほしい。混乱しますよね?CTA(Call-to-Action)はそのような道標であり、ユーザーが次に何をすべきかを導くものです。

Accountant GlasgowのコンテンツディレクターであるAshley Newman氏は、「よく練られたCTAは、ユーザーに何をすべきかを伝えるだけでなく、ユーザーがそれをしたくなるようなものです。すべてのデザイン要素、コピー、ビジュアルは、ユーザーに取ってもらいたい1つのアクションにつながります。それが "申し込む "であれ、"もっと知りたい "であれ、"お得な情報を手に入れる "であれ、CTAはユーザーの興味と行動をつなぐ架け橋となるのです。

CTAを勝者にする

  1. 明確な言語

広大なデジタル・インタラクションの世界では、明確さが最も重要です。CTAの目的を理解する上で、ユーザーに推測の余地を与えてはならない。曖昧な呼びかけは迷いを生み、最悪の場合、ユーザーはCTAを完全に回避してしまうかもしれません。ユーザーに何の文脈も与えない「ここをクリック」のような一般的なフレーズではなく、明確で明瞭であることが重要です。

例えば、「無料のeBookをダウンロード」は、ユーザーがクリックした結果を正確に予想させる。Lashkaraa.comの創設者であるSumeer Kaurが言うように、"情報の海の中で、明確さはユーザーの行動を導く灯台である"。

  1. 緊急性を伝える

先延ばしは人間の普遍的な特性であり、オンライン領域ではさらに蔓延しています。これに対抗するには、CTAに緊急性を吹き込むことで、ユーザーがすぐに行動を起こすための後押しになります。限定オファー」や「残りわずか!」といったフレーズは、チャンスを逃すことへの恐怖心を刺激し、ユーザーに今のうちにチャンスをつかむよう促します。

  1. 動作指向の動詞

どのような旅でも、始まりが一番難しいことが多い。この惰性を克服するために、CTAは行動を強制し、促す動詞で始まるべきである。これらの動詞は、積極的なトーンを設定し、受動的なブラウジングと能動的なエンゲージメントの違いを作ることができます。例えば、"Get Started"、"Discover More"、"Join Now "といったCTAを考えてみましょう。これらのCTAは、ユーザーに重要な最初の一歩を踏み出すよう促します。Akkioのマーケティング担当バイスプレジデント、ジュリア・ダンレアは、「優れた行動はすべて動詞から始まります。あなたの行動を大切にしましょう。

  1. ハイライト特典

誰もが、"自分にとって何が得なのか "を知りたがっている。ユーザーがCTAに出会うとき、そのアクションを取ることのメリットを無意識のうちに評価しています。単に行動を示す「購読する」ではなく、「購読して10%オフ」は、ユーザーが受け取る価値を鮮明に描き出します。エンゲージメントの際にユーザーを待っている報酬に常にスポットライトを当てることが不可欠なのだ。

魅力的なCTAを作ることは、芸術であり科学でもあります。人間の心理を理解し、何が私たちを行動に駆り立てるのかを理解し、そしてその洞察を無視するにはあまりに優れたボタンにパッケージ化することなのです。

Ingredient BrothersのCEOであるEran Mizrahi氏のアドバイスに従いましょう。「CTAをデザインするときはいつでも、単なるボタンではなく、ポップアップの最終的なパフォーマンスであることを忘れないでください。重要視してください。"

これはCoscheduleによる勝者のCTA例です: iFrames

  • コピーライティングに簡潔さをもたらす

「私たちは情報過多の時代に生きている。ソーシャルメディアの投稿からEメールに至るまで、ユーザーには毎日たくさんのコンテンツが浴びせかけられ、彼らの注意力はかつてないほど短くなっています。だから、簡潔さが効果的なコミュニケーションの本質なのです」。Outreaching.io&Newsjacking.ioのEメールアウトリーチ専門家、ハムザ・Gが素晴らしい指摘を加えている。

ポップアップがユーザーのスクリーンに表示されたとき、ユーザーが関心を持つか持たないかを決めるまでに、あなたのメッセージを伝える時間はほんの数秒しかありません。このつかの間の瞬間には、わかりやすさが最大の味方です。簡潔なメッセージは、ユーザーがあなたの提供する価値を素早く把握できるようにし、望ましい行動を取る可能性を高めます。

Quinable社のブランドン・アームストロングCEOはこう説明する:混雑した駅で、誰かが長いパンフレットを手渡したとします。しかし、明確で大胆なメッセージが書かれたカードを手渡されたら、すぐに要点がわかるでしょう。"

だから、文章を書く前に、"伝えたい核となるメッセージは何か?"と自問するのだ。それがわかったら、それを中心にコピーを組み立てます。洞察、ヒント、限定情報を提供するニュースレターを受け取るためにサインアップしてください」ではなく、「限定情報とヒントを入手してください!今すぐ登録してください。"

  • ポップアップで価値を提供する

Sheffield First Aid Coursesのオペレーション・ディレクター、ダグラス・マクシェーン(Douglas McShane)氏は、次のように述べています。ですから、ポップアップがユーザーの画面に表示されるとき、それは本質的に中断なのです。しかし、その中断がもっと心地よい驚きのように感じられたらどうだろう?そこに価値が生まれる。"

ポップアップが本物の価値を提供できるようにすることで、ポップアップを単なる中断から楽しい幕間へと変えることができる。

ポップアップの成功は、いかに注目を集めるかではなく、いかに効果的に価値を提供するかで測られる。

という質問に対して、Teach SimpleのCEO兼創設者であるコール・ヴィンヤードは、次のように例えて説明している。その見返りとして、ユーザーは有益なものを受け取るはずです。この相互交換が信頼を育み、エンゲージメントの可能性を高めるのです"

ピップスナックスによる素晴らしい例だ:

alt_text

価値主導のポップアップのアイデア:

  • フラッシュセール!2時間限定20%オフ"
  • 例えば、「デジタルマーケティングをマスターするための独占ガイドをアンロックする」など、購読者限定のコンテンツを提供する。
  • 電子書籍のような詳細なリソースを共有する。例えば、"私たちの無料電子書籍で持続可能なファッションの世界に深く飛び込んでください"。
  • 新製品への早期アクセスやスニークピークを提供する。例えば、"Sign up for early access to our new skincare range"(新製品スキンケアシリーズへの早期アクセスを申し込む)。
  • コンテストや景品でユーザーを引き込み、"トロピカルバケーションが当たる夏のプレゼントに応募してください!"と促す。
  • 感想をシェアして10ドル分のクーポンをもらおう」と提案し、報酬と引き換えにフィードバックを促す。

だから、次にポップアップを作るときは、自問自答してください:"ユーザーにとって何が得なのか?"その答えが、本当に響くポップアップを作るための指針になるはずです。

  • ゲーミフィケーションとエンゲージメント

「時間を忘れるほどゲームに夢中になったことがあるだろうか?それがゲーミフィケーションの力です。ゲームでない環境にゲームのような要素を加えることで、エンゲージメントやモチベーション、さらには喜びを促進することができるのです」とProAIの創設者であるチェイス・ヒューズ氏は言う。

ポップアップの領域では、ゲーミフィケーションはありふれたインタラクションを記憶に残る体験に変えることができる。

ゲーミフィケーションの核心は、チャレンジ、リワード、アチーブメントに対する私たちの生来の愛情を利用することです。ユーザーがゲーミフィケーションのポップアップに遭遇するとき、彼らは単にメッセージを見るだけでなく、交流し、遊び、勝利の可能性への招待を受けているのです。

Ranktrackerの紹介

効果的なSEOのためのオールインワン・プラットフォーム

ビジネスが成功する背景には、強力なSEOキャンペーンがあります。しかし、数え切れないほどの最適化ツールやテクニックがあるため、どこから手をつければいいのかわからないこともあります。でも、もう心配はありません。効果的なSEOのためのオールインワンプラットフォーム「Ranktracker」を紹介します。

Ranktrackerの登録がついに無料になりました。

無料アカウント作成

または認証情報を使ってサインインする

ゲーミフィケーションの重要性について、Where to Streamのコンテンツマネージャーであるトム・アンドリュー氏は、「インタラクティブな要素は、ユーザーがポップアップに費やす時間を増やし、望ましい行動を取る可能性を高めることで、ポップアップの効果を大幅に高めることができます」と付け加えている。

ゲーム化されたポップアップの例:

  • ユーザーは仮想の車輪を回して報酬を獲得することができる。例えば、あるオンラインショップでは、様々な割引を提供する「車輪を回す」ポップアップを設置したところ、会員登録が30%増加した。
  • パーソナライズされた報酬を提供するクイズを提供する。あるスキンケアブランドは、「あなたの肌タイプを見つけよう」というクイズで、オーダーメイドの製品を提案したところ、売上が25%増加した。
  • ユーザーが隠された要素を見つけると賞品がもらえる宝探しを作りましょう。あるオンライン書店の隠された本のアイコンは、ユーザーに限定割引を提供し、売上とエンゲージメントを向上させた。
  • プログレスバーを使って、ユーザーのタスク完了意欲を高めよう。あるブログでは、プログレスバーによって記事の閲覧数が増え、ページビューが40%増加しました。

ゲーム化ポップアップのベストプラクティス

  1. ゲーム要素をシンプルでわかりやすくする

ユーザーは、コンテンツに深く入り込むよりも、ざっと目を通すことが多い。そのため、ゲーム化されたポップアップは単純明快であることが重要です。ゲームの仕組みや説明を明確にすることで、ユーザーはすぐにコンセプトを理解し、ゲームに参加し、体験を楽しむことができます。 Asiatravelbugの旅行ブロガー、ティフィー・クーはポップアップの文脈で、"複雑さは印象づけるかもしれないが、シンプルさはつながる "と述べている。

  1. モバイルに最適化する

モバイルブラウジングの急激な増加に伴い、ゲーム化されたポップアップがモバイルデバイスに最適化されていることを確認することが不可欠です。つまり、ゲーム要素はタッチスクリーンで簡単に操作でき、ビジュアルは小さなスクリーンでも鮮明で、ロード時間は迅速でなければなりません。スマホの人にとっても、デスクトップの人と同じようにシームレスで楽しい体験になるはずです。

  1. ゲームが本物の価値を提供することを確認する

ゲーム化されたポップアップの主な目的は、単に楽しませることではなく、ユーザーの心に響く具体的なベネフィットを提供することです。割引、限定コンテンツ、その他の価値あるインセンティブなど、ユーザーは現実的な価値を提供するゲームに参加する可能性が高くなります。Within Homeのリードリサーチャー、リチャード・アダムスは、「ゲーミフィケーションの領域では、価値はエンターテイメントとエンゲージメントの架け橋となる」と強調している。

  1. 定期的なテストと改良

継続的な改善は、ゲーム化されたポップアップの長期的な効果を保証する鍵です。ユーザーのインタラクションを積極的にモニタリングし、パフォーマンス指標を分析することで、ブランドはアプローチを改良し、必要な微調整や改善を行うことができます。この反復プロセスにより、ゲームの魅力が維持され、ユーザーの体験に付加価値を与えるという本来の目的を果たし続けることができるのです。

まとめ

ユーザーにはメッセージやオファー、コールトゥアクションが氾濫しており、目立つことはアートでありサイエンスでもあります。ポップアップは、正確さ、共感、洞察力をもって実行されれば、ユーザーを惹きつけ、情報を提供し、コンバージョンに導く強力なツールとなります。

オーディエンスのユニークなニーズを理解することから、パーソナライズされた体験を作り上げること、緊急性のパワーを活用することから、 A/Bテストの微妙なニュアンスに至るまで、あらゆる要素がポップアップ統合を成功させるシンフォニーにおいて極めて重要な役割を果たします。

しかし、戦略やベストプラクティスを超えたところに、ユーザーを尊重するという基本原則があります。すべてのポップアップのデザイン、メッセージ、意図において、ユーザーの体験、自主性、価値が最前線になければならない。

Felix Rose-Collins

Felix Rose-Collins

Ranktracker's CEO/CMO & Co-founder

Felix Rose-Collins is the Co-founder and CEO/CMO of Ranktracker. With over 15 years of SEO experience, he has single-handedly scaled the Ranktracker site to over 500,000 monthly visits, with 390,000 of these stemming from organic searches each month.

Ranktrackerを無料で使いましょう。

あなたのWebサイトのランキングを妨げている原因を突き止めます。

無料アカウント作成

または認証情報を使ってサインインする

Different views of Ranktracker app