1ページのチェックアウト対マルチステップのチェックアウト:利点、欠点、フローの選び方

Checkout
Checkout

構築済み決済フォームである Stripe Checkout で購入完了率を高めましょう。Checkout をウェブサイトに埋め込むか、Stripe がオンラインで提供するページを利用することで、単発購入でも、サブスクリプションでも、簡単かつ安全に支払いを受けることができます。

もっと知る 
  1. はじめに
  2. 1ページのチェックアウトとマルチステップのチェックアウトの違いは何ですか?
  3. ワンページチェックアウトの利点と欠点は何ですか?
    1. ワンページチェックアウトの利点
    2. ワンページチェックアウトの欠点
  4. マルチステップ・チェックアウトの利点と欠点は何ですか?
    1. マルチステップチェックアウトの利点
    2. マルチステップチェックアウトの欠点
  5. ビジネスはどのようにテストし、どのチェックアウトタイプがオーディエンスに最適かを決定できますか?
    1. A/Bテストから始める
    2. データを掘り下げる
    3. 製品と顧客に合わせてフォーマットを調整する
    4. デバイス間で最適化する
    5. 競合他社を監視する

あなたのチェックアウトプロセスでは、小さなユーザー体験(UX)の決定があなたの為替レートを左右することがあります。最も重要な決定の一つはフォーマットに関するものです:すべてを1ページに圧縮するべきか、それともユーザーを複数のステップで案内するべきか?

選択するフォーマットは、スピード、離脱、アップセルの可能性、データキャプチャーに影響を与える可能性があります。以下では、1ページのチェックアウトがマルチステップのチェックアウトとどのように比較されるか、そしてどのオプションがあなたのビジネスに適しているかを決定する方法を説明します。

この記事の内容

  • 1ページのチェックアウトとマルチステップのチェックアウトの違いは何ですか?
  • ワンページチェックアウトの利点と欠点は何ですか?
  • マルチステップ・チェックアウトの利点と欠点は何ですか?
  • ビジネスはどのようにテストし、どのチェックアウトタイプがオーディエンスに最適かを決定できますか?

1ページのチェックアウトとマルチステップのチェックアウトの違いは何ですか?

1ページのチェックアウトは、必要なすべてのフィールド—配送、請求書、決済、レビュー—を1つのページに配置します。すべてが一目で見えるため、顧客はスクロールして情報を一貫した流れで入力します。焦点はスピードにあります:クリック数が少なく、ページの読み込みが少なく、顧客がためらう理由が少なくなります。

マルチステップのチェックアウトは、その同じ流れを別々の画面に分けます。以下の例をご覧ください。ステップ1は配送、ステップ2は決済、ステップ3はレビューと確認です。プロセスはガイドされ、順次進行し、一度に1つのタスクを処理します。各ステップは狭い焦点を持ち、わずか数フィールドを含むため、ユーザーインターフェース(UI)がクリーンで圧倒されにくくなります。マルチステップのチェックアウトには、顧客がプロセスのどこにいるかを知るための進捗バーが通常含まれています(例:「ステップ2/3」)。

ワンページチェックアウトの利点と欠点は何ですか?

ワンページチェックアウトは、取引のすべての部分を単一の連続フローにまとめます。うまくいけば、顧客はカートから確認まで1分以内で移動します。うまくいかなければ、障害物のように感じる過負荷のフォームを作成します。

ここがワンページチェックアウトが輝く場所であり、問題を引き起こす可能性がある場所です:

ワンページチェックアウトの利点

決済フローを高速化

スピードはこの形式の最大の強みです。クリック数とページの読み込みが少ないため、ワンページチェックアウトは最も速いオプションです。プロセスを本質に絞ることで、ユーザーと購入完了の間に立ちはだかるタスクの数を減らします。

中断が少ない

「次へ」ボタンがなく、ページ遷移もなく、視覚的な中断もないため、顧客は中断されることなくチェックアウトを進めます。彼らが再考する機会を取り除いています。

透明性

ワンページチェックアウトでは、顧客は求められていることの全体像を見ることができ、チェックアウトプロセスがより有限に感じられます。顧客は一目で提供する必要があるものと、それにかかる時間を確認できます。その可視性は不確実性によるバウンスを減少させることができます:彼らを苛立たせる隠れた追加ステップはありません。

ワンページチェックアウトの欠点

視覚的圧倒

ワンページデザインの最大のリスクは、過剰な情報を詰め込むことです。配送詳細、請求書情報、割引コード、アカウント作成、電話番号、配達メモ、ニュースレターの登録をすべて同じページで求めると、フォームが完了するのに多くの作業が必要に見えることがあります。

その圧倒感はモバイルで増幅されます。デスクトップでは「ほんの数フィールド」のように感じるものが、モバイルでは複数の画面の長さにわたるスクロールに変わります。グループ化されたセクション、折りたたみ可能なパネル、クリーンな階層などの注意深いデザインがないと、すぐに逆効果になる可能性があります。

