モバイルユーザー向けにeコマースサイトを最適化する6つのスマートな方法

公開: 2018-05-24

Adobe Insightsによると、2017年の感謝祭の週末には、米国のショッピングサイトへのアクセスの半分以上（52％）がスマートフォンとタブレットからのものでした。アメリカ人がデスクトップよりもモバイルでブラックフライデーの買い物をしたのは初めてでした。

しかし、オンラインで行われた実際の購入の36％のみがモバイルデバイスで行われたため、その「ショッピング」はより正確にはブラウジングと呼ばれます。消費者は依然として主にモバイルよりもデスクトップで購入することを好みます。彼らはスマートフォンを見るのが好きですが、引き金を引く時間になるとデスクトップにジャンプします。

モバイルeコマースは急速に成長していますが、ブランドは、消費者にハンドヘルドデバイスで購入するよう説得する前に、依然として多くの条件を満たす必要があります。オンラインストアがモバイル販売を獲得するために最適化されていることを確認するための主な方法のいくつかを次に示します。

ネイティブに行く

デスクトップWebサイトの「レスポンシブ」バージョンを用意するだけでは不十分です。真に「モバイルファースト」であるためには、スマートフォンユーザー向けにネイティブに構築され、スワイプやジオターゲティングなどの独自の機能を活用するブラウジングと購入のエクスペリエンスを作成する必要があります。

ほとんどの設計者は、デスクトップ用のオンラインストアを構築することから始め、次にそのエクスペリエンスを小さな画面に変換します。これは通常、製品の表示、発見、購入の方法に妥協をもたらします。また、「モバイルサイト」は、非常にせっかちなモバイルユーザーの考え方に基づいて設計されていないことも意味します。

たとえば、正しく設計されていれば、スマートフォンを1回タップするだけで、支払いと顧客データ（名前、住所、電話番号）を有効にできます。しかし、デスクトップからモバイルに転向したサイトでは、このレベルの使いやすさを実現できることはめったにありません。

ブラウジングと購入の両方をサポート

スマートフォンユーザーは通常、2つの目標のいずれかを念頭に置いてeコマースサイトにアクセスします。つまり、閲覧したい、または特定の何か（実店舗で発見されたアイテム）を探しているということです。モバイルサイトは、同じ環境内でこれらの両方のアクティビティを完全にサポートする必要があります。それをやってのけるのは難しいかもしれません。

閲覧を検討している消費者の場合、サイトにはモバイル画面で見栄えのする商品の画像を含める必要があります。製品ページには、最も重要な情報のみを表示し、より詳細な説明をタップするだけで表示する必要があります。さまざまなカテゴリの製品をスワイプまたはタップするのは非常に簡単です。

特定の製品を見つけたいと思っているユーザーは、検索ボックスを検索させないでください。検索ボックスは、常に見やすく、アクセスしやすいものにする必要があります。理想的には、サイトは予測検索結果と「スマート検索」を有効にする必要があります。これは、画面を検索ボックスで自動的に埋めて入力と表示を容易にする設計機能です。訪問者はまた、検索フィルターを使用して、考えている特定の製品にすばやくドリルダウンできる必要があります。

モバイルナビゲーションを釘付け

上記のように、ユーザーがモバイルサイトを簡単にナビゲートできると、コンバージョン率に大きな違いが生じます。同時に、スペースが制限されたモバイル環境内でのナビゲーションリンクを非常に効率的に使用する必要があります。

最も重要なリンクは、ヘッダーナビゲーションバーに移動します。最近の傾向は、「ハンバーガーメニュー」を使用して、商品カテゴリのリンクや、設定、店舗検索、連絡先情報などの他のサブページを3本の短い縦棒のようなアイコンに折りたたむことです。ハンバーガーメニューを使用すると、モバイルサイトのヘッダーに重要なリンクを表示するためのスペースが増えます。これには通常、検索バー、ショッピングカート、ロゴ（ホームページのリンクを兼ねる）が含まれます。

しかし、ハンバーガーメニューは、「メニューの詰め込み」、つまりメニューバーに不要なリンクを多く配置するという悪い習慣につながる可能性もあります。これとハンバーガーメニューを完全に回避するために（これはまだ多くの消費者を混乱させます）、Glossierがモバイルナビゲーションで行ったように、常に表示される粘着性のあるバーを選ぶことができます。これには、ナビゲーションバーに非常に多くのリンクしか収めることができないため、可能な限り最小限で論理的な方法で製品を整理する必要があります。

多くのモバイルサイトでも、スペースを節約するためにテキストではなくアイコンを使用しています。展開しているアイコンがすぐに認識できることを確認して、ユーザーがクリックしているものを正確に認識できるようにします。

電光石火の速さ

Googleの調査によると、平均的なモバイルランディングページの読み込みにはなんと22秒かかります。ただし、読み込みに3秒以上かかる場合、大多数のユーザーはモバイルページを離れます。 eコマースサイトの読み込みが遅い場合、この不一致は売り上げの前兆にはなりません。

サイトのパフォーマンスが遅いとeコマースビジネスに悪影響を与える可能性があることについては、以前に書いたことがあります。モバイルでは、サイトの速度がさらに重要になります。スマートフォンユーザーは、デスクトップユーザーよりも忍耐力がありません。モバイルサイトのパフォーマンスは、eコマースビジネスとしての最優先事項である必要があります。

思ったよりも簡単なチェックアウトを有効にする

スピードについて言えば、eコマースストアでのチェックアウトエクスペリエンスは、可能な限り高速かつシームレスである必要があります。 Harris Pollによると、買い物客の3分の2は、チェックアウトエクスペリエンスが低いため、モバイルデバイスでのオンライン購入を断念しています。カートの放棄率を減らし、コンバージョンを増やすために、できるだけ多くの摩擦を取り除きたいと考えています。

これを行うためのいくつかの重要な方法は次のとおりです。

Apple Pay、Google Pay、AmazonPayなどの複数のサードパーティ支払いオプションを提供します。
ゲストチェックアウトを有効にする
必須フィールドを最小限に抑える
フィールドを垂直行にスタックし、行ごとに1つのフィールドを維持します
チェックアウトプロセスを複数のページに分割します
プログレスバーを使用して、ユーザーの関心を維持します
ページごとに1つの目立つ召喚ボタンを保持します
ユーザーにカスタマーサービスラインを「クリックして電話」するオプションを提供し、代わりに生きた人間で購入を完了できるようにします
フォームの自動検出と自動入力を有効にする（SafariとChromeでサポートされています）
クレジットカードと電話番号のエントリ用に数字キーボードをトリガーする
住所検索を有効にして、自宅と配送先の住所を自動入力できるようにします

セキュリティ上の懸念に対処する

多くのモバイルeコマースの顧客にとって、セキュリティの懸念は大きな障壁になる可能性があります。ある調査によると、消費者のほぼ半数が、個人データの保護に関して、モバイルデバイスはPCやラップトップよりも安全性が低いと考えています。

これらの懸念を克服すると、コンバージョン率が高くなります。少なくとも、オンラインストアにはSSLセキュリティ証明書が必要です。 SSLは、サーバーとクライアントの間に暗号化されたリンクを作成し、クレジットカード番号、社会保障番号、ログイン資格情報などの機密情報を安全に送信できるようにします。サイトにSSL南京錠アイコンが目立つように表示されていることを確認してください。

さらに良いことに、SSL証明書をExtended Validation Certificate（EV）と組み合わせることができます。これは、ブランドが緑色のアドレスバーを表示できるようにする高レベルの証明書です。多くの消費者は、これらの緑色のバーがあるサイトで自分の情報を提供することをより快適に感じています。

Smart Insightsによると、米国では、デスクトップeコマースサイトのコンバージョン率はスマートフォン固有のサイトのコンバージョン率の3倍です（3.73％対1.14％）。ここに記載されているすべてのベストプラクティスを考慮に入れることで、サイトは、モバイルデバイスで購入ボタンをクリックするように顧客を促すのに大いに役立ちます。