最高の支払い変換率のためのチェックアウトページのUIとUXのベストプラクティス

公開: 2018-12-12

多くのeコマースオーナーは、ウェブサイト全体とオンラインストアのデザインを最適化することに重点を置いていますが、チェックアウトページに真剣に注意を払うことを怠っています。 チェックアウトUIを最適化し、チェックアウトエクスペリエンスを向上させると、カードの放棄が減り、売り上げが増加します。

チェックアウトページのメイン画像

カートの放棄にはどれくらいの費用がかかりますか?

Baymard Instituteによると、文書化されたオンラインショッピングカートの平均放棄率はなんと69.89パーセントです。 この数は、カートの放棄に関する40の異なる調査の平均をとることによって達成されました。そのうちのいくつかは、カートの放棄率の平均が81%を超えているとしています。

Baymardによると、消費者がオンラインカートを放棄する理由のトップ10は次のとおりです。

  • 60%–追加費用(送料や税金など)が高すぎました。
  • 37パーセント–サイトはアカウントの登録が必要でした。
  • 28%–チェックアウトの経験が長すぎるか複雑すぎました。
  • 23パーセント–ユーザーは総コストを事前に計算できませんでした。
  • 20パーセント–サイトがクラッシュしたか、バグがありました。
  • 19%–ユーザーはクレジットカード情報でサイトを信頼していませんでした。
  • 18パーセント–配信が遅すぎました。
  • 11パーセント–適切な返品ポリシーがありませんでした。
  • 8パーセント–十分な支払い方法がありませんでした。
  • 4パーセント–クレジットカードは拒否されました。

チェックアウトUX放棄統計

この記事では、これらの10の問題を修正して、より多くの消費者が購入をフォローできるようにする方法に焦点を当てます。 また、売り上げを伸ばすためにチェックアウトプロセスを最適化する方法に関する追加のヒントも紹介します。

チェックアウトページのUIとUXを改善することで何が得られますか?

Baymardによると、統計によると、チェックアウトエクスペリエンスを最適化することで、コンバージョンを35%以上増やすことができます。 これはあなたの収益を助け、あなたがあなたのビジネスにより多くの投資をし、より速い速度でそれを成長させることを可能にします。

米国とEUでの回収可能なeコマースの総売上高の35%は、2600億ドルに相当しますが、これは些細な金額ではありません。

以下は、チェックアウトUIとUXを改善するための22のヒントです。 これらのヒントは、4つの主要なカテゴリに分けられます。

  • 実際のチェックアウトと購入プロセスの改善
  • ユーザーの信頼を高める
  • サイトとチェックアウトページのデザインを改善する
  • 実績のあるマーケティング手法を使用して、より多くのコンバージョンを獲得する

上記のカート放棄の上位10の原因に関して遅れていることに気付いた場合は、最初にそれらを修正することに焦点を当ててください。

チェックアウトページのUXの改善

次のヒントは、サイトのチェックアウトUXの改善に焦点を当てています。

1.総費用について率直に

オンラインの買い物客にとって、余裕があると思う優れた商品を見つけることほどイライラすることはありません。チェックアウトして支払い情報の入力を求められたときに、追加料金、税金、または送料がかかるだけです。

してはいけないことの例は、ホテルの予約Webサイトを見るとわかります。 MoneySavingExpertの調査によると、ユーザーがリストを検索すると、一部のサイトでは税金や追加料金の前に各ホテルの価格が表示されることがあります。 ユーザーは、予約ボタンをクリックした後にのみ、これらの追加料金について知ることができます。

最終価格が知らされていないため、消費者は購入したい製品を選択するのが難しくなります(たとえば、実際に最も安いホテルはどれか)。

ただし、これは最悪の問題ではありません。多くの消費者は、追加のチェックアウトの支払いを延期し、支払いをせずにサイトを離れる可能性があります。

したがって、ユーザーが商品をカートに追加する前に、商品の税金や送料が明確に表示され、示されていることを確認してください。

さらに、ユーザーがチェックアウトの支払いを完了するために連れて行かれるとき、ユーザーは各製品の個々のコストと、カート内のすべての製品の合計コスト(ここでも税金と送料を含む)を確認する必要があります。

