チェックアウトフローとは？

チェックアウトフローは、Eコマースのウェブサイトやアプリにおいて間違いなく最も重要な要素のひとつであり、一貫した購入体験を整えることの重要性はこれまで以上に高まっています。

チェックアウトフローとは、見込み客があなたのECサイトで購入したい（と願っている）商品の代金を支払うまでに進める、一連のステップのことです。

ほぼすべてのチェックアウトフローは、目を引く「カートに追加」ボタンのクリックから始まり、決済後の「サンキュー（ご注文完了）」ページで終わります。

なぜチェックアウトフローのテストが重要なのか？

サイトでトラッキングするあらゆる指標のなかでも、コンバージョン率の向上は究極のゴールです。購入完了率をわずか5％でも引き上げることができれば、投資対効果に大きな違いが生まれます。

もし見込み客がストレスを感じるチェックアウトフローを体験してしまうと、オンラインでのカゴ落ちにつながります。ビジネスオーナーとしては、絶対に避けたい事態ですよね。

Ballparkの「Figmaプロトタイプ向けチェックアウトフローテスト用テンプレート」を使えば、チェックアウトのデザインが複雑すぎないか、長すぎないか、あるいは効果的でないかといった多くのインサイトが得られます。そして、集まったインサイトをもとに、ユーザー体験をスムーズにするために何を改善すべきかを根本から把握することができます。

Figmaプロトタイプのチェックアウトフローテストで取得できるデータは？

Ballparkでは、Figmaプロトタイプのチェックアウトフロー内で支払い確認ページに到達した参加者の数をトラッキングできます。さらに、参加者の音声、Webカメラ、画面を録画・録音できるため、録画を見返すことで、どこで問題に直面したのか（あるいは直面しなかったのか）を正確に把握可能です。ヒートマップを使えば、各画面でユーザーがクリック（または誤クリック）した場所や注目したエリアも確認できます。

テスト用テンプレートにはどのような設問が含まれている？

Ballparkのプロトタイプ向けチェックアウトフロー用テンプレートは、参加者に対して特定の商品をショッピングカートに追加し、チェックアウトフローを進めて購入を完了するよう指示する、詳細な説明ステップから始まります。

重要なお知らせ：

Figmaプロトタイプのチェックアウトフローテストを成功させ、高いコンバージョンを得るためには、まずFigmaプロトタイプ自体を最適化しておく必要があります。

何から始めればいいかわからなくても大丈夫です。テスト中の参加者に快適でスピーディな体験を提供し、チェックアウトデザインのテストに必要な回答をしっかり得られるよう、MarvelとFigma両方のプロトタイプに対応したガイドを用意しました。

Figmaプロトタイプのテスト用テンプレートは、まず回答者に対してチェックアウトフローの使いやすさを1（使いにくい）から10（とても使いやすい）のスケールで評価してもらうところから始まります。この数値評価ステップの回答により、チェックアウトフローへの満足度を定量的に比較できるようになります。その平均値を見ることで、チェックアウトデザインが効果的かどうかを判断したり、競合他社と比較したり、改善を進めながら推移をトラッキングしたりするのに役立ちます。

選択式設問は、Ballparkでのプロジェクト作成において重要な要素であり、参加者が回答しやすく、リサーチャーの皆さんも作成や分析が手軽に行えるため、非常に人気の高い手法です。また、当て推量になりにくいため、単純な「はい／いいえ」や「正／誤」の設問よりも信頼性の高い評価手段となります。そのため、このチェックアウトフロー用テンプレートの最後から2番目のステップとして、Figmaプロトタイプのチェックアウトフローがどれくらい直感的だったかを尋ねる設問を設けました。

Figmaプロトタイプ向けチェックアウトフロー用テンプレートの締めくくりとして、チェックアウトの流れをさらに改善するために何ができると思うか、ユーザー自身の言葉で追加の背景を共有してもらいます。前の回答についてもっと詳しく話したい場合や、用意された質問だけでは自分の考えがうまく表現できなかったと感じている場合もあるでしょう。このステップは、そうした貴重な「生のインサイト」を見つけるためのものです。このステップで音声録音を設定し、声に出して話してもらうことで、より人間味のある、型にはまらないリアルな回答を引き出すこともできます。

これで完了です！

Ballparkで提供されているすべてのテンプレートと同様に、このテンプレートも自由にカスタマイズ可能です。質問の順番を並べ替えたり、必要な質問を自由に追加したりしてお使いいただけます。