ポップアップとモーダルウィンドウで従うべき10のルール

巧みに使用されたポップアップまたはクリックされていないモーダルウィンドウは、ニュースレターの購読者を引き付け、製品を販売し、一般的にメッセージを目立たせるための最良の方法です。 しかし、彼らはとても迷惑です！

問題は、それらが非常に目立たない場合があり、ユーザーが絶え間ないポップアップで攻撃されたときにそれを嫌うことです。 これが、マーケティング目的でポップアップを使用することと、訪問者を満足させることとの間の適切なバランスを見つける必要がある理由です。 ポップアップを少し煩わしくないものにするために従うべき10の基本的なルールを次に示します。

1.ポップアップ/モーダルをシンプルにする

ポップアップは実際に表示されるため、多くのものをポップアップに含めたくなるかもしれません。 これは大きな間違いです！ まず、小さな場所にたくさんのものを含めると、それが雑然としていて、それを埋めているすべての細部のために重要なものを見逃しやすくなります。

第二に、ポップアップに入れるものが多いほど、ユーザーが離れる可能性が高くなります。 たとえば、ポップアップを使用してニュースレターの購読者を獲得する場合は、ユーザーにメールアドレスを入力するように依頼するのが賢明ですが、ユーザーが入力できる数十のテキストボックスを含むフォームをポップアップにしないでください。あまりにも多くのデータを要求している場合、ユーザーはポップアップを閉じるだけで、サイトを完全に離れることさえできます。

したがって、ポップアップに含めることができる要素は、ロゴ、電子メールアドレスのフィールド、オプションで[名前]フィールド、[購読]ボタン、そしてもちろん[閉じる]ボタンです。 本当に必要な場合は、ポップアップに短いビデオを含めることができますが、これによりポップアップの読み込みが遅くなり、邪魔になるため、それを行うときは十分に注意してください。

2.閉じるボタンを見える場所に置きます

ユーザーにとって、[閉じる]ボタンは、ユーザーが気に入らないポップアップの最も重要なコンポーネントです。 [閉じる]ボタンを大きくする必要はありませんが、十分に大きくする必要があります。何よりも、目に見える場所に配置します。 下のスクリーンショットのように[閉じる]ボタンがない場合は、コンバージョン率が高くなると思うかもしれませんが、そうではありません。 ユーザーがポップアップを気に入らず、ポップアップを閉じる簡単な方法が見つからない場合、ユーザーに残されているのはサイトを離れることだけです。 このように、あなたは販売だけでなく訪問者も失っています。

3.絶対にすべてのページにポップアップを配置しないでください

訪問者がポップアップに遭遇する頻度が高いほど、訪問者はイライラします。 したがって、読者に嫌われさせたくない場合を除いて、絶対にすべてのページにポップアップを配置しないでください。 ここでの選択は、使用しているポップアッププラグインによって異なりますが、ほとんどすべての優れたポップアッププラグイン/スクリプトを使用すると、表示スケジュールを微調整できます。 ユーザーが特定のアクションを実行した後（つまり、ページで30秒以上費やした後、特定のページにのみポップアップを表示するように選択できます。これは、ユーザーがコンテンツに関心があることを示しています。ページ）など。

4.ユーザーが完全にオプトアウトできるようにする

一部のポップアップでは、ユーザーがポップアップから完全にオプトアウトすることを選択できます。 ユーザーにポップアップを表示したくない場合は、ユーザーに表示させたくないので、この選択肢をユーザーに提供することをお勧めします。 売り上げの損失を叫ばないでください。ユーザーにポップアップが表示されない場合は、代わりに他の広告をクリックする可能性があるため、これは迷惑なトラフィックではありません。

5.ポップアップをサイトへのLaissez-Passerとして使用しないでください

数週間前、私はときどき思いもよらないことに出くわしました。オファーを入力しないと先に進まないというポップアップが表示されます。 これは、サイト所有者に手数料を支払うタイプのアフィリエイトオファーのようなものだったと思いますが、私はこのアプローチにショックを受けました。 非常に悪いポップアップの使用例としてサイトのURLを書き留めなかったのは本当に申し訳ありませんが、残念ながら、これがこのまったく受け入れられない慣行を使用している唯一のサイトであるとは想像できません。

特にユーザーに購入を依頼する場合は、ポップアップをサイトへの入り口パスとして使用しないでください。 これは単に機能しません–ユーザーはそれほど愚かではありません！

6.ポップアップで（完全に）音とフラッシュを避ける

テキストと画像のポップアップはあまりにもスリムに見えるかもしれませんし、少しスパイスを効かせたくなるかもしれませんが、注意して行う必要があります。 何年も前にネットが若い頃、すべてのデザイン初心者が自分のページに音楽やアニメーションを含めることを見逃すことはめったになかったことを覚えています。 これは本当に苛立たしいことで、過去のものとして分類しましたが、残念ながら時々、ポップアップを含め、Web上でサウンドとFlashが無味に使用されているのを目にします。 ビデオと同様に、絶対に必要な場合にのみ実行してください。

7.複数のポップアップバージョンをテストする

あなたは天才かもしれませんし、最初に挑戦するときに頭に釘を打つと思うかもしれませんが、人生についてより現実的な見方をしているなら、あなたが初めてそれを成し遂げたことを決して確信できないことを認めるでしょう。 これが、すべての訪問者にポップアップをスプラッシュする前に、複数のポップアップバージョンを含む小さなサンプルでテストを行い、どのバージョンが最適に変換されるかを確認する理由です。

8.ポップアップを高速化する

ポップアップで起こりうる最悪の間違いの1つは、ポップアップを太くして表示するのに何年もかかり、ページをロードするのに何千年もかかることです。 ビデオ、サウンド、およびFlashはポップアップの太さの原因になりますが、画像だけでも（特に、ローカルに保存されていないが他の場所からダウンロードされている場合）、ポップアップが遅くなる可能性があります。 ポップアップをシンプルに保つもう1つの理由は、速度です。

9.終了ポップアップを検討する

あなたがユーザーにどれほど慈悲深くても、ページ上のポップアップは苛立たしいものです。 これを回避するために、終了ポップアップを検討することができます。 終了ポップアップは、ユーザーがページを離れようとしているときに1回だけ表示されるため、刺激が少なくなります。 ただし、終了ポップアップにはいくつかの種類があるため、JavaScriptの終了アラートボックス（下のスクリーンショットに表示）は確かに苛立たしいものであることに注意してください。そのため、それらの使用も減らすことをお勧めします。

10.ポップアップをテストします

通常、優れたポップアッププラグイン/スクリプトはすでにテストされており、テキスト/画像を追加するだけで準備が整いますが、すべてが正常であることを確認したい場合は、別のブラウザでポップアップをテストする必要があります。異なるプラットフォームでも。 可能であれば、最も忠実なユーザーの小グループにテストを依頼することもできます。そのため、不具合がある場合は、ポップアップを起動して全員に表示する前に、それらを見つけます。

賢明に使用すると、ポップアップは素晴らしい仕事をします。 使用と誤用の境界線を越えないように注意してください。そうすれば、安全を確保できます。 そうして初めて、怒っている訪問者に対処するのではなく、ポップアップのメリットを享受できるようになります。