Nanoha AI Lab

BLOG

ブログ

画像・動画などの生成AIの最新ニュース、仕事に使えるAI活用、ホームページ・デザイン制作のコツまで、クリエイターやフリーランスの活動に役立つ情報をわかりやすくお届けします。

ECサイトで商品が購入されないのはなぜ?離脱ポイントの見つけ方

ECサイトへの訪問はあるのに注文が入らないと、つい商品ページばかりを直してしまいますよね。

けれど、買い物客が手を止める場所は、商品ページとは限りません。

カートで送料を知って迷う人もいれば、入力のエラーを直せずにサイトを離れる人もいます。

注文が入らない理由を見つけるには、商品一覧から購入完了画面までを一つの流れとしてとらえましょう。

そのうえで、段階ごとに分けて調べてみてください。

この記事では、段階ごとに確認したい数字と画面、そして自分で購入テストを行う手順を紹介します。

1. 購入までの流れを分解する

「購入までの流れを分解する」と手書きされたホワイトボードを指す公式キャラクターと、ひよこの落書き

まず、購入までの流れを段階に分け、どこで次へ進む人が減っているのかを調べましょう。

「購入されない」という結果だけでは、どの画面を直せばよいのか決められないためです。

購入までの基本の流れは、次のように整理できます。

  1. 商品一覧や検索結果を見る
  2. 商品ページを開く
  3. 商品を選んでカートへ入れる
  4. カートの内容と条件を確認する
  5. 配送先や連絡先を入力する
  6. 支払い方法と注文内容を確認する
  7. 注文を確定し、完了画面へ進む

使っているショップシステムによって、画面の名前や集計項目の呼び方は違います。

呼び方が違っても、段階に分けて見るという考え方は同じです。

段階ごとに、次へ進んだ人数や回数、起きたエラー、届いた問い合わせを分けて確認しましょう。

買い物客が離れている場所を探すときは、サイト全体の購入率だけを見ないでください。「どの画面から次の画面へ進めていないか」まで確認しましょう。

数え始める前に、商品ページの閲覧、カートへの追加、購入完了をそれぞれどう数えるかも決めておきましょう。

同じ人が何度も見た回数と、実際に訪れた人数を混ぜて数えると、段階ごとの比較ができなくなります。

社内のテスト注文を購入件数へ含めてしまうと、同じように数字が実態からずれます。

注文の数がまだ少ないうちは、割合だけで結論を出さないようにしましょう。

自分で画面を操作したときの気づきや、届いた問い合わせの内容も一緒に見てください。

2. 商品ページで止まる理由

「商品ページで止まる理由」と手書きされたホワイトボードを指す公式キャラクターと、ひよこの落書き

商品ページで多くの人が離れているなら、購入を決めるために必要な情報がそろっているか確認しましょう。

商品そのものが悪いと決めつける前に、「誰向けの商品か」「何が届くか」「いくらかかるか」が伝わっているかを見てみてください。

商品ページで確認したい項目は次のとおりです。

  • 誰向けの商品で、どんな場面で使うのかが分かる
  • その特徴が使う人の何の役に立つのかが分かる
  • サイズ、素材、使い方、届くものを確認できる
  • 全体、細かい作り、大きさを画像で見られる
  • 価格、送料、配送、返品の案内へすぐたどり着ける
  • 運営者情報と問い合わせ方法が分かる
  • 色やサイズなどの選択肢を迷わず選べる

商品ページがよく見られていても、喜べるとは限りません。

必要な情報が見つからず、何度も同じページを行き来しているだけかもしれないためです。

その商品を知らない家族や知人にページを見てもらい、「買う前にまだ知りたいことはある?」と聞いてみましょう。

自分では気づけない説明不足が見つかります。

ページに長くとどまっていることを、よい反応だと決めつけないでください。じっくり読んでいるのか、必要な条件を探して迷っているのかを、画面と操作の両方から確かめましょう。

商品ページに多い原因は、「ECの商品ページが売れない7つの原因|まず確認したいポイント」で詳しく整理しています。

3. カートで止まる理由

「カートで止まる理由」と手書きされたホワイトボードを指す公式キャラクターと、ひよこの落書き

カートで離れる人が多いときは、商品ページに書かれていなかった費用や条件が急に現れていないか確認しましょう。

商品を選ぶところまで納得していても、思っていなかった送料や会員登録の案内が出てくると、「もう一度考えよう」と手が止まります。

買い物客の立場になって、次の点を見直してください。

  • カートの中で、商品、種類、数量を確認して変更できる
  • 税、送料、手数料を含めた支払総額が分かる
  • 発送や到着の目安を確認できる
  • クーポンを持っていなくても、そのまま購入へ進める
  • 会員登録が必要なのか、登録せずに買えるのかが分かる
  • 在庫切れや、一度に買える数の上限が文章で分かる
  • カートから商品ページへ戻っても、選んだ内容が消えない

割引クーポンの入力欄が大きく目立っていると、クーポンを持っていない人が「どこかで探してから買うべきかな」と迷ってしまいます。

一部の人だけが使う機能は、クーポンを使わずに購入する人の操作を妨げない見せ方になっているか確認しましょう。

なお、インターネット通販の最終確認画面には、表示しなければならない項目が特定商取引法で定められています。

消費者庁の特定商取引法ガイド「通信販売」によると、分量、販売価格と送料、支払時期・方法、引渡時期、返品特約を含む申込みの撤回・解除に関する事項などが表示の対象です。

自分のサイトのどの画面に何を表示すべきか判断に迷ったら、公的な相談窓口や専門家へ確認してください。

商品ページとカートで価格や条件が食い違っていないか確かめましょう。あわせて、注文を確定する前に内容を見直して直せるかどうかも、実際に操作して試してください。

4. 入力・決済で止まる理由

「入力・決済で止まる理由」と手書きされたホワイトボードを指す公式キャラクターと、ひよこの落書き

入力と決済の画面では、何を直せばよいか分からないエラーが出ていないかを確認しましょう。

スマートフォンで操作しにくくないかも、あわせて見てください。

入力する項目が多いことだけが負担ではありません。

入力欄が何のために必要なのか、どう書けばよいのかが分からないことも、手が止まる原因になります。

テストするときは、正しく入力する場合だけで終わらせないようにしましょう。

あえて空欄のまま進めたり、決められた形式と違う書き方をしたりして試してみてください。

  • 必ず入れる欄と、入れなくてよい欄を見分けられる
  • 氏名、住所、電話番号など、それぞれの欄が何に使われるか分かる
  • 入力例と、使える文字の種類が示されている
  • エラーが起きた場所と直し方が、文章で示される
  • エラーが出ても、正しく入力した内容まで消えてしまわない
  • 戻る操作をしても、購入を最初からやり直さずに済む
  • 使える支払い方法と、選べない支払い方法がある理由が分かる
  • 注文を確定する前に、商品、数量、金額、配送先を見直せる

W3Cのフォームチュートリアルでは、入力欄に目的が分かるラベルと書き方の案内を付ける方法が説明されています。

入力内容を確認し、その結果を入力した人へ伝える方法も紹介されています。

自分でコードを直せなくても心配はいりません。

エラーが起きた画面、使った端末、入力した内容、本来どうなってほしいのかを記録しておきましょう。

記録が残っていれば、制作担当者へ具体的に伝えられます。

支払い方法を増やすときは、要望が多いかどうかだけで決めないでください。

使える人の範囲、手数料、入金の時期、返金のしかた、日々の手間、安全性を、利用するサービスの公式情報で確認しましょう。

これらの条件は変わることがあるため、必ず最新の案内を見てください。

なお、カード番号などの決済情報そのものは、テストの記録やスクリーンショットへ残さないよう注意してください。

5. 自分で購入テストを行う

「自分で購入テストを行う」と手書きされたホワイトボードを指す公式キャラクターと、ひよこの落書き

最後に、自分で商品を選ぶところから購入完了画面までを、通して操作してみましょう。

管理画面のプレビューだけでは、公開されているページの送料、通知メール、決済、在庫の動きまでは確認できないためです。

始める前に、使っているショップシステムの公式案内で、テスト注文、テスト決済、キャンセル、返金のやり方を調べておきましょう。

テスト用の仕組みがなく、本物の注文や決済が発生する方法しかないこともあります。

その場合は、誰がいつテストし、あとでどう取り消すかを決めてから、慎重に進めてください。

テストでは、次の条件を変えながら確認しましょう。

  1. パソコンとスマートフォンで同じ商品を購入する
  2. 在庫あり、在庫切れ、種類違いの商品を試す
  3. 正しい入力、空欄のまま、形式違いの入力をそれぞれ試す
  4. 前の画面へ戻る、数量を変える、商品を削るなど途中の操作を試す
  5. 購入完了画面、買い物客へ届くメール、自分へ届く注文通知を確認する

問題を見つけたら、どのページのどの操作でつまずいたのかを、その場でメモしましょう。

あとから直す順番を決めるときの材料になります。

スクリーンショットを残すときは、テストで入力した住所や電話番号が写っていないかを確かめ、必要な範囲だけを保存しましょう。

購入テストは、商品ページだけで終わらせないでください。カート、入力、注文確認、完了画面、通知メールまでを一つの流れとして確認しましょう。

テストが終わったら、残ったテスト注文と顧客情報を、利用サービスの手順に沿って取り消しましょう。

テストで減った在庫の数も、忘れずに元へ戻してください。

ここまでは、実際に購入操作を試して、買い物客が離れている場所を見つける方法を紹介しました。

数字から分析する方法は、「商品ページのCVRを改善するには?購入前の迷いを減らす見直し方」で詳しく説明しています。

まとめ

「まとめ」と手書きされたホワイトボードを指す公式キャラクターと、ひよこの落書き

買い物客が離れている場所を見つけるための要点を振り返ります。

  • 一覧、商品ページ、カート、入力、決済、完了へと流れを分ける
  • どの段階から次へ進めていないのかを確認する
  • 商品ページの説明、画像、価格、運営者情報を見直す
  • カートで初めて分かる費用や条件を減らす
  • 入力エラーの場所と直し方が伝わるか確かめる
  • パソコンとスマートフォンの両方で、完了画面と通知まで試す

まずはスマートフォンで商品を一つ選び、説明を読まずに購入完了まで進めるか試してみてください!

最初に手が止まった場所が、いま直すべき場所です。


関連記事

NEXT STEP

「AI、どう使えばいい?」から、
お気軽にどうぞ!

ChatGPTのはじめ方から、ブログやホームページの相談まで。
小さな会社のAI活用を、一歩ずつ、いっしょに進めていきます!

AIと、もっと自由に。ワクワクする未来を