限られたデータの可視性

マルチステップチェックアウトはプロセスを自然に分割し、ユーザーがどこでカートを放棄するかを簡単に確認できます。ワンページフローでは、放棄はしばしばぼやけてしまいます。誰かが離れた時期はわかるかもしれませんが、どのフィールドやセクションが問題を引き起こしたのかは、フォーム分析やセッション録画などのアドバンスドツールを使用していない限りわかりません。

これがワンページフローの大きなトレードオフです:ユーザーにとってのシンプルさを得る一方で、診断の詳細さを失います。

データキャプチャーの機会が少ない

ほとんどのマルチステップチェックアウトは、最初にメールアドレスを求めます。ユーザーがチェックアウトの途中で離脱しても、カート回復メール、SMSのリマインダー、サポートの連絡を通じてフォローアップできます。

ワンページの設定では、フォームが完全に送信されない限り、情報を得ることはほとんどありません。誰かが途中で離脱すると、販売と顧客を完全に失ってしまいます。

アップセルの余地が少ない

マルチステップチェックアウトでは、配送が選択された後にアドオンオファーを提案したり、最終確認の前に保証オプションを提示したりするなど、複数の画面にわたってオプションのオファーを織り交ぜることができます。

ワンページチェックアウトでは、スペースが制約されています。配送と決済のフィールドと同じ画面にクロスセルを詰め込むことは、レイアウトを混雑させたり、顧客を気を散らせたりするリスクがあります。多くのビジネスは、完了率を損なうのを避けるために、1ページのフローでアップセルをスキップします。

マルチステップ・チェックアウトの利点と欠点は何ですか?

マルチステップチェックアウトは、購入プロセスを複数のページまたは段階に分割します。通常は、配送用のページ、決済用のページ、そして最終的なレビューのステップがあります。一度に1つのタスクだけを表示することで認知負荷を軽減しますが、その構造は摩擦の機会を増やします。

そのトレードオフは次のようになります:

マルチステップチェックアウトの利点

シンプルで消化しやすいステップ

マルチステップフローは、ユーザーに小さくて管理しやすいタスクを提供します。長いフォームの代わりに、今必要なもの(例:名前と住所)だけを表示し、その後進むことができます。

これにより、特に初めての顧客やより複雑な購入に対して、プロセスが圧倒的でなく感じられることがあります。進捗バー(「ステップ2/3」)は、ユーザーを方向付け、ゴールが近いことを示します。

より良い分析とインサイト

チェックアウトがステップに分かれていると、ユーザーがどこで離脱しているかを特定しやすくなります。ほとんどのユーザーが決済ページで放棄する場合、それはカードエラー、支払いオプションの欠如、または信頼の問題を調査する合図です。マルチステップは、分析と改善のための自然なファネルを提供します。

早期のメールキャプチャー

マルチステップチェックアウトは、しばしばカートの直後に早期にメールを求めます。これにより、企業は放棄されたチェックアウトをメールリマインダー、リターゲティング、またはライブサポートを通じて回収するチャンスを得ます。

対照的に、メールアドレスを徴収する1ページのフローは、顧客が完全なフォームを完了しない限り、何もキャプチャーしません。

アップセルのための組み込みの瞬間

マルチステップフォーマットは、自然に感じられる場所に、配送アップグレード、保証のアドオン、製品バンドルなどの文脈に応じたオファーを挿入する余地を提供します。

メインフォームにこれらのオファーを詰め込む代わりに、ステップ間のスペースを利用して、主要なタスクを妨げることなくオファーを表示できます。これにより、完了率を損なうことなく、平均注文額を増やすことが容易になります。

マルチステップチェックアウトの欠点

より多くのドロップオフポイント

追加のページはすべて一時停止を導入し、顧客が再考したり、気を散らしたり、カートを放棄するチャンスを提供します。シンプルなマルチステップフローでも、よく設計された1ページ版よりも完了に時間がかかることが一般的です。その追加の時間は、ユーザーが完了する動機がない場合、コストがかかる可能性があります。

ユーザーのフラストレーション

ステップに戻って編集するのが難しすぎる場合や、プロセスが予想以上に長くなる場合、ユーザーは忍耐を失うかもしれません。買い物客が「戻る」をクリックしてフォームを誤ってリセットしたり、進行状況バーが欠けているために残りのステップがわからなくなることは珍しくありません。

マルチステップチェックアウトは、ナビゲーションが直感的で、画面の数が最小限(通常は4つ以下)に保たれている場合にのみうまく機能します。そうでなければ、フォーマットは不格好で遅く感じることがあります。

パフォーマンスへのさらなる圧力

各ステップには独自のページロードが必要です。高速接続では、それは問題ありません。しかし、遅いネットワークの顧客や受信状態の良くないモバイルユーザーにとって、マルチステップチェックアウトは遅延やエラーの機会を増やします。

