ポップアップとアナウンスバーの使用方法の6つの例

公開: 2020-04-24

訪問者をWebサイトから遠ざける確実な方法の1つは、ユーザーエクスペリエンスに悪影響を与える雑然とした邪魔なデザイン要素を使用することです。 ポップアップは、スパムのように見え、ユーザーにフラストレーションを与えることで有名です。 実際、HubSpotが実施したオンラインマーケティング調査によると、73%もの人々がポップアップを見ることを嫌い、43%がバナー広告に悩まされていました。

しかし、それはあなたがあなたのウェブサイトを開発するときにこれらの要素を完全に除外するべきであることを意味しますか? まあ、完全ではありません。 訪問者の注意を引くために使用するものよりもはるかに重要なのは、それをどのように行うかです。 これが意味するのは、ポップアップとアナウンスバーの両方が、重要な情報を伝達したり、コンバージョンを増やしたりするための優れた方法になる可能性があるということです。

あなたがあなたのウェブサイトにこれらのデザイン要素を組み込む方法を探しているなら、ここにそれをする方法のいくつかの素晴らしい例があります。

特別オファーの伝達

ポップアップまたはアナウンスバーを使用する最も一般的な方法は、進行中の特別オファーに視聴者の注意を引くことです。 いくつかの基本ルールに固執する限り、どちらのオプションもこの目的で非常にうまく機能します。

    1.アナウンスが明確で要領を得ていることを確認します。

    2.ポップアップを閉じた後、訪問者が簡単にブラウジングを継続できるようにします。

    3.訪問者にスパムを送信しないように、訪問ごとに1回だけアナウンスを表示します。

これを行う方法の優れた例については、マネキンモールのWebサイトをご覧ください。 正確に20語で、ドレスフォームの売り手はいくつかの関連するメッセージを伝えることができたため、売り上げを伸ばす可能性が高くなりました。 ウェブストア:

    1.コロナウイルスのパンデミックにもかかわらず、彼らの事業は事業を継続していると指摘した

    2.訪問者を米国の中小企業を支援するように招待し、製品の起源と期待される品質に注目を集めました。

    3. 40%オフのセールを宣伝しました

    4.特別オファーの期間と条件に関する明確なデータを提供しました

このウェブサイトのアナウンスバーは、ホームページの全体的な外観に合うようにうまく設計されています。 さらに、ブラウジング体験を損なうことがないように、簡単に却下することができます。

6ポップアップとアナウンスバーの使用例1

あなたのEメールマーケティングリストを成長させる

ニュースレターを購読してもらうことが目標である場合、ポップアップはユーザーにサインアップを促すための優れた方法です。 全体として、この戦略を実行するには2つの方法があります。

一方では、ティンバーランドが行った方法で、可能な限り最も単純なソリューションを選択することができます。 彼らのポップアップは非常にシンプルで、見返りに10%の割引を提供することでサブスクリプションを奨励しています。

6ポップアップとアナウンスバーの使用例2

一方で、さらに一歩踏み出すこともできます。これは、ブランド認知度の向上に取り組んでいる人に特にお勧めです。 たとえば、NetPicksは、購読するすべての人に無料の電子書籍を提供することで、購読を奨励することを選択しました。 繰り返しになりますが、比較的シンプルなデザインを採用し、効果的なCTAを使用することで、Webサイトは、コンバージョンにつながる可能性が最も高い要素に注意を引くのに優れています。

6ポップアップとアナウンスバーの使用例3

さらに、NetPicksには複数のポップアップ(Webサイトへの後続のアクセスごとに表示される)があるため、リピーターにはさまざまなタイプのツールが提供され、リードを生成する可能性がさらに高まります。

6ポップアップとアナウンスバーの使用例4

関連情報を共有する

セールを行っていないときや景品を提供していないときでも、アナウンスバーを使用して、提供するメリットに注意を引くことができます。 配送は間違いなくセールスポイントになります。 実際、RedDoorによると、送料無料のしきい値を追加すると、注文が90%増加し、平均注文額は7.32%増加しました。

すばらしいことは、アナウンスに多くのスペースを費やしたり、邪魔になったり、セットアップに長い時間をかけたりする必要がないことです。 SomniFixによるこの例を見てください。 メッセージは短く、正確には5語です。デザインはシンプルで、ユーザーはメッセージを手間をかけずに却下することができます。 それでも、閉店しても心に染み込んでいるので、売り上げに向けた大きな一歩です。

6ポップアップとアナウンスバーの使用例5

顧客を更新する

5語のメッセージはすばらしいものですが、状況によってはそれ以上のものを使用する必要があります。 COVID-19のパンデミックは、特に真実であることを示しています。 多くの小売店が閉鎖され、出荷時間も遅れているため、最新の情報を提供することが通常の状況よりもさらに重要になりました。

ほとんどの企業はウェブページに「COVID-19に対応して行っていること」のアナウンスバーを掲載していましたが、BookDepositoryは左下隅にポップアップを使用することを選択しました。 メッセージをクリックすると、訪問者は、売り手が講じた正確な詳細と対策を説明する特別なランディングページに移動します。

6ポップアップとアナウンスバーの使用例6

これは、特にWebサイトに多くの情報が含まれている場合や、最大のデザインを使用している場合に特に適した戦略です。 ポップアップはなんとか目立ちますが、中央または上部の位置により、さらに高い視認性が保証されます。

サポートを提供する

最後に、カスタマーサービスは、ユーザーエクスペリエンスの向上とブランドロイヤルティの向上に大きな役割を果たしていることを覚えておくのは悪い考えではありません。 したがって、既存および潜在的な顧客に連絡方法を知らせるという簡単なメッセージは、売り上げを伸ばすのに役立つ可能性があります。

それを行う良い例については、AppleのWebサイトをご覧ください。 技術の巨人は、バナースペースを使用して製品を宣伝することもできましたが、代わりに、その最大のセールスポイントの1つである信頼性を強調するためにバナースペースを採用しました。 これがあなたの会社が誇りにしているものであるなら、それはあなたのウェブサイトの目立つスペースにそれを表示するのに十分な理由です。

6ポップアップとアナウンスバーの使用例7

最終的な考え

ご覧のとおり、ポップアップやアナウンスバーを使用するための優れた、邪魔にならない方法は数多くあります。 正しく使用すれば、売り上げを伸ばすだけではありません。 これらの戦略を利用して、情報を提供したり、付加価値を提供したり、単にビジネスを良い選択にするものを指摘したりすることができます。

それでも、これらのオンラインマーケティング手法を最大限に活用できるように、ユーザーエクスペリエンスを常に考慮し、A/Bテスト手法を採用することを忘れないでください。