ホームページ

2019年のスマートeコマースUXとUIはどのようになりますか？ RedStagFulfillmentのマーケティングディレクターであるJakeRheudeからのこのゲスト投稿をご覧ください。

ユーザーエクスペリエンス（UX）とユーザーインターフェイス（UI）の設計に関しては、すべてのオンラインビジネスに対してさまざまな意見や期待があります。 しかし、eコマースサイトの場合はどうでしょうか。 2019年のeコマースUXとUIにユーザーは何を期待していますか？ サイトを作成または再設計するときは、何に注意する必要がありますか？

これらは、業界、顧客、特定の製品、および個人的な好みに基づいて考えられる幅広い回答を含むいくつかの大きな質問です。 クリックの背後にナビゲーションが多すぎるため、ハンバーガーメニューを楽しんだり、嫌ったりすることがあります。 高コントラストの背景を楽しむ人もいますが、それらは最新のコレクションの色やパターンと衝突する可能性があります。

そのため、eコマースのユーザーエクスペリエンス（UX）とユーザーインターフェイス（UI）を深く掘り下げるのは難しいでしょう。 このブログ投稿では、2019年のeコマースUXとUIの最も重要なトレンドと側面のいくつかを紹介します。これにより、全体像のレベルで正しく理解でき、お気に入りの色を避けることを心配する必要がなくなります。 。

まず、すべてがどのように接続されているかを見てみましょう。

EコマースのUXとUI：全体的なエクスペリエンス

私たちがユーザーエクスペリエンスについて考え始めるとき、それは通常私たちの仕事に関連しています。 デザイナーは、ユーザーがサイトをナビゲートし、その要素をどのように使用するかを考えます。 マーケターは、人々がページにたどり着くまでの道のりをよく考えます。 販売は、ユーザーが購入を完了するために購入者の旅をどのように歩むことができるかに焦点を当てます。

これらすべてとそれ以上のものがUXに含まれています。 eコマース企業の場合、エクスペリエンス全体がストアにまとめられているため、覚えておくことがさらに重要です。 Eコマースの所有者とストアフロントは、ユーザーが最初にあなたを見つけたときにブランドのエクスペリエンスが始まり（ここではソーシャル、検索、広告が重要です）、チェックアウトと購入後のフォローアップに至るまでフォローする必要があることを理解する必要があります。

誰かに購入を感謝し、注文追跡を提供するために送信する自動メールは、eコマースUXの一部です。 同じ声のトーン、色、画像を使用してブランドを強化するための追加の手順を実行すると、彼らがあなたをどのように覚えているかにプラスの影響があります。

新しい顧客の立場になってください。 彼らがあなたを見つけてあなたから購入するために取るすべてのステップを追跡し、次にあなたから彼らの製品を入手し、それを保持するか、それを送り返すかを決定します。 カスタマージャーニーに沿ったすべてのインタラクションポイントは、構築しているeコマースUXの一部です。 顧客が気に入らない、または混乱を招く可能性があるものはすべて、変更する必要があります。

考慮すべき特定のEコマースUXおよびUI要素

全体論的なアプローチをとるとき、私たちは、彼らが旅のどこにいてもあなたの聴衆を幸せに保つように設計されているいくつかの特定の要素を見る必要があります。 eコマースのUXとUIは邪魔にならないため、可能な場合は継続性と将来の保証が必要です。 視聴者があなたを見つけて購入するのに役立ついくつかの要素を特定しました。

音声（およびその他すべて）の検索サポート

世界は検索の上に構築されています。 単一の製品のみを販売している場合を除いて、eコマースの世界も検索に基づいて構築されている可能性があります。 好きでも嫌いでも、顧客はあなたを見つけるためにあなたを探す必要があります。多くの場合、広告キャンペーンのために、広告をクリックするだけの人と同じくらい多くの人があなたの名前を検索します。

したがって、検索はあなたのビジネスにとって恩恵になるか、検索にその期限を与えるのに時間がかからない場合は大きな苦痛になる可能性があります。 できるだけ多くの検索スペースを取り込むために、Webサイトがサポートする必要のあるいくつかのコア要素を見て、前向きな姿勢を保ちましょう。