2.ユーザーがゲストとしてチェックアウトできるようにする

チェックアウトする前に、ユーザーにアカウントの登録と作成を強制しないでください。 訪問者は急いでアカウントを作成する気がない場合があります。これには、多くの場合、時間をかけていくつかのフォームに記入し、電子メールで確認リンクまたはコードを確認してから、再度ログインする必要があります。

ユーザーにアカウントへの登録を促したい場合でも、ゲストとしてチェックアウトするオプションを含める必要があります。

さらに良いことに、彼らがすでにチェックアウトして購入を完了した後、登録オプションを提示します。 その時点で、注文を追跡する機能など、登録のメリットを提示できます。

3.簡単かつ迅速に

チェックアウトプロセスに時間がかかると、カートの放棄率が高くなります。 チェックアウトプロセスを可能な限り簡素化する必要があります。

ユーザーがチェックアウトページに入力するための不要なフィールドを含めないでください。 これには、実際には必要のない情報(自宅の電話番号など)が含まれます。

ビジネスの性質上、ユーザーの電話番号や社会保障番号などの特定の情報を保存する必要がある場合は、その情報が必要な理由とその情報をどのように使用するかについての簡単な説明を含めることを検討してください。

中小企業、ミュージシャン、アーティストなどは、それほど複雑ではないため、サイトを簡単にまとめることができますが、オンラインストアには、適切に設計され、スムーズで、高速で、パフォーマンスが高く、エンドを可能にする簡単なWebサイトビルダーが必要です。グリッチなしでトランザクションを終了します。

4.複数の支払いオプションをサポートする

複数の支払い方法を提供することで、多くの顧客があなたに送金しやすくなります。 支払いオプションをクレジットカードとデビットカードに制限しないでください。 少なくとも、より迅速な支払いオプションとしてPaypalを含めてください。

より多くの顧客を獲得したら、Stripe、Apple Pay、Skrill、Google Pay、Square、Payoneerなどの高度な支払い方法を含めることを検討してください。 あなたもビットコインや他の暗号通貨を受け入れることができます。 複数の支払いオプションをサポートする優れた支払い処理サービスを入手してください。

製品の価格に応じて、少額の頭金で数か月にわたって支払うことができる分割払いプランを顧客に提供することもできます。

また、顧客が将来の購入のために支払い方法を保存するオプションを利用できるようにします。 これにより、将来のチェックアウトがはるかに迅速かつ簡単になります。 また、ワンクリックの購入ボタンを使用して、ストアからアイテムを即座に購入することを選択させることもできます(Amazonがこれを行います)。

このオプションをサポートしている場合は、ボタンが誤ってクリックされた場合に注文を簡単にキャンセルできることを確認してください。

5.配送オプションを更新します

より良い配送オプションは、より多くのコンバージョンにつながります。 このインフォグラフィックでは、たとえば送料無料が消費者の購入決定に与える実質的な影響を確認できます。 ここにいくつかの興味深い点があります:

  • 消費者の10人に9人は、送料無料がオンラインショッピングの最大のインセンティブであると述べています。
  • 消費者の61%は、追加の配送料を支払う必要がある場合、購入を完了しない可能性があります。
  • 消費者の58%は、送料無料の資格を得るためにカートに商品を追加します

最後のものはあなたにとって特に興味深いはずです。 すべての商品を送料無料で提供する余裕がない場合でも、最小限の購入で送料無料を提供することで得られるメリットはたくさんあります。 これは実際に消費者に追加の製品を購入させるように促します。

もう1つのアイデアは、ロイヤルティまたはリワードメンバーシッププログラムの一環として送料無料を提供することです。 消費者の31%は、送料無料の資格を得るためにロイヤルティプログラムに参加すると答えました。

6.注文の変更を簡単にする

顧客がショッピングカートを簡単に変更できるようにします。 たとえば、注文する各アイテムの数量を簡単に変更したり、カートからアイテムを削除したりできる必要があります。

また、「後で使用するために保存する」オプションを用意するか、顧客が商品をウィッシュリストに追加できるようにする必要があります。 顧客が戻って追加の商品を購入できるように、「買い物を続ける」オプションも必要です。 そうすることで、それらのデータを削除するべきではありません。