パフォーマンスと信頼性は、すべての画面で維持されなければなりません。チェックアウトの途中で遅延や応答しないページは、全体のプロセスを台無しにする可能性があります。

冗長なステップの可能性

マルチステップフローに、チェックアウト前のアカウント作成を求めるなどの不必要な画面が含まれている場合や、配送と請求書を不必要に分ける場合、それは無駄な作業のように感じることがあります。ユーザーは単に手間がかかりすぎると感じるだけで放棄するかもしれません。

ビジネスはどのようにテストし、どのチェックアウトタイプがオーディエンスに最適かを決定できますか?

普遍的に最良のチェックアウトデザインはありません。あなたのビジネスに何が効果的かを知る唯一の方法は、オーディエンスとテストし、データに導かれることです。

A/Bテストから始める

フォーマットを比較する最も直接的な方法は、トラフィックを分割することです:半分のユーザーに1ページのチェックアウトを、もう半分にマルチステップのバージョンを表示します。その後、完了率、平均注文額、放棄パターンをトラックします。

真のA/Bテストを実行できなくても、前後の比較は有用なトレンドを見つけることができます—季節性やトラフィックスパイクなどの外部要因を考慮に入れる限り。

データを掘り下げる

注意を払うべきこと:

  • 離脱ポイント: ユーザーはどこで放棄しているのですか?マルチステップのチェックアウトは、ステージごとにこれを簡単に見つけることができます。1ページのチェックアウトでは、フォーム分析を使用して、どのフィールドが退出を引き起こすかを確認します。

  • 完了時間: ユーザーがチェックアウトを完了するのにどれくらいの時間がかかりますか?速さが常に良いとは限りませんが、長い遅延は何かが機能していないことを意味することがよくあります。

  • モバイル対デスクトップ: パフォーマンスはデバイスによって異なる場合があります。デスクトップでうまく機能するレイアウトは、電話では面倒に感じることがあります。

製品と顧客に合わせてフォーマットを調整する

チェックアウトデザインは、購入の種類と顧客基盤の期待を反映する必要があります:

  • 低コストまたは衝動買いは通常、迅速な1ページのフローから利益を得ますが、高価値または構成可能な製品は、マルチページのチェックアウトの段階的な明確さが必要です。

  • デジタル商品(配送なし)は通常1ステップで処理できますが、物理的な製品はより多くの構造を必要とする場合があります。

  • B2C顧客はスピードを優先する傾向がありますが、B2B顧客はより多くの確認とコントロールが必要な場合があります。

オーディエンスの期待は重要です。一部の業界では、ワンステップ・チェックアウトは現代的で摩擦のないものと感じられます。他の業界では、急いでいるまたは不完全に感じることがあります。

デバイス間で最適化する

モバイルとデスクトップで各チェックアウトのパフォーマンスをレビューします。長い1ページのフォームはデスクトップでうまく機能することが多いですが、電話では膨れすぎていると感じることがあります。マルチステップのフローは、小さな画面用に物事を分けるのに役立ちますが、遷移が速く、UIがクリーンである場合にのみうまく機能します。

モバイルとデスクトップのフローを別々にテストすることを検討してください。1つのフォーマットが1つのデバイスで優れていることがわかるかもしれませんが、他のデバイスではそうでないかもしれません。

競合他社を監視する

あなたのカテゴリの他のビジネスが何をしているかを見てみましょう。もし皆がエクスプレスチェックアウトを提供しているなら、あなたのマルチステップフローは比較的遅く感じるかもしれません。しかし、もしあなたが最初に簡素化すれば、それは競争上の利点になるかもしれません—うまく実行されれば。

どのタイプのチェックアウトページを選んでも、あなたの決済代行業者やECプラットフォームはおそらくデザインプロセスを簡素化する手助けができるでしょう。ワンページチェックアウトのためのStripeの事前構築された決済フォームや、マルチページチェックアウトのためのStripeのUIビルディングブロックについてもっと学びましょう。

この記事の内容は、一般的な情報および教育のみを目的としており、法律上または税務上のアドバイスとして解釈されるべきではありません。Stripe は、記事内の情報の正確性、完全性、妥当性、または最新性を保証または請け合うものではありません。特定の状況については、管轄区域で活動する資格のある有能な弁護士または会計士に助言を求める必要があります。

今すぐ始めましょう

アカウントを作成し、支払いの受け付けを開始しましょう。契約や、銀行情報の提出などの手続きは不要です。貴社ビジネスに合わせたカスタムパッケージのご提案については、営業担当にお問い合わせください。
Checkout

Checkout

Checkout をウェブサイトに埋め込むか、Stripe がホストするページに誘導することで、1 回限りの支払いでも、サブスクリプションでも、簡単かつ安全に支払いを受けることができます。

Checkout のドキュメント

ローコードの支払いフォームを作成し、自社のサイトに埋め込むか Stripe でホストします。