ストアが開設され、商品が入っています, そしてついにトラフィックを送信して現金を集める準備が整いました. 問題: ストアの移動が難しい場合, トラフィックをふるいに送り込むと、人々は一方の端から入ってもう一方の端から出ていきます, 何も買わずに (その過程で労力や広告費を無駄にしてしまう!).
明らかに, それはまずいです. そのシナリオを防ぐためにできることは次のとおりです.
訪問者を圧倒しないでください
圧倒された人は買わない. おそらくご存知でしょう ジャムの研究 — in short, 提示された顧客 24 オプションはそれだけでした 10% 顧客が 6 つの選択肢を提示するほど購入する可能性が高い.
それ以降に行われた他の研究でもこれが裏付けられています; 顧客に選択肢が多すぎる場合, 彼らはそれらすべての長所と短所を比較検討しようとするでしょう, すべての詳細を検討するのにうんざりして、結局選択できなくなる (つまり, 買う) まったく.
反対側では, 店舗が空いているように見えて、顧客に店舗が建設中であるか、専門的な取り組みではないと思われたくない.
主力製品が 1 つある場合 店舗を拡大しているときに, あなたの 1 つの製品を前面に押し出すテーマとデザインを選択する必要があります。, 空の店頭に置かれているように見せるのではなく、.
商品が 2 つまたは 3 つしかない場合, また、店舗が空っぽになりすぎないように、それに応じてデザインを変更したり、さまざまなカラーバリエーションを独自の商品として表示したりすることもできます。.
同様に, カテゴリに関して言えば, 選択するカテゴリをできるだけ少なくしたい場合 (買い物客を圧倒しないように), ただし、各カテゴリが役立つだけの十分なカテゴリを作成します. カテゴリが 2 つしかない場合, しかし、それぞれのカテゴリーには 50 その中のアイテム, 作成した方が良いかもしれません 3-4 categories so that shoppers are less likely to get overwhelmed.
Ecwid user Shea Kardel is a good example of this, 婦人服カテゴリーと, 6つのサブカテゴリーに分類される:
6 つのカテゴリから選択するほうが、カテゴリから選択するよりもはるかに簡単です 12 また 20, そして訪問者がカテゴリをクリックすると, 商品が 9 個以下のページに移動します. このショップを見て回っている間、圧倒されることは事実上不可能です.
顧客が検索しやすいようにする
買い物客は閲覧したくないかもしれません - 彼らは 1 つの特定のものを探しているかもしれません. そうだとすれば, 彼らが最初に探すのは 検索バー. 簡単に見つかるはずです, のように オールド ソール ブーツ カンパニーさんのサイト:
買い物客は通常、検索バーを探します。 (または虫眼鏡アイコン) トップメニューまたはサイドバーに沿って, そこがあなたのいるべき場所です. さらに目立つようにしたい場合は、, 検索ボタンまたはバーをテキストの他の部分とは異なる色にすることができます. You can also use the Product Search Enhancer app to power-up your searches and add features like autocomplete, ブラウザが探しているものをさらに簡単に見つけられるようになります.
並べ替えを簡単にする
誰かがサイトのカテゴリまたは検索結果ページにアクセスしたとき, 通常、結果はランダムに並べられるのではなく、何らかの方法で並べ替えられます。. デフォルトで商品を並べ替える方法は、何をしたいかによって異なります:
- 訪問者を魅了し、注意を引くため, 価格の安い順に並べ替えることができます.
- 「プライスアンカー」へ,「逆に、より高い価格から始めることもできます」. この背後にある考え方は、顧客が最初に目にする価格が「デフォルト」を設定するというものです。,したがって、それよりも低い価格は、そうでない場合よりも良い取引のように見えます. 例えば, シャツを購入していてブラウジングしている場合 $40-60 シャツ, ある $25 シャツは信じられないほどお買い得のようです.
- カテゴリ/商品リストページにレビューを表示する場合, 並べ替えることができます, 顧客に好印象を与えるために、レビューの高いアイテムがデフォルトで最初に表示されるようにする.
Customers should be able to easily see the sorting options and be able to resort the products on their own if they want. 標準オプションは追加日です, 価格の昇順と降順, アルファベット順または逆アルファベット順.
十分な商品があれば, カテゴリページや検索結果にフィルタリングオプションを提供するとよいでしょう. また, 人を圧倒したくないのですか, それで、もしあなたが する offer a filter, ドロップダウンオプションとして設定します.
こちらです, フィルターは、ユーザーが「フィルター」をクリックするまで非表示になり、その後オプションが表示されます。. 販売しているものに応じて, 人々に色で並べ替えてもらうことができます, サイズ, 機能性, またはその他の意味のある属性. Ecwid を使用してこれを行うには, を使用できます 製品フィルター API combined with Javascript to create a filter widget in your sidebar.
フィルターはカテゴリの代わりに使用すべきではなく、アパレルの種類ごとにフィルターを適用する必要があることに注意してください。, 例えば, アパレルの種類をカテゴリーとして持つ必要があります.
それで, 適切なカテゴリに移動すると、, オプションでフィルタリングできるようにする (半袖か長袖か), サイズ, 色, 等. 理にかなっていて、圧倒される可能性は低い. そして覚える, アイテムの数によってはフィルターが必要ない場合もあります。強化された検索機能だけが必要な場合もあります。.
メニューの「すべきこと」と「してはいけないこと」
サイトの上部にあるメニューは、顧客を助けることもあれば、損をすることもあります. メニューについて考慮すべき事項のチェックリストは次のとおりです:
他の作業に移る前に, 自問すべきいくつかの質問を取り上げましょう:
- 可視性: If your menu is hard to spot, もっと大きくする必要がある. It needs to be easy to see and easy to click or tap (電話で). また, 人々はナビゲーションのためにサイトのトップやサイドバーに注目します - 他の場所にメニューがあると混乱するでしょう, どんなにかっこよく見えても.
- 明瞭さ: It’s tempting to come up with “cool” or funny names for pages that showcase your personality, しかし、あなたのサイトを初めて使う人にとっては, 明確さが第一です. 賢い人でなければならないなら (しかし、理解するのは簡単ではありません) ページ名, より一般的な名前を括弧内に含めます。たとえば、, 「オリジンストーリー」 (だいたい)」.
- ハイライト表示: 人々にクリックしてもらいたい特定のオプションがある場合 (ショップ内の収益性が高い傾向にある、またはベストセラーの 1 つの領域)、リンクを他の色とは異なる色にすることで、人々に確実に注目してもらうことができます。. その間, メニュー リンクが実際にリンクのように見えることを確認してください。下線が付いている必要があります。, ハイライトすると別の色になる, または、クリックできないテキストとは異なって見える.
- シンプルさ: すっきりと乱雑に見えないように、メニューは 6 品目以下に抑えるようにしてください。 (訪問者が圧倒されないようにする). また, 削除できる不要な単語を探します。「当社の製品」ではなく「製品」です。," 例えば.
モバイル訪問者が簡単に閲覧できるようにする
モバイルコマースの普及により、 30% of all e-commerce in the US and global numbers growing at a similar pace (もっと速くなければ), あなたのショップはモバイルフレンドリーである必要があります. 幸運なことに, これは非常に簡単です。モバイル対応のテーマを選択するだけです。. テーマのモバイル版が十分であることを確認する際に再確認すべき点がいくつかあります:
- 検索バー/アイコン: Is it easily visible? ワンタップで拡大しますか?
- メニュー: Is it easy to find? カテゴリを見つけるために絶えずスクロールする必要がありますか??
- 製品: Do the default product images show up really large on a mobile screen? 商品のタイトルです, そして商品情報, 簡単に読める?
- 一般的な可読性: 文字は読めるくらいの大きさですか? テキストが画像とひどく重なっている例はありますか?
できれば, あまり店を閲覧したことのない数人の知人に店の住所を教える, スマートフォンでナビゲートする様子を観察してください. 彼らが混乱している場所は、行うべき設計変更に関する貴重な情報を提供します。.
次のステップ
店舗をナビゲートしやすくし、顧客の流出を防ぐために今すぐできることは次のとおりです:
- カテゴリとメニューオプションを維持するようにしてください (そして一般的なオプション, しかし特に、新しい訪問者が最初に遭遇するトップレベルのオプションです。) オプションを 6 つ以下にする
- これらのオプションを可視化することで、ユーザーが商品を並べ替えたり検索したりしやすくなります。 (違う色にすることで, 簡単に見えるほど大きい, または別の方法で視覚的に強調表示する)
- 商品のデフォルトの並べ替え方法を戦略的に選択し、さまざまな並べ替え方法をテストして結果を確認します。
幸運を! 今後、このような役立つヒントを含む最新情報をさらに入手したい場合は、ブログを購読することを忘れないでください.
- How to Fix Your Store’s Navigation
- 製品のマーチャンダイジングについて知っておくべきことすべて
- Online Merchandising: How to Layout Products in Online Store
- What is Fashion Merchandising, and Why Is It So Important?
- 10 オンラインストアの設計ミス
- 15 eコマースウェブサイトに最適なフォントの組み合わせ
- 色彩理論: カラーテーマについて知っておくべきことすべて
- 7 eコマース商品ページのクリエイティブなアイデア
- Web デザインにおけるヒーロー画像の力
- オンラインストアで従うべき必須のUX原則
- ウェブサイトデザイン監査
- eコマース向けのUXデザインの力を解き放つ
- What’s the Difference Between UI and UX in Ecommerce?