モバイルの最適化：11のステップでチェックアウトページを改善する方法
公開: 2020-12-16オンライン取引の40％がモバイルデバイスを使用して行われていることをご存知ですか？ コンバージョン率はまだデスクトップのコンバージョン率を下回っていますが、モバイルでの購入は絶えず増加しています。
オンラインショップのオーナーの場合は、モバイルチェックアウトプロセスを最適化する必要があります。そうしないと、クライアントを失うことになります。
データはモバイルショッピングについて何と言っていますか？
- 米国の調査対象者の61％によると、優れたモバイルエクスペリエンスはブランドの意見を向上させます。
- 消費者の52％は、モバイルエクスペリエンスが悪いため、ビジネスを延期しています。
- 消費者の40％は、モバイルサイトでの悪い経験の後、競合他社に行きます。
- ページが遅いと、97％のモバイルショッピングカートが放棄される可能性があります。
優れたモバイルショッピング体験は非常に重要です。 上記のデータはそれを証明しています。 低速でモバイル向けに最適化されていないWebサイトでは、顧客を失うのは簡単です。
コンバージョンのためにチェックアウトプロセスを最適化する方法
もっとある。 モバイルトラフィックは過去7年間で222％増加しましたが、デスクトップのコンバージョン率は依然としてモバイルよりも高くなっています。
人々はますますモバイルデバイスを使用しているが、それでもデスクトップで購入することを好むと結論付けることができます。
消費者は、モバイルデバイスからのチェックアウトに不安を感じています。 後でデスクトップから購入できるように、商品を閲覧したり、ウィッシュリストに追加したりする場合があります。
そのため、この記事では、モバイルでのチェックアウトページを改善し、モバイルのコンバージョン率を高める方法について11のステップを紹介します。
1.簡単なモバイルナビゲーションを設計する
モバイルナビゲーションはデスクトップナビゲーションとは異なります。 モバイルインターフェースを設計するときは、人々が親指を使うことを考慮してください。
ユーザーが電話を保持する方法は実際には6つあることをご存知ですか。
出典：Uxplanet
調査によると、75％の人が親指を使って画面に触れています。 また、携帯電話を片手で持っているのは50％未満です。
行動を促すフレーズのボタンなどの最も重要なアイテムは、顧客の快適ゾーンにあり、タップしやすいものにする必要があります。
出典：Sephora
上のスクリーンショットで表示されている要素を簡単に調べてみましょう。
- アカウントにサインインする
- バスケットアイコン
- 展示品
- ウィッシュリストアイコンに追加
- 行動を促すフレーズのボタンを表示
チェックアウトはかなりアクセスしやすいようです。バスケットや保存した商品を検索する必要はありません。
ウィッシュリストに商品を追加することは、モバイルショッピングエクスペリエンスの重要な機能です。次のステップでその理由を見てみましょう。
2.「後で使用するために保存」機能をショッピングカートに追加します
「後で使用するために保存」または「ウィッシュリストに追加」機能を使用すると、カートを放棄する回数を減らすことができ、買い物客は後で購入するためにアイテムを保存できます。 また、顧客は必要に応じてWebサイトを離れることができ、戻ったときに目的の製品が保存されます。
このようにして、買い物客は必要な商品を再度検索する時間を無駄にすることなく、必要に応じてチェックアウトに進むことができます。
プロのヒントは、顧客にリマインダーメールを送信し、製品が保存されていることを顧客に知らせることです。 あなたは彼らの製品をどれくらいの期間保持するつもりであるかを言うことによって、小さな切迫感を作り出すことさえできます。
3.明確で目に見える「カートに追加」CTAボタンがあることを確認します
最も重要な要素の1つは、行動を促すフレーズのボタンです。 あなたはそれが目に見え、魅力的であり、それがあなたのゲストを回心させるようにそれを設計する必要があります。
特定の商品が好きで、それを購入したいのに行動を促すフレーズのボタンが見つからない顧客を想像してみてください。 特にモバイルのコンバージョン率がすでにかなり低いという事実を考えると、それを買う余裕はありません。
モバイルデザインの基本原則は、行動を促すフレーズのボタンを大きくすることです。 ユーザーは、指や親指を使って簡単にタップできる必要があります。 これは、マウスでクリックできるデスクトップの小さな行動を促すフレーズのボタンとは対照的です。
出典：Oysho
4.ゲストチェックアウトを提供することにより、チェックアウトプロセスをスピードアップします
顧客にアカウントを作成させることは、本当のストッパーになる可能性があります。 実際、これがカート放棄の2番目の理由です。 調査によると、登録したくない人のためのゲストチェックアウトオプションがウェブサイトに提供されていなかったため、顧客の28％がカートを離れています。
カートの放棄率を下げるには、買い物客に最初に登録するように求めない、簡単で迅速なチェックアウトプロセスを選択します。 ゲストのチェックアウトは迅速かつ便利です。
出典：リーバイス
ログインするには、より多くのコミットメントと個人情報の共有が必要です。 特に顧客が1回限りの購入を希望する場合は、誰もがそれに満足しているわけではありません。
5.チェックアウトプロセスを分解し、プログレスバーを追加します
買い物客が[今すぐ購入]ボタンをタップした後、プロセスにかかる時間を表示できます。
顧客が外出中で、誕生日プレゼントをすぐに購入する必要があるとしましょう。 彼らはアイテムをバスケットに追加し、チェックアウトに移動しました。 しかし、彼らはプロセスがどれくらいの長さであるかを知りません。 そして、彼らが急いでいるならば、彼らは後で購入を残すかもしれませんが、二度と戻ってこないでしょう。
あなたが彼らを失うことになるので、これはあなたの顧客に起こるべきではありません。 カートの放棄の21％は、プロセスが長すぎて複雑すぎるために発生します。
これを回避するために、チェックアウトプロセスのどの段階にいるのかを顧客に知らせる進行状況インジケーターを実装できます。
あなたはそれを4つのステップに分けることができます：
- バッグ
- 配達
- 支払い
- 確認
モバイル戦略を立ち上げて実行するためにすべきこと
6.自動入力を導入して、顧客の時間を節約します
モバイル販売の世界では、すべてが迅速に行われる必要があります。 ユーザーは、ページが読み込まれるのを待つことも、無限のチェックアウトフォームに不要なフィールドを入力することもありません。 名前、住所、または電子メールの自動入力オプションを追加することで、顧客の生活を楽にすることができます。
チェックアウトプロセスをスピードアップする方法：
- 自動入力を導入する
- 入力フィールドを最小限に減らします
- 不必要な詳細なしで最も重要な情報を求める
- 新規登録用のパスワードを自動生成する
- 顧客が住所をすばやく追加できるように、住所検索または地図を提供します
- 必要な各フィールドをアスタリスクで明確に示します
- 配送先住所を請求先住所として使用する
出典：Sephora
7.自動暗示とエラー表示を使用する
自動提案の背後にある主な目的は、ユーザーがフォームに簡単かつ迅速に入力できるようにすることです。 アドレス支援と自動入力は、時間を節約するだけでなく、エラーを減らします。
フィールドの周りに赤い境界線を追加してエラーメッセージを目立たせることで、チェックアウトをより簡単かつ迅速に行うことができます。 このようにして、ユーザーはすぐにそれを確認し、エラーを修正します。 買い物客が必須フィールドを見逃した場合は、メッセージをすぐに表示して、問題がどこにあるかをユーザーに正確に示すことができます。
出典：アディダス
8.チェックアウトページに電話番号またはカスタマーサービスアイコンを追加します
緊急の質問がある場合に顧客が電話できるように、クリック可能な電話番号を設定します。 オンラインショッピングは成長していますが、オンラインでの購入にまだ警戒している顧客がいます。
電話番号は、お客様の不安を和らげるだけでなく、土壇場で問題が発生した場合に質問することもできます。
出典：Crazy Egg
チャットをご希望のお客様には、画面右下にチャットアイコンを表示することができます。
アディダスはチェックアウトプロセス全体でアイコンを表示し、いつでもタップできます。
9.注文の概要を表示します
カートの放棄率が高い主な理由は、送料、税金、手数料などの追加費用です。 これを回避するには、注文の最終的な費用を明確に表示する必要があります。 これにより、顧客にとって不必要な驚きがなくなります。
チェックアウトプロセス中に顧客は他に何を見る必要がありますか？
- 製品写真
- 商品名
- 追加の税金と配送料を含む価格
- 配達予定日を確認するオプション
- 行動を促す明確なボタン
- 配送先住所
また、カートアクティビティをユーザーが制御できるようにする必要があります。 つまり、クライアントは、数量の更新、商品の切り替えと削除、住所の編集など、注文を簡単に変更できる必要があります。
モバイルWeb収益化の成功の3つの側面
10.さまざまな支払いオプションを提供し、プロセスを高速化します
モバイル決済は悪夢になる可能性があります。 クレジットカードの詳細を追加しようとすると、エラーが発生した場合、もう一度追加する必要があると想像してください。 これはかなり苛立たしいことであり、人々がカートを離れる可能性があります。
出典：アディダス
プロセスをスムーズに進めるには：
- PayPal、Stripe、Apple Pay、Stripe、VisaCheckoutなどのさまざまな支払いオプションを提供します。
- ユーザーがカードを選択してCVVコードのみを追加できるように、[保存済みカード]セクションに以前に使用したカードを表示します。
セキュリティ検証バッジを表示することで、顧客の信頼を高め、信頼を築くことを忘れないでください。 顧客が自分のデータが保護されていることを信頼できるように、Webサイトには有効なSSL証明書が必要です。
モバイルWordPressSEO監査を実施するための4つのステップ
11.購入確認を表示します
購入後、すぐに購入確認書を表示する必要があります。 注文が正常に完了したことを確認するページを作成できます。 また、購入情報を記載した確認メールを送信する必要があります。
どのような情報を含める必要がありますか：
- カスタマーサービス番号または顧客が必要とする場合のリンク
- 成功したことの支払い確認を提供します
- 購入の詳細を表示する：製品、数量、合計価格
- 配送に関する情報
- CTAボタン、必要に応じて、お客様が従う必要のある次のステップ
モバイル時代のCMSの再考
まとめ
シンプルなモバイルチェックアウトプロセスが重要です。 人々はまだモバイルデバイスを介してオンラインで購入することについて警戒することができます。 これが、プロセスをできるだけ簡単にする必要がある理由です。
あなたのウェブサイトが安全であり、あなたがあなたのクライアントのデータを保護していることを示すことによって、彼らがあなたを信頼できることをあなたの顧客に証明してください。 優れたモバイルエクスペリエンスを作成して、ショップに戻って再度購入できるようにします。