ポジティブなeコマースエクスペリエンスを確保するための30のUXデザインのヒント

公開: 2017-06-14

eコマースは私たちの生活を変え、物を買う方法を変えました。電子商取引では、競争が激しく、クライアントを失うのは非常に簡単であるため、オンラインストアにとって第一印象は非常に重要です。ワンクリックで、クライアントはページを終了し、ユーザーエクスペリエンスの低下により二度と戻ってこない可能性があります。

バリュープロポジションについて、ユーザーの生活を簡素化し、ユーザーに何度も何度も購入させる方法について考える必要があります。あなたの会社が他の何百ものオンラインストアとは異なることを共有する方法を考える必要があります。シンプルさ、簡単なユーザーフロー、行動を促すアイテムを組み合わせることで、クライアントにオンラインエクスペリエンスを提供します。

eコマースを後押しするためのUXデザインのヒントを見てみましょう。

eコマースのルール1–製品の高品質の画像を表示します。
買い物客の集中力を維持します。メインメニュー、クロスセル、アップセルなどが、買い物客のチェックアウトの妨げにならないようにします。色や矢印などの視覚的なキューを使用して、1回の行動の呼びかけに注意を向けます。
あなたのホームページは最も機能する必要があります。たとえば、多くの企業は、ターゲットのタイプを正確に表す刺激的なビデオやストーリーに固執しています。証言、評価、レビューを特集することを忘れないでください。シンプルで整頓されたデザインを使用してください。最近のブログ投稿など、影響を与えないものはすべて削除して、できるだけ少ない単語を使用してください。
トップeコマースショップは通常、ユーザーの傾向をガイドするアイテムのコレクションを提供します。たとえば、最も人気のあるすべての女性用スカートを備えたグリッドを備えている場合や、過去の顧客体験に基づいて推奨される製品を提供している場合があります。
データ検証。ユーザーがフォームを送信するまで待たずに、入力する必要のあるエラーや不足しているフィールドがある場合は、リアルタイムで検証してユーザーに通知します。リアルタイムのインライン検証により、顧客は少ない労力ですばやくチェックアウトを完了することができます。そしてより少ないエラー。ユーザーが通知をスキップしないように、通知が十分に表示されていることを確認してください。
チェックアウトフォームの構成。チェックアウトページをセクションに分割し、関連するアイテムを近くに置きます。そして、不必要な情報を尋ねることは避けてください。単一ページのチェックアウトは、迅速かつ簡単であることを目的としています。したがって、不必要な情報を尋ねることは避けてください。また、買い物客にチェックアウトを完了するために必要なステップ数を推測させないでください。
配送先住所と請求先住所はほとんどの注文で同じであるため、ユーザーにこの作業を依頼するのではなく、請求先住所の詳細に配送先住所を事前に入力してください。郵便番号フィールドを表示し、都市と州を非表示にします。ユーザーが郵便番号を入力したら、事前に入力された都市と州のフィールドでフォームを展開します。これらのフィールドが編集可能であることを確認してください。それはあなたのユーザーにとってより簡単でより速いです。
支払いのセキュリティ。いつものように、eコマースのセキュリティについては多くの懸念があります。セキュリティクレデンシャル、カスタマーケア番号、プライバシーポリシーへのリンクを表示して、買い物客にデータが安全であることを保証します。
緊急性を高めることで、カートの放棄を減らすことができます。在庫が少ない場合は、まだ在庫があるユニットの数を指定します。または、カートに追加された商品の取引や割引を提供し、それが1日か2日で終了する場合は、それを表示します。
特定の金額を超える注文に対して送料無料または割引を提供する場合は、そのオファーを取得するためにさらにいくら費やす必要があるかを買い物客に思い出させる必要があります。
可能であれば、ストアでの購入にギフト包装オプションを追加し、購入者がギフトに個人的なメモを追加できるようにします。また、配達時に請求書に価格情報を含めるかどうかを買い物客に選択させます。
ユーザーのウィッシュリスト。あなたのことを思い出すショッピングカート。ユーザーが注文の総費用を支払う余裕がないと感じた場合、カートからいくつかのアイテムを削除する可能性があります。それらの製品を保存するか、ウィッシュリストに移動して、追跡できなくなることのないようにするオプションを提供します。次回カートページに表示されたときに、ウィッシュリストにある商品を思い出させることもできます。また、ユーザーがカートからアイテムを削除したい場合は、削除ではなく削除という名前を付けます。また、ユーザーが数量をゼロに設定して、カートからアイテムを削除できるようにします。ユーザーが削除リンクをクリックすると、アイテムを削除する代わりに、クリックが意図的なものかどうかをすぐに確認します。商品ページに移動せずに、カートページ自体でこれらの変更を行うオプションを指定する必要があることを忘れないでください。そしてもちろん、買い物客がカートに商品を追加するとき、商品が追加されたかどうかを推測させないで、確認メッセージを提供します。同じページに確認メッセージを表示するか、カートページにリダイレクトすることができます。買い物客が同じページにいる場合は、確認メッセージとともに商品の推奨事項を提供して、買い物客がさらに購入できるようにします。
共有可能なウィッシュリスト。多くの顧客はすぐに購入を決定するのではなく、すべてを考え直したり、さまざまなeコマースストアと価格を比較したり、家族や友人に選択を相談したりする時間が必要です。もちろん、ページをブックマークすることもできますが、すべてのアイテムを1か所に保存するほど便利ではありません。潜在的に興味深い製品にマークを付けてウィッシュリストに追加する可能性は、優れたソリューションです。ウィッシュリストが本当にユーザーフレンドリーである場合は、顧客がそれをオンラインで他の人と共有できることを確認してください。電子メールとソーシャルメディアの共有を提供するだけでなく、顧客が共有可能なリンクを作成できるようにします。このようなリンクにより、顧客は購入について他の人に相談しやすくなります。
最近購入した商品を表示します。おそらく、eコマースストアで同じ商品を購入することが多い常連客がたくさんいるので、アカウントをパーソナライズすることをお勧めします。特定のキャットフードを購入するために毎月あなたを訪問する顧客がいる場合、ログ記録の直後に最近購入した製品のセクションを表示すると、買い物が簡単になります。猫用おやつにぴったりのバッグサイズとタイプを探すのに時間を無駄にすることはありません。ワンクリックするだけで、製品がカートに入れられます。そのような機能があなたの店で彼らを待っていることを知っていると、彼らが戻ってくる可能性が高くなります。
ショッピングカートを常に表示します。より高度なオンライン買い物客は、アイテムを追加した場合、バスケットページに直接送信されることを望まないでしょう。したがって、バスケットがサイトのすべてのページに表示され、追加されたものの数と価格が表示されることが重要です。
多くのカテゴリ、可変製品、または多くのオプションを備えた製品がある場合、ナビゲーションは重要です。人々が欲しいものをすばやく見つけることができるほど、チェックアウトプロセスにすばやく移動できます。トップメニューを7つの選択肢に制限します。カテゴリとサブカテゴリを整理する複数列のメニューを使用します。非表示のメニューを忘れないでください。過去数年間、ミニマリズムは最も一貫性のあるWebデザインのトレンドのひとつであり続け、クリーンでシンプルでナビゲートしやすい美学に焦点を当て、画像や大きな背景を際立たせています。多くのデザイナーは、ハンバーガーアイコンが普遍的なステータスを獲得したと信じており、ユーザーがアイコンをメニューまたはリストとして関連付けて操作するときに、ブランドはナビゲーションを隠すことを恐れてはなりません。
SEO 。ブレッドクラムを使用して、ユーザーがページランクをナビゲートしてカテゴリページに配布できるようにします。ページのタイトル、URL、見出し、および説明テキスト全体で、最も関連性が高く、難易度の低いキーワードを使用します。ページの上部または写真の横に短い製品概要を提供します。モバイルを最初に考えてください。今ではeコマースもモバイルに依存しています。あなたができる最低限のことはあなたのサイトをレスポンシブにすることです。
製品の数。商品リストの前後のページ数を表示します。そのカテゴリ内の製品の総数を表示します。
フィルタ。ユーザーが価格、カテゴリ、性別、色などで並べ替えることができるようにします。
ズームオプションを提供して、ユーザーが自分で詳細を確認できるようにします。
すべてのパーソナライズ。
お金対価値。一部のユーザーは、特定の金額を使うことに焦点を合わせています。他の人は価値に焦点を合わせます。あなたのサイトは両方の問題に対処するのに役立ちます。送料無料はありますか？価格は高いですが、品質は優れていますか？あなたのサイトでこれを明確に述べ、あなたの競争上の優位性、あなたがあなたのクライアントに与えるかもしれない利益を示してください。
効率的な検索。 1つのアイデアは、ユーザーが最後に検索した場所をサイトに自動的に保存させることです。たとえば、ユーザーが検索を4ページに絞り込んだとします。1ページあたり30アイテムです。そして、3ページの2行目の2番目の項目を見ている間、彼は中断されました。したがって、基本的に、最初からやり直すのではなく、中断したところから続行するオプションをユーザーに提供します。
ニュースレターフォーム。強力なメールリストを作成するのは長いプロセスですが、特に休日のプロモーションには非常に価値があります。ニュースレターの登録フォームを持つことは、どのeコマースストアでも標準であるため、他のストアよりも魅力的なものにするようにしてください。
コンテンツを更新することを忘れないでください。先月のプロモーションはどのページにも掲載しないでください。使用できないプロモーションを見つけるのは面倒です。
アカウントを持つことの利点を強調します。特別割引やプロモーションなどの特典は、アカウントを作成する買い物客の数に十分です。
人々が情報を読んだりスキャンしたりする方法を忘れないでください。各Webページの重要な部分を上部と左側に配置します。訪問者は「F」パターンでWebページをスキャンします。これはよく知られている事実です。したがって、強力な見出しとそれに応じたレイアウトページで彼らの注意を引きます。
仮想支援を提供します。 eコマース企業は、予測テクノロジーを備えたチャットボットまたはライブチャットツールを使用して、買い物客のニーズを予測し、最も重要な瞬間にガイダンスを提供します。たとえば、顧客がチェックアウト時にエラーメッセージを受け取ったり、サイジングガイドを検索したりする場合、インテリジェントチャットボットはタイムリーで関連性のある支援を提供できます。また、ユーザーの好みに応じてパーソナライズされた推奨事項を提供できます。
カードデザイン。カードデザインのトレンドは、膨大な量のコンテンツをわずかな労力で整理できるという単純な理由から、ますます人気が高まっています。商品情報を表示するカードのような箱から、カードデザインと呼ばれています。シンプルで読みやすく、それでも印象的です。カードは、セクションや製品をすっきりとユーザーフレンドリーな方法で整理するのに最適です。ナビゲーションを簡素化し、UXを向上させるため、ユーザーは一目で情報に簡単にアクセスし、トピックを区別できます。カードレイアウトを採用する最大の利点は、レスポンシブWebデザインで非常にうまく機能することです。そのため、eコマースWebサイトで非常に人気があります。
大きな背景。顧客はテキストではなく画像を好みます。彼らが読む時間がないならば、それは彼らが写真に集中するように導くことは間違いありません。顧客の購入決定の重要な要素は、ストアを閲覧しているときの最初の印象にあります。大きな写真とビデオの背景は、美しく魅力的なWebサイトを作成します。彼らは彼らがあなたのウェブサイトに到着した瞬間に購入をするように潜在的な顧客を奨励することができます。 Eコマースストアはこの手法を幅広く使用して、すっきりとしたプロフェッショナルな外観を作成し、製品をより魅力的なものにしています。

私のリストがお役に立てば幸いです。eコマースストアでのユーザーエクスペリエンスの向上に役立つことを願っています。トレンドは非常に速く変化します。