モバイル ポップアップのベスト プラクティス: コンバージョンにつながるポップアップをデザインするための 9 つのヒント

公開: 2023-03-18

MobilePopups-01 これは、自己識別電話中毒者の唇からあなたの耳に直接届く、それほど秘密ではないヒントです。人々は自分の電話にくぎ付けになっています。 基本的に重要な臓器です。 嘘をつかないでください、あなたは私たちの一人です。

モバイル デバイスはソーシャル メディアと GPS ナビゲーションのためだけのものだとまだ考えているなら、もう一度考え直してください。 消費者はスマートフォンやタブレットで購入しています。 2021 年までに、e コマースの 54% がモバイル経由で行われると推定されています。 また、消費者の 55% は、ソーシャル メディアで見つけた商品をオンラインで購入したことがあります (インスタグラムの広告は、あなたのモバイル サイトに直接表示されます!)。

これはあなたの心を驚かせるでしょう: Shopify マーチャントにとって、モバイルは 2019 年の BFCM 中に売上の 69% を占めました.

週に 2 回、e コマース マーケティングに関する最高のコンテンツを受信トレイに入れましょう

したがって、あなたのモバイル サイトには、未開拓の最高の営業担当者になる大きなチャンスがあります。 多くの e コマース ストアは、押し付けがましいインタースティシャル (TLDR) に関する Google のルールに違反することを恐れて、モバイル ポップアップの使用に慎重です。Google は、押し付けがましいモバイル ポップアップを含むサイトに、検索ランキングで降格することによってペナルティを課しています。年齢確認や Cookie の免責事項など)。

Google は、ポップアップがユーザー エクスペリエンスを妨げないようにしたいだけです。 理にかなっていますよね? とはいえ、モバイル サイトにポップアップを展開できないということですか? 絶対違う。 必要なのは、訪問者が必要な情報を簡単に表示できるようにすることだけです。 基本的に、ポップアップを「押し付けがましい」ものにしたくありません。つまり、次のことを意味します。

1.画面全体を占有して、ユーザーがサイトのコンテンツを表示できないようにすべきではありません。または;

2.フルスクリーン ポップアップ場合は、コンテンツへの関心を示すために、ユーザーが下にスクロールするか数ページにアクセスした後にのみ表示する必要があります。

注: Cookie の免責事項、年齢確認、国の確認など、サイトの操作に必要な場合は、ポップアップがすぐに表示されても問題ありません。

Intrusive Popup

訪問者を顧客に変える非常に効果的なモバイル ポップアップを作成するためのヒントをいくつか紹介します。

1.準拠したフォーマットを選択する

押し付けがましいポップアップが原因で、Google 警察がサイトを格下げするのではないかと心配している場合は、画面上のスペースをあまり占有しない形式 (つまり、押し付けがましくないオプション) を選択するだけで、これを解決できます。 たとえば、バーはモバイル デバイスで簡単に表示でき、画面スペースをほとんど占有しません。 これらは、以下の Mollyjogger の例のように、複数のページで取り上げたい送料無料や割引を表示する場合に特に便利です。

Mollyjogger

または、ウェルカム ポップアップを使用している場合は、フライアウトが最適です。 これらのタイプのポップアップは、画面の隅または下部にあるティーザーから始まり、ユーザーがクリックすると拡大します。これは、Hardcore Carnivore のもののようです。

Hardcore Carnivore

何をするにしても、コンピューターの画面ではなく、携帯電話に最も合うようにサイズを調整して、モバイル フレンドリーにするようにしてください。 Privy のポップアップ エディターでは、特にモバイル用に最適化されたテンプレートから選択できるため、これは非常に簡単です。 デスクトップ ポップアップをモバイル テンプレートにコピーして、そこから修正することも簡単です。

2. または大きくなるが、巧妙になる

わかった。 フルスクリーンのポップアップは見栄えがします。 それらを使用したい場合は、ユーザーがコンテンツへの継続的な関心を示した後にのみ、より大きなポップアップをトリガーすることで、Google の煩わしいインタースティシャル ポリシーに準拠し続けることができます。 これは、CROSSNET の次のような、スクロール トリガー ポップアップがホームページの途中にあることを意味する可能性があります。

Crossnet

また、顧客がいくつかのサイト ページを訪問した後にのみ表示されるようにトリガーされるポップアップを意味する場合もあります。

また、これらのポップアップが目立たないようにするには、X をタッチスクリーンで簡単にクリックできるように十分大きくすることで、常にユーザーが簡単に閉じられるようにします。

3. セグメンテーションはあなたの友達です

メッセージがパーソナライズされているほど、訪問者がコンバージョンする可能性が高くなります。 そのため、次のようなさまざまなオーディエンスに合わせてショッピング エクスペリエンスを調整してみてください。

1.まったく新しいサイト訪問者 (下の Epicured のような)

2.購入したことがないシリアルブラウザ

3.カートを放棄した買い物客

4.忠実な顧客または頻繁な購入者

5.訪問者はソーシャルメディアからあなたのサイトを参照しました

6.特定の地域に位置する

Epicure

訪問者がどのカテゴリに分類されるかに応じて、モバイル表示を最も関連性の高いものに調整できます。

4. CTA を直接的かつ明確にする

モバイル ポップアップはサイズが小さいため、明確な目標を設定し、インパクトのあるデザインにする必要があります。 CTA は、Goldie のナンセンスなフライアウトのように、顧客に何をしてもらいたいかを明確に示す必要があります。 ユーザーが混乱すると、変換せずにスワイプするだけです。

Goldie

言葉を明確にするだけでなく、CTA を目立たせる必要があります。 Magic Spoon のエレクトリック シアンのような対照的な色を使用し、小さいタッチスクリーンを使用している場合でもクリックしやすいようにボタンを大きくします。

Magic Spoon-1 5. 言葉を選ぶ

電話は、顧客が最も注意を向ける時間が短い可能性が高いデバイスであるため、モバイル ポップアップはかなり短く、魅力的なものにしてください。 慎重に言葉を選び、それを重要視することがすべてです。

まず、作業するための物理的なスペースがあまりなく、ユーザーの目が若くない可能性があることを覚えておいてください。 HELM Boots の次のような、より大きく最小限のテキストが最も効果的です。

HELM Boots 6.フォームフィールドについて考える

マーケティング メールにサインアップするときに、長文のエッセイを書いているように感じたくない顧客はいないので、あまり質問しないでください。 多くの場合、スマートフォンは迅速な非同期通信やアクションに使用されるため、ユーザーは大量の情報を入力する忍耐力を持っていない可能性があります。

マーケティング戦略にとって最も重要なフォーム フィールドについて考え、時間をかけてユーザー エクスペリエンスを想像してください。 今、彼らの電子メール以外に何か必要ですか? 顧客がまだ電話をしている間に、テキスト マーケティング メッセージを数分で送信できるように、電話番号を尋ねることは理にかなっていますか? ラジオボタンとドロップダウンメニューのどちらが使いやすいですか? 必要なものだけを尋ね、顧客が必要な情報を人間的に可能な限り簡単に提供できるようにします。

Seven Rock Life は、訪問者の電子メール アドレスと電話番号のみを尋ねることで、フォーム フィールドを簡素化しました。これにより、フォローアップのテキスト マーケティング キャンペーンを開始する機会が得られました。

Seven Rock Life

7. ゲーミフィケーション

あなたは今、いくつかのことを疑問に思っているかもしれません。 たとえば、モバイル ポップアップでできるユニークなことはありますか? Rachel は自由な時間をすべてインターネットで素晴らしいポップアップの例を探すことに費やしていますか? 両方の答えはイエスです (オタク注意!!)。

モバイル キャンペーンにスパイスを加えるには、スピン トゥ ウィンを試して、人々がすでに携帯電話で楽しんでいるゲーミフィケーションを模倣した魅力的なユーザー エクスペリエンスを作成してください。 Candy Crushほど楽しくはないかもしれませんが、うまくいきます. Ballwash からのこのポップアップは、彼らの皮肉なブランド ボイスと完璧に調和しています。

Ballwash 8. 出口戦略を使う

連絡先に変換したり、購入したりせずに、モバイル訪問者が離れていくのは望ましくありません。 それらがなくなったら、元に戻すのは非常に困難です。 そのため、マーケティング戦略を使用して、ユーザーがサイトから離れようとしているときにトリガーされる終了意図ポップアップを展開することで、彼らがあなたの縄張りにいる間に彼らと同じレベルになるようにします. これは、取引が成立することを期待して、または少なくとも将来の収益機会のために連絡を取り続けることができることを期待して、電子メールアドレスと引き換えにオファーで彼らを誘惑する場所です.

これは Piccolina からのもので、チェックアウト ページに表示されます。訪問者がカートに商品を入れたが、カートから出ようとしているときにトリガーされます。 ここでの目標は、セールを割引付きで受信トレイに保存することです。

Piccolina 9. 画像を避ける

分かった分かった。 通常、私たちは驚くべき製品写真をフィーチャーしたポップアップに取りつかれています。 しかし、モバイルでは、忙しそうに見えます (言うまでもなく、写真は多くのスペースを占有しますが、それはありません)。 代わりに、コントラストの高いシンプルなデザインを選択し、Web サイトの製品画像がそれ自体を物語るようにします。 以下は、Newton Baby がポップアップのデスクトップ バージョンに微調整を加えて、モバイル フレンドリーなフライアウトにした方法です。

Newton Baby Desktop

Newton Baby Mobile

ポイント: 顧客がいる場所にいる

モバイル用に特別に設計されたポップアップがない場合は、チャンスを逃しています。

適切に機能しているブランドの例をたくさん見てきたので、何が最も重要かについて本当に良い感覚を持っているはずです.

さらにインスピレーションが必要な場合は、携帯電話からお気に入りの Web サイトにアクセスして、モバイル ポップアップがどのように表示されるかを確認してください。

これらの 9 つのヒントを使用して、人々が実際にエンゲージするモバイル ポップアップを作成する準備が整います。 そのため、より多くの人に売り込むことができます。 そして、より多くの販売を促進します。

トピック:
eコマースブランド
eコマースマーケティング
ウェブサイトのコンバージョン

この記事はもともと Privy ブログに掲載されていたもので、許可を得てここに掲載されています。

共有2
つぶやき
共有
2