一般的なユーザー インターフェースの問題を修正し、コンバージョンを改善する方法

適切に設計されたユーザーフレンドリーなウェブサイトは、購入する新規顧客とすぐに直帰する見込み客との違いを生むことができます. e コマースでは、Web デザインには配色やクールな効果以上のものが含まれます。 成功する Web デザインには、スムーズなナビゲーション、高画質、モバイル互換性、およびポジティブなユーザー エクスペリエンスに貢献するその他の多くの要素が含まれます。

残念ながら、機能よりも見た目を優先するため、重要な要素を見落としたり、デザインの領域でミスを犯したりしがちです。

以下は、ユーザー エンゲージメントとコンバージョン率を向上させるために実装する最も一般的な e コマース デザインの改善点の 6 つです。

1. カテゴリーナビゲーションを計画し、それを使い続ける

メニューは非常に重要です。訪問者が最初に目にするものであり、最終的にどこに行くべきかを示します。 新規訪問者は、Web サイトのメイン ナビゲーションに注意の約 1/4 を費やしているため、ほとんどの場合、訪問者がサイトに対して抱く第一印象はメニューです。 ナビゲーションでよくあるデザインの間違いには、オプションが多すぎる、あいまいなカテゴリ タイトル、全体的な混乱などがあります。 顧客がどこに行けばよいかわからない場合、他のオプションを探すために単にサイトを離れてしまう可能性があります。

ナビゲーションを成功させる鍵は、顧客がどのように買い物をするかを考え、それに応じてカタログ構造を計画することです。 サイト カタログをデザインするときは、顧客の立場で考え、検索している質問に最適な回答が得られるようにメニューをパーソナライズします。これは、顧客が考えたりクリックしたりする必要が最小限で済むようにすることを意味します。 すぐに選択できる選択肢で訪問者を圧倒するのを避け、プライマリ ナビゲーションをできるだけ少ないオプションに制限します。 次に、より大きなカテゴリ内で属性とファセット ナビゲーションを利用して、フィルタリングを支援します。

これに固執することが重要です。新しい製品ラインやブランドを追加すると、サイトの既存のナビゲーションが見直され、元々単純なカテゴリ構造が肥大化する可能性があります。 サイトでのブラウジングや検索エンジンの最適化に役立つように、顧客が製品と呼ぶ名前の付いた高レベルのカテゴリを選択します。 顧客が解決しようとしている問題は何かを常に考え、できるだけ早く答えを提供できるようにします。

2.チェックアウトプロセスを簡素化する

2018 年現在、すべてのショッピング カートの平均75% が放棄されています。 ユーザーはさまざまな理由でカートを放棄します。クーポン コードを受け取るかどうかを確認するためだけの場合もありますが、ほとんどの場合、不要な必須フィールドの追加、チェックアウトでの珍しいフィールド、または役に立たないエラー メッセージ。 Baymard Instituteが実施した 2012 年の調査によると、ユーザーは上位 100 の e コマース サイトのうち 61 が「一見不必要な」情報を求めていると報告しています。 住所の自動入力オプションなどのショートカットを提供するか、顧客がゲストとしてチェックアウトできるようにすることを検討してください。

チェックアウト プロセスの問題は多岐にわたるため、簡単に解決することはできません。 代わりに、最初のステップは、顧客のように考え (それがどのように発生し続けるかを確認してください)、チェックアウト プロセスに不要な混乱がないかどうかを確認することです。 常識がチェックされたら、潜在的な顧客が行き詰まる場所を正確に確認します。 Google アナリティクスでチェックアウト ファネルを設定し、Magento の放棄されたカート レポートに注意してください。

覚えておくべきこと:チェックアウト プロセスが長くなるほど、コンバージョンは低くなります。 コンバージョンを高め、訪問者が戻ってくるようにするために、短くて甘いものにしてください。 Magento 1 のネイティブ チェックアウトには多くの要望が残されていましたが、Magento 2 には優れたチェックアウト プロセスが組み込まれています。

最後に、ショッピング カート放棄プログラムを実行していない場合は、実行してください。 https://carts.guru/en/は私たちのお気に入りのツールの 1 つになりましたが、ショッピング カートの放棄に特化したツールがいくつかあります。

3. 優れた画像を使用する

画質は、技術的および定性的なものです。 低解像度の写真は見栄えが悪く、サイトの信頼性が低下します。 一方、ブランドや製品に関係のないストック写真は、オンラインの買い物客にウェブサイトから購入するよう説得するのにほとんど役に立ちません。

基本を超えて、製品とブランドを効果的に強調し差別化する高品質の画像に投資してください。 顧客は、画像がコンテキストと意味を追加することを期待しています。 可能な限り、写真には実在の人物を使用し、製品の詳細を画像で表示し、訪問者に大きくて高品質の写真を提供してください。

調査によると、コンバージョンを高めるには、小さい画像よりも大きい画像の方が効果的であることが確認されています。 製品情報はスクロールしなければ見えないところに押し込まれているかもしれませんが、顧客は、購入するかどうかを決定する際に、製品がはっきりと見えることをより重視していました。 大きな画像を圧縮することと、パフォーマンスのために画像のサイズを小さくすることのバランスを見つけてください。 2018 年です。必要に応じて CDN を取得しますが、画像をケチってはいけません。

4.価値ある商品説明を書く

多くの e コマース製品ページは、同じタイプの間違いの犠牲になります。

• 基本が伝わらない商品説明
• 購入者にとっての製品の利点に関する不明確な情報
• 製品の使用方法を明確に説明するビジュアルがない

製品の説明は、明確、簡潔、かつ信頼できるものでなければなりません。面白いものも役立つ場合があります。 時間を無駄にすることなく、説明的で価値を付加できるように注意深く作成する必要があります。 機能だけに焦点を当てるのではなく、顧客にとっての製品の利点を強調する、感覚的な形容詞を追加して読者がコピーを体験できるようにする、箇条書きや楽しいアイコンを使用して説明をスキャンできるようにするなどのヒントは、利益をもたらすことができます.

優れた製品ページを作成するもう 1 つの理由は、信頼を確立することです。 顧客の声や、製品を取り上げたツイートや Instagram の写真などの社会的証拠を含めることは、製品が説明と同じくらい優れていることを顧客に保証する優れた方法です。

ターゲットはこれで素晴らしい仕事をします。 下のスクリーンショットは、ハッシュタグ #targetstyle を使用して、女性が着用して写真を撮った水着を宣伝する会社を示しています。

これにより、製品の信頼性が高まるだけでなく、ソーシャル メディアでの存在感が高まり、ブランドと顧客のロイヤルティが構築されます。

5.レスポンシブデザインを完全に採用する

モバイル トラフィックは、平均的な e コマース サイトの 30% ～ 40% を占め、ホリデー シーズンのショッピング シーズンに急増します。 レスポンシブ テンプレートは、最近ではほぼ標準的なプラクティスであり、Magento には優れたベスト プラクティスのレスポンシブ テーマが含まれていますが、レスポンシブ サイトを持つだけでは十分ではありません。

レスポンシブ サイトで最も見落とされている側面は、サイト コンテンツがモバイルでうまく読み込まれないことです。 スマートフォン、タブレット、デスクトップで完全に表示されるように、カタログと製品コンテンツを作成します。 また、モバイルでのサイト要素の読み込み方法に優先順位を付けます。 ローテーション バナー、インタラクティブなソーシャル シェア ボタン、その他の機能などのデスクトップ中心の機能は、常にモバイルに表示されるとは限らないか、同じ順序で表示されるとは限りません。 たとえば、回転するバナーの代わりに静的なバナーをモバイルに表示して、パフォーマンスを向上させ、モバイル ユーザーが頻繁に持つ短い注意時間に対応します。

6. サイト検索を最適化する

サイト検索は問題になる可能性があります 22 – マーチャントがサード パーティのサイト検索プロバイダーに商品を販売した後、顧客がサイト検索機能をまったく使用していないことが判明することがあります。 また、どうしても注意が必要なサイト エクスペリエンスの無視された部分である場合もあります。 Google アナリティクスでサイト検索トラッキングを設定して、ユーザーが現在サイト検索を利用している頻度を確認し、顧客の人口統計に基づいて最適化します。 一部のサイトには、テーマに含まれているという理由だけで検索ボックスがありますが、使用されることはありません。 その場合、それを捨てるのが最善です。

サイト検索を追跡すると、訪問者がサイトをどのように利用しているかについての洞察が得られ、必要なサードパーティ ツールについてより適切な情報に基づいた決定を下すことができます。 顧客が最適化された検索機能の恩恵を受ける場合は、それを便利なツールとして構築することに力を入れてください。それはデータの優れたリソースにもなります。 便利なファセット ナビゲーション、提案された用語、マーチャンダイジング機能を通じて顧客に価値を提供するサイト検索ユーティリティを使用します。

より良い e コマース Web サイトの構築

これらの手順はすべて、顧客との信頼関係を築くのに役立ち、並行して実施する必要があります。 コンバージョン率の最適化は、人々に購入の理由を与えるのと同じくらい、購入しない理由を取り除くことでもあります。 e コマース Web デザインのミスは、信頼性を低下させるだけでなく、収益を低下させます。

成功するユーザー インターフェース デザインの詳細や、e コマース サイトの最適化については、お問い合わせください。