次のヒントでは、ユーザーが安心して購入できるように、信頼を高める方法に焦点を当てます。

7.適切な返品ポリシーまたは保証を持っている

100%の顧客満足保証を含めると、サービスへの信頼が高まります。 顧客が満足していない場合にお金を取り戻すことができることを顧客に保証できれば、顧客は飛躍してお金を使う可能性が高くなります。

実際の保証は、販売している製品の種類によって異なります。 メンバーシップなどのデジタル製品の場合は、特定の時間までメンバーシップのキャンセルを提供して全額払い戻しを受けることができます。

物理的な製品については、適切な返品ポリシーを設定してください。 別のページに返品方法の明確な説明を含めることで、顧客が商品を返品しやすくします。

返品の送料を払い戻しに含めるか、返品に関連する費用をカバーするために少額の返品手数料を支払うことができます。 大企業は、顧客が自動生成された配送ラベルを印刷できるようにすることで、無料の返品を提供する配送会社との取引を設定できます。

メンバーシップベースの製品の場合、無料トライアルを提供する価値があるかもしれません。 トライアルメンバーシップの登録にクレジットカード情報が必要かどうかは、提供するサービスの種類によって異なります。 必ずさまざまなオプションをテストしてください。

8.プライバシーポリシーを持っている

チェックアウト時にプライバシーポリシーへのリンクを含めます。 シンプルで読みやすくします。 あなたがプライバシーポリシーを持っていること、そして彼らのデータが安全であることを知っていることはあなたへの顧客の信頼を高めるでしょう。

9.安全に保つ

チェックアウトページがHTTPSを介して保護されていることが重要です。 すべてのページにない場合でも、少なくともチェックアウト時に、WebサイトにSSL証明書がインストールされていることを確認してください。

チェックアウト支払いセキュリティ画像

安全な支払いフォームが埋め込まれている場合でも、ブラウザバーに緑色の鍵のアイコンを表示する必要があります。 これらの種類の小さなものは、あなたの訪問者のあなたに対する腸の感情に影響を与えるものです。

10.アイコンとバッジを含める

チェックアウトページにセキュリティバッジと支払いアイコンを含めると、コンバージョン率にプラスの効果があります。

支払いアイコンには、受け入れる支払い方法の小さなロゴが含まれています。 例としては、Paypal、Mastercard、Visa、Discoverのロゴがあります。 多くの支払い処理サービスは、これらを支払いフォームに自動的に含めます。

クレジットカード利用画像

支払い情報を渡すときに顧客が安心できるようにすることも重要です。

ショッピングカートを放棄した人の19%パーセントは、前述のように、クレジットカード情報が安全であると感じていなかったことが原因であると述べました。

ベイマードインスティテュートによると、どんな種類の視覚的なシールも信頼を高めるでしょう。 これには、一般的な「安全なチェックアウト」や「満足保証」シールなど、自分で作成したシールも含まれます。

これは、ユーザーが個人情報を安全に引き渡すかどうかを判断する際に、本能に依存しているためです。

この本能は必ずしも計算されているわけではありません。 むしろ、プロ並みのWebサイト、HTTPS証明書、セキュリティ販売などの視覚的な手がかりの影響を受けます。

信頼性統計

ただし、特定のシールは他のシールよりも信頼できると見なされていました。 ベイマードインスティテュートは、調査参加者に特定のアザラシを提示し、最も信頼できるものを選択するように依頼する調査を実施しました。

信頼性レベルの順に、彼らが見つけた結果は次のとおりです。

  • ノートン(40.9%)
  • Googleトラステッドストア(22.5%)
  • BBB認定事業(14.4 $)
  • TRUSTe認定プライバシー(10.9%)
  • どの組織にも属していないSSLサイトのセキュリティを示す偽のシール(6.1%)
  • Thawteによる保護(1/9%)
  • GeoTrust Secured(1/9%)
  • Comodo Secure 1.5%)

チェックアウトエクスペリエンスステータス

Baymardの調査によると、支払いフォームの単純なバグや、クレジットカードのフィールドを無地の背景色でカプセル化する、フィールドの横にセキュリティロックアイコンを含めるなどの小さな調整も、サイトの信頼性に影響を与える可能性があります。

もちろん、サードパーティの確認バッジをサイトにランダムに追加するには、実際に資格を取得して確認を受ける必要があります(ただし、自分で作成することを妨げるものは何もありません。これも役立ちます)。

Norton、BBB Accredited、McAfee、Google Trusted Store、またはその他のよく知られたシールなど、いくつかのセキュリティシールの検証に投資する価値があります。

11.評価またはレビューを含める

消費者の88%は、友人や家族からの個人的な推薦と同じくらいオンラインレビューを信頼しています。 オンラインレビューや評価を活用して売り上げを伸ばしていない場合は、見逃していることになります。

レビューサイトのメイン画像の作り方

オンラインレビューと評価の重要性を強調するいくつかの追加の統計は次のとおりです。

  1. 3つ星の評価があれば、消費者の57%だけがビジネスを利用します。
  2. 一方、消費者の94%は、4つ星の評価があればビジネスを利用します。 これは、単一の星の評価の増加の重要性を示しています
  3. 消費者の88%は、最大10件のレビューを読んでビジネスについて意見を述べています。

オンラインストアの説明の横に商品のレビューを含めるようにしてください。 アイテムを購入した後に自動メールを送信して、これらのレビューを残すよう顧客に促します。

メーカーのウェブサイトからレビューを引き出すこともできるかもしれません。

チェックアウトページで、各製品の横に平均星評価を表示してテストします。 これは、消費者に実際に製品を購入するように説得するための励ましの最後のプッシュとして機能することができます。

12.素晴らしいサポートを提供する

信頼を築くためには、優れたカスタマーサービスが不可欠です。 あなたはあなたの顧客に彼らが彼らの購入に満足していないならば彼らがどこかに頼ることができるように感じて欲しいです。

良い例は、サイトでライブチャットサポートを提供することです。 小さなチャットボットまたはポップアップを下隅に配置して、顧客が製品について質問がある場合にサポートチームに簡単に連絡できるようにすることができます。

さらに、多くの場合、顧客は製品が自分のニーズに合うかどうかについて確信が持てず、それを理解するために広範なインターネット調査を行う時間がありません。

簡単な質問をしたり、簡単な回答を受け取ったりできることで、購入に向けて動揺することができます。

13.ブランディングを標準に保つ

訪問者は、チェックアウト時に別のWebサイトに移動しているように感じてはなりません。 これは、チェックアウトページがサイトの他の部分と同じ実際のドメイン名でホストされていることを確認することから始まります。

中小企業のメインイメージのDIYブランディング

さらに、チェックアウトページのデザインのブランディングは、他のWebサイトと同等である必要があります。 たとえば、配色を同じに保ち、チェックアウト時にヘッダーなどのどこかにロゴが表示されるようにします。

ユーザーインターフェイスとチェックアウトのデザインのヒント

次のヒントは、コンバージョンを向上させるために実際のサイトデザインを改善することに焦点を当てています。

14.スピードアップ

チェックアウトページの読み込みに時間がかかりすぎたり、支払いの処理に時間がかかりすぎたりすると、一部の訪問者はイライラして離れてしまう可能性があります。

より良いホスティングプロバイダーに切り替えるか、より良いホスティングプランにサインアップすることで、サイトをスピードアップします。 迅速かつ効率的な信頼できる支払い処理システムを使用してください。

15.モバイルデバイスに親しみやすい

一部のページと支払いフォームはデスクトップデバイスで見栄えがしますが、電話やタブレット用に最適化されていません。 チェックアウトページのデザインがモバイルレスポンシブであることを確認してください。

モバイルリード生成ツールの画像

モバイル版のチェックアウトに含まれるフォームの数を減らすことをお勧めします。キーボードにアクセスできない場合や急いでいる場合は、フォームに入力するのが難しいためです。

16.整理しておく

チェックアウトUIを整理してください。 グリッドを使用して、製品情報を行または列に整理できます。 商品名、商品画像、価格、評価、発送時間、注文数量などの情報を含め、すべての情報を明確に整理します。

17.クラッターを減らす

チェックアウトページはシンプルでわかりやすいものにしてください。 メールマガジンの登録フォームなど、あまりにも多くの召喚状で混乱させないでください。 購入ボタンは1つで十分です。 もちろん、商品のイメージや最終価格など、常に含める必要のあるものがいくつかあります。

より良いコンバージョン率のためのマーケティング手法

これらのヒントは、より多くのコンバージョンを獲得するために、より優れたマーケティング手法を使用する方法に焦点を当てています。

18.ページ上のプロモーションコードと割引を提供する

割引とプロモーションコードは、購入するための大きなインセンティブです。 商品が通常より高い価格で販売されており、現在割引価格で販売されている場合は、チェックアウト時にその情報を示す必要があります。

同じことがプロモーションコードにも当てはまります。 定期的または季節的なプロモーションコードを用意し、チェックアウトページで使用できる現在のプロモーションコードを示すと、コンバージョン率が上がる可能性があります。

さまざまな製品のプロモーションコードを提供してテストし、それがコンバージョン率と全体的な利益にどのように影響するかを確認します。

19.緊急性を採用する

期間限定の割引またはプロモーションコードを使用して、緊急性を高め、顧客に購入を促すことができます。 たとえば、割引価格、送料無料、プロモーションコードの有効期限が切れたときにハイライト表示すると、コンバージョン率が上がる可能性があります。

緊急性を高めるもう1つの方法は、在庫が残っている製品の量を表示することです。 AmazonとeBayは常にこれを行っています。在庫が少ない場合は、急いで購入するように指示されます。

緊急性を高めるさらに別の方法は、現在アイテムを表示している、またはウォッチリストに追加した人の数を示すことです。

20.アップセル、クロスセル、ダウンセル

顧客が興味を持っている可能性のあるさまざまな製品を顧客に推奨することで、顧客にクロスセリングまたはアップセルすることで売り上げを伸ばすことができます。これには「関連アイテム」ウィジェットが役立ちます。

ただし、前述のように、プロモーション、召喚状、情報が多すぎてチェックアウトが乱雑にならないようにする必要があります。

より良いアイデアは、顧客がすでにチェックアウトして必要なすべてのチェックアウト支払いを行った後で、顧客にアップセルすることです。

これは、たとえば購入確認ページで行うことができます。また、スマートに作成する必要のある電子メールでも行うことができます。 ただし、チェックアウトページにある必要はありません。 ユーザーがまだサイトで買い物をしているときに、チェックアウト前にクロスセリングをテストして、コンバージョンへの影響を確認します。

この良い例は、Amazonが「通常は一緒に購入された」アイテムを表示して、顧客にカートに商品を追加するように促す方法です。

アップセルとクロスセルに加えて、ダウンセルも可能です。 言い換えれば、顧客がアップセルを拒否した場合、あなたは彼らが興味を持っているかもしれないより安い製品を彼らに提供することに進むことができます。

21.Exit-Intentポップアップを使用する

チェックアウト時のExit-intentポップアップは、購入を行わずにサイトを終了する顧客の一部を呼び戻すのに役立つ場合があります。

これらのポップアップは、ユーザーがブラウザの「X」ボタンに向かってマウスを動かしていることが検出されたときにトリガーされます。

ポップアップで、使用できる特別なプロモーションコードを提供できます。 製品の購入を危うくしている消費者は、特別割引やボーナスを得ることができれば、去るという彼らの決定を再考するかもしれません。

22.フォローアップメールを送信する

チェックアウトプロセス中に、ゲストまたは新規ユーザーの電子メールを収集することは、最初のステップの1つである必要があります。 このように、彼らが購入を完了しなかったとしても、あなたは彼らに彼らの放棄されたカートについて思い出させるフォローアップメールを送ることができます。

フォローアップメール画像

多くの場合、人々は単に急いでいて、クレジットカードを検索して数字を入力する時間がありません。

他の時には、彼らは彼らが彼らのお金を使いたいかどうかについて決定されていないかもしれません。 購入していない製品について優しく思い出させる(そしておそらく割引を提供する)ことで、それらの多くを取り戻すことができます。

チェックアウトページのベストプラクティス–まとめ

チェックアウトページのUXの最適化は、最優先事項の1つである必要があります。 前述のように、コンバージョンを35%以上増やすことができます。 ビジネスの規模に関係なく、上記のヒントを使用すると、売上、収益、および利益を増やすのに役立ちます。