請求フォーム：クレジットカードの詳細は最初ですか、それとも最後ですか？
背景情報：
私は自分の会社用に新しいクレジットカードフォームをデザインしており、その結果に満足しています。ユーザーがCCとPaypalのどちらかを選択できるため、デザインで最初にクレジットカードの詳細を用意しました（Paypalを選択すると、ページから削除され、入力した情報は使用されないため、これが最後の場合、すべての労力が失われます。 。）ただし、最終レビューでは、クレジットカードの詳細を最後に置くことを決定し、それは非常に重要であると感じ、Paypalを使用するのは3％未満であると述べました。
つまり、私の質問は次のとおりです。フォームの完成率が高いクレジットカードの詳細と請求情報の順序はどれですか。
画像：
上： 
未満： 
非常に多くのeコマースフローがクレジットカード情報を最後のステップに置く理由は、それが 段階的なエンゲージメント のタイプであるためです。 「簡単な」もの（名前、電子メールアドレスなど...ユーザーが考える必要のないもの）を最初に置くことにより、ユーザーがチェックアウトフローに入るのが容易になります。彼らはすでにプロセスにコミットしているため、ユーザーが実際に支払う（クレジットカードの詳細を提供する）ための「より難しい」ステップに到達しても、見捨てられる可能性ははるかに低くなります。
この場合、慣習に従うために言うべきこともあります。デフォルトのチェックアウトプロセスの平均的なユーザーの メンタルモデル は、支払い情報を最後のステップとして配置する可能性があります...このモデルを一致させることにより、ユーザーに考えることを1つ少なくすることができます。
もちろん、走行距離は異なる場合があります。これが、適切なA/Bテストに値する理由です...どの設計がより高い変換を引き起こし、どのケースがより多くの放棄を引き起こしますか？
上記のトッドと同意します。これは単なる意見ですが、この場合、アドレス情報はクレジットカード情報を補足するものであり、2番目の位置付けに値するように思えます。請求と配送の両方が関係する場合は、異なる場合があります。
クレジットカード情報をどのように処理しているかによって異なります。多くの場合、クレジットカードの確認には、確認のために住所情報が必要です。 ajaxを使用してこれを行う場合は、最初にアドレス情報を要求することは理にかなっています。
多くの従来のアプリケーションでは、アドレス情報はより早いページで要求されるため、クレジットカード情報を送信するときに確認するために、クレジットカード情報の前にある必要があります。
入力した情報はすべて実際にクレジットカードの確認につながるので、これが最後のプロセスになるはずです。最終的なエンゲージメントはクレジットカード情報の入力であるため、段階的なエンゲージメントに関する@Danielsのコメントも非常に関連があります。これが完了したら、できるだけ早く終了する必要があります。
また、重要なカード情報が入力されてから長い時間が経過するほど、誰かが再考して終了する可能性が高くなります。
私はそれを見て、2つの目標を達成しようとしている（1）97％のユースケース-クレジットカード所有者のためにフォーム入力を最適化する、および（2）Paypalユーザーが不要なフォームの詳細を入力する時間を無駄にしないことを確認する。
（1）については、徐々に関与することでユーザーがクレジットカード情報を共有できるようになることを他の人に同意します。
（2）の場合、記入した情報を使用しない場合、Paypalユーザーは情報を入力する必要はありません。これはユーザーを苛立たせる可能性があります。代わりに、アドレス詳細のすぐ上にあるPaypalへのハイパーリンクを提供することを検討してください（フローを分岐させます）。したがって、Paypalのラジオボタンをハイパーリンクに置き換えます。