お問い合わせフォームのポップアップとページ
私は単純なWebアプリサイトに取り組んでおり、電話番号と小さいフォーム（〜5フィールド）しかない[Contact sales]画面があります。別のページではなく、その画面のポップアップを使用することは理にかなっていますか？
ポップアップではなく、ページを使用する必要があります（モーダルまたは新しいブラウザーウィンドウのいずれか）。
ページを使用すると、連絡先情報がよりスケーラブルになります。レイアウトをやり直すことを気にすることなく、後でページにさらに追加できます。
ページを使用するもう1つの利点は、ページに直接リンクできることです。人々は情報を表示し、サイトの残りの部分を探索できます。
通常、本当に必要でない限り、ポップアップを推奨しません。ただし、いくつかの例外があります。 「営業へのお問い合わせ」ボタンが永続的なボタンとして表示される場合、ユーザーが「営業へのお問い合わせ」を決定したときのタスクフローまたはコンテキストにユーザーを留めておきたいことは理にかなっています。そのため、ユーザーがこのボタンに頻繁にアクセスする場合は、タスクの実行中にポップアップでフォームに入力してもらいます。そうすれば、ワークフローのコンテキストでこのサブタスクを実行できますが、完了すると、フォームを閉じる（ポップアップする）ことができ、Originのポイントやワークフローのコンテキストをクリックする必要がなくなります。
ユーザーがブラウザのナビゲーションを介してフォームに入力した値を再確認することはありますか？もしそうなら、ポップアップがそれを破ります。 （入力したすべての値を示す確認ページを返すことで、これを軽減できます。）
一部のユーザー、および一部のブラウザはデフォルトでポップアップをブロックしているため、せいぜいこれらのユーザーにサイトに対して特別なアクションを実行させるだけで、最悪の場合、サイトが壊れていると結論付けてしまいます。
あなた（または他の当事者）はフォームに直接リンクする必要がありますか？もしそうなら、あなたはポップアップを使いたくないでしょう。
私はいくつかの理由でポップアップを選択します：
- ユーザーがフォームに入力したときに表示されていたページを収集し、ユーザーの興味や関心を推測することができます。たとえば、サイトの70インチスクリーンテレビ製品を見ている場合、フォームの非表示の入力としてページのURLを確認できます。
- フォームはページのどこからでも呼び出すことができ、ページが読み込まれるまで3〜4秒待つ必要がある読み込み時間やページの更新はありません。
私は通常、記入するフィールドが少ない方を間違っています。ほとんどの場合、私たちは必要なものを集め、残りは販売に任せると信じています。たとえば、医師のサイトでは、名前、電話、電子メール、要求された日付。それでおしまい。オプションのメッセージかもしれません。フォームがユーザーの仕事のように見えたくない。
私はポップアップとしてfancyboxを好みます。それは非常に応答性が高く、カスタマイズできます。また、AdWordsの一部のランディングページでは、JavaScriptを使用してポップアップをトリガーできます。
ユーザーフレンドリー
ドロップダウンセクションがある方がはるかに簡単です。ボタンをクリックすると、フォームが表示されます。これにより、新しいページに送る必要がなくなります。これにより、最初にページが混雑するのを防ぎます。また、モーダルは通常、モバイルではうまく表示されません。
パフォーマンス
ポップアップに関する考慮事項は、追加のJavaScriptが追加されるため、ページに余分な負荷がかかることです。多くの場合、サイトを構築している開発者は、モーダルのタイプに固有のライブラリを追加します。特に、サイトがブートストラップを使用している場合。そして、これらのライブラリの多くはjQueryを必要とします。
コストに関する考慮事項
開発者はそのモーダル「ポップアップ」の開発により多くの時間を費やす必要があり、多くの場合、事前に作成されたモーダルはモバイルで非常に悪い見方をします。カスタムモーダルの開発とテストには、さらに多くの時間が追加されます。
分析
ユーザーがクリックしてランディングした場所を監視するためのツールはたくさんありますが、別の連絡先ページを使用してそこに誰かが直接アクセスしたかどうかを確認するのは適切な選択です。これは、広告にそのURLを使用して電話をかけるときに最適です。アクションに。また、ユーザーフローを監視する他のツールとは対照的に、Googleアナリティクスなどのツールでユーザーフローを無料または低コストで確認できます。