• 音声：これは、仮想アシスタントのおかげで人気を博している最新の検索トレンドです。 人々はあなたを見つけるために彼らの電話に話します、そしてそれはあなたのウェブサイトが人々が話す方法を中心に構築されるべきであることを意味します。 顧客がどのように質問するかという質問に答えたり、人々があなたの会社についてどのように話しているかについてのランディングページを作成することは大きなメリットです。 Google Cloud Speech-to-Text APIなどのツールのおかげで、ダイレクトサーチのサポートも少し簡単になります。
• 写真：画像検索の人気はやや高まっており、Instagramのようなプラットフォームを使用している場合は賢い方法です。 非常に視覚的なツールや製品を持っている場合、または目立たせようとしている場合は、画像で検索すると最大の印象を与えることができます。 ビジュアル検索は、ウィンドウショッピングをしたり、特定の外観を求めている人を探すのにも最適です。 Googleには、サイトでのさまざまな構造化データと非構造化データの検索に役立つカスタム検索APIがあります。 画像で最も気に入っているのは、ドミナントカラーをサポートしているため、検索で特定のドミナントカラーの画像を返すことができることです。 それを次の要素と組み合わせると、カタログを簡単に検索できるものに変えることができます。
• フィルター：オンラインストアが成長するにつれて、干し草の山から針を見つけるのが難しくなります。 フィルタは、特に顧客が何を望んでいるのか100％確信が持てない場合に、顧客がまさにそれを行うのに役立つ素晴らしい方法です。 フィルタは、価格帯、スタイルの選択、人気などを確認するのに役立ちます。さらに、スタイルや、別のユニークで個人的な感じのフィルタを追加したいものを中心にカスタムタグを作成できます。 これは、視覚的検索と組み合わせて、人々が互いに適合するアイテムを探すことができる素晴らしいツールです。 これはアパレルに非常に人気があります。完璧なトップを見つけた人は、特定の色の帽子やボトムに合わせて見た目を完成させることができるからです。
• オートコンプリート：あなたのブランドは知っているかもしれませんが、あなたの製品の正確な名前を知っている可能性は低いです。 しかし、私はそれについて一般的な考えを持っているかもしれません。 オートコンプリート機能、または選択の提案は、私が欲しいと思うかもしれないアイテムの自動入力されたリストを私に与えることによって私を助けてくれます。 それは私をより速く製品に連れて行くでしょう、そしてあなたは私がクリックするように説得するのを助けるためにこれらの事前に入力された結果に画像を含めることができます。

検索のこれらの4つの側面は、すべてeコマースUXに関するものです。 顧客がやりたいことをサポートすることで、それを簡単にします。

UIの側面は、これらの要素を邪魔にならずに視覚的に魅力的で興味深いものにする方法です。 Icons8は、検索やサイトの取り組みに直接適用できる2019年のミニマリズムを驚異的に見ています。

オンサイト情報を正確に保つ

サイトコンテンツの正確さはeコマースの鍵です。Webサイトは正確でなければなりません。そうでないと、売り上げを失い、顧客を苛立たせるリスクがあります。

2018年の調査によると、米国の消費者がオンラインで在庫切れの商品に遭遇した場合：

• 15％は別の店から何かを買いに行きます
• 60％が同じ店の代替品を購入します（ここの半分強は同じブランドに固執します）
• 10％は、実際の小売店に行って製品を探します
• 15％が購入をキャンセルまたは延期

Webサイトのアーキテクチャには、店舗や倉庫で追跡する必要のあるさまざまな要素をサポートするための支援が必要です。 小規模な倉庫管理システムであろうと、Shopifyのようなプラットフォーム全体であろうと、役立つさまざまなeコマースツールがあります。 フルフィルメントを3PLにアウトソーシングする場合は、必要なプラットフォームサポートが3PLにあることを確認してください。

プロセス全体を確認し、顧客が何を必要とし、どこでエラーが発生する可能性があるかを正確に確認します。 したがって、現在の在庫、配送オプションと日付、税金などの費用、および注文が迅速に行われて処理された場合に影響を与える可能性のあるその他の要素を追跡して表示する方法を見つけてください。

顧客が驚きを感じないように、可能な限りこれを紹介します。サイトがチャットボットをサポートしている場合、チャットボットは、配送、サイズチャート、カラーオプションなど、最も関連性の高い情報を顧客に提供するのに最適な場所です。

毛羽立ちを最小限に抑え、重要なことを強調する

在庫切れの商品を隠したり、季節外れの商品を押しのけたりするなど、不要な余分な要素を取り除きます。 可能なすべてのページで、顧客が必要としているものと使用しているもの（サイズチャート、カラーオプション、顧客レビューなど）に優先順位を付けます。

服のサイズなど、間違っていると返品の原因となる可能性のある情報がある場合は、それをできるだけ簡単に見つけられるようにする必要があります。 それはそれらの予期しない返品と交換の費用を制限します。

人気のある要素に、商品と画像などのコンテンツの両方を目立たせる場所を提供して、買い物客がサイト内を移動し続けるようにします。 各ページに素晴らしい写真がある場合、誰かが反対する商品のあるページにたどり着いたら、買い物を続けるオプションがあります。

ビジュアルも取り入れてください。ストーリーを伝え、売り上げを伸ばすのに役立ちます。 たとえば、ある調査によると、Pinterestユーザーはピン留めされているのを見た製品を購入する可能性が79％高いことがわかりました。 一般的なオンラインオーディエンスを調べた他の調査によると、消費者の96％は、オンラインビデオが購入決定に役立つと述べており、73％は、説明ビデオ付きの製品を具体的に購入する可能性が高いとしています。

クリックを手伝った後、チェックアウトプロセスにとって重要なことに焦点を当てます。 ショッピングカートとそれを使用するために必要なすべての手順を確認し、トラブルシューティングを行い、購入を完了するには、かなりの時間をかけてください。

チェックアウトは経験を壊すことはできません。

ですから、それを素早く、簡単に、そしてシンプルに保ちましょう。 必要以上の情報やアカウントの詳細を求めないでください。 これは、信頼を生み出すことでビジネスを保護するのに役立ちます。一部のユーザーは、貪欲すぎるサイトを信頼しなくなったときにカートを放棄します。 シンプルで直感的なナビゲーションは、チェックアウトを含むプロセス全体に拡張されます。 定期的な支払いまたはサブスクリプションを使用している場合、各顧客との長期的な投資を保護しているため、これはより重要になります。

だから、人々にその販売を完了させ、あなたの目標を達成させるために必要のないものをすべて切り取ってください！

可能な場合はパーソナライズ

予算とソフトウェアに依存する要素であるWebサイトのパーソナライズで締めくくりましょう。 あなたは、彼らがあなたのサイトをどのようにナビゲートするかに基づいて、彼らを助けるために各個人のために何かを構築したいと思っています。 他の人が行ったことに基づいて使用できる小さな要素がたくさんあります。または、ユーザーアカウントに基づいてユーザー向けのカスタムコンテンツを作成するための完全なルートをたどることができます。

現在のブラウジングや最も購入した製品のハイライトに基づいた製品の推奨事項であっても、できる限りパーソナライズしてください。 良いニュースはこれが手頃な価格であるということです、素晴らしいニュースはそれが売り上げを押し上げるということです！

パーソナライズの懸念に関するUIの最後の注意点は、パーソナライズするために広範に行かなければならない場合があるということです。 ここで具体的に考えているのは、複数のデバイス間で同じように動作する機能です。 デバイスに依存しないように構築するのは難しいですが、大きな見返りが得られる可能性があります。 Instagramの投稿をクリックして購入した後、誰かが自分の携帯電話で必要なものを手に入れ、サポートや注文の追跡のためにデスクトップから戻ってきたとき、彼らは物事が同じように見えることを望んでいます。

これまで以上に多くの人々がスマートフォンでブラウジングしており、特定のプラットフォームではなく、その画面サイズに合わせて構築することが不可欠です。 このデザインには、すべての顧客がサイトを使用できるようにするアクセシビリティ要素もあります。

UIデザインに関して、これは次のことを意味します。

• サイトを読み上げることができるサポートツール
• キャプションを追加する
• ナビゲーションを簡素化する
• 視覚的な手がかりを大きく明確にする
• 誰もが読みやすい、または見やすい色の組み合わせを使用する
• 同じコンテンツを複数の方法で提示する

ここでさらにサポートが必要な場合は、アクセシビリティに関するW3Cのページ、特にその評価サポートを確認してください。

アクセシビリティは、私たちに正しい心構えを残すので、終了するのに最適な場所です。 あなたのeコマースUXとUIは商業的な要素のように感じますが、それらは本当にあなたの聴衆に話すことについてです。 彼らがそれを必要とする方法で彼らとつながり、彼らの仕事（購入）を可能な限り簡単に完了できるようにします。

これらのeコマースUXおよびUI要素を念頭に置いて設計すると、サイトと売上が大幅に向上します。

Jake Rheudeは、eコマースから生まれたeコマースフルフィルメントウェアハウスであるRedStagFulfillmentのマーケティングディレクターです。 彼はeコマースとビジネス開発で長年の経験があります。 自由時間には、ジェイクはビジネスについて読んだり、自分の経験を他の人と共有したりすることを楽しんでいます。