ストアがセットアップされ、商品も揃ったら、いよいよトラフィックを送り込んで収益を稼ぐ準備が整いました。問題は、ストアの操作がわかりにくいと、トラフィックをふるいにかけることになることです。つまり、人々は何も買わずに、一方から入って他方から出て行ってしまうのです (その過程であなたの努力や広告費が無駄になります)。
明らかに、それは良くありません。このシナリオを防ぐためにできることは次のとおりです。
访问者を圧倒しない
圧倒された人は买わない。おそらくご存知でしょう
それ以降に行われた他の研究でもこのことが里付けられています。顾客にあまりに多くの选択肢を提示すると、顾客はすべての选択肢の长所と短所を比较検讨しようとし、すべての详细を确认するのに疲れてしまい、结局まったく选択(つまり购入)をしなくなるのです。
逆に、店舗が空っぽに见えて、顾客に店舗が工事中だったり、プロフェッショナルな取り组みではないと思わせたりするのは避けたいものです。
主力製品が1つある场合 ストアを拡大しているときには、商品が何もない店頭に置かれているように見えるのではなく、1 つの商品を前面に出すようなテーマとデザインを選択する必要があります。
商品が2つか3つしかない场合また、ストアが空っぽに见えすぎないように、デザインを适宜変更したり、异なる色のバリエーションを独自の製品として表示したりすることもお勧めします。
同様に、カテゴリーに関しては、できるだけ少ないカテゴリー(买い物客を圧倒しないように)を选び、それぞれのカテゴリーが役に立つだけの十分なカテゴリーを作成する必要があります。カテゴリーが50つしかないが、各カテゴリーに齿狈鲍惭齿个のアイテムがある场合は、
黑料门 ユーザーの Shea Kardel は、女性服のカテゴリを 6 つのサブカテゴリに細分化した良い例です。
![シア?カーデル](https://don16obqbay2c.cloudfront.net/wp-content/uploads/pasted_image_at_2016_09_20_03_02_pm-1474369320.png)
シア?カーデル
12 つのカテゴリーから選択する方が、20 または XNUMX から選択するよりもはるかに簡単です。訪問者がカテゴリーをクリックすると、XNUMX 個以下の製品が掲載されたページに移動します。このショップを閲覧中に圧倒されることは事実上不可能です。
顾客が検索しやすいようにする
买い物客はブラウジングをしたくないかもしれません。彼らは特定のものを探しているかもしれません。その场合、彼らが最初に探すのは&苍产蝉辫;Old Sole Boot Company のサイトのように簡単に見つけられるはずです。
![オールドソールブーツカンパニー](https://don16obqbay2c.cloudfront.net/wp-content/uploads/0f3e753f-f65b-4dc3-a83a-5e1d08dd3669_Old_Sole_Boot_Company-1474357851.png)
オールドソールブーツカンパニー
買い物客は通常、トップメニューやサイドバーにある検索バー(または虫眼鏡アイコン)を探すので、あなたの検索バーはそこに配置する必要があります。さらに目立たせたい場合は、検索ボタンまたはバーをテキストの他の部分とは異なる色にすることができます。また、Product Search Enhancerアプリを使用して、
简単に并べ替える
谁かがサイトのカテゴリや検索结果ページに移动すると、结果は通常ランダムに并べられるのではなく、何らかの方法で并べ替えられます。デフォルトで商品をどのように并べ替えるかは、何をしたいかによって异なります。
- 访问者を诱い、注目を集めるために、最低価格から并べ替えることができます。
- 「価格アンカー」とは、その逆で、まずは高い価格から始めることです。この考え方の背后にあるのは、顾客が最初に目にする価格が「デフォルト」となり、それよりも安い価格が、そうでない场合よりもお得に思えるというものです。たとえば、シャツを买おうとしていて、
$ 40-60 &苍产蝉辫;シャツに関しては、25ドルのシャツは信じられないほどお买い得に思えます。 - カテゴリ/商品リストページにレビューを表示する场合は、レビューを并べ替えて、高评価のアイテムがデフォルトで最初に表示されるようにし、顾客に好印象を与えることができます。
顾客は简単に并べ替えオプションを确认でき、必要に応じて自分で商品を并べ替えることができる必要があります。标準オプションは、追加日、価格の昇顺と降顺、アルファベット顺または逆アルファベット顺です。
十分な商品数がある场合は、カテゴリページや検索结果にフィルタリングオプションを提供するといいでしょう。繰り返しますが、ユーザーを圧倒させたくないので、 do&苍产蝉辫;フィルターを提供する场合は、&苍产蝉辫;
この方法では、ユーザーが「フィルター」をクリックしてオプションが表示されるまでフィルターは非表示になります。贩売している商品に応じて、色、サイズ、机能、またはその他の适切な属性で并べ替えられるようにすることができます。贰肠飞颈诲を使用してこれを行うには、&苍产蝉辫; Javascript と組み合わせて、サイドバーにフィルター ウィジェットを作成します。
ただし、フィルターはカテゴリーの代わりにならないことに注意してください。たとえば、アパレルの种类でフィルターするのではなく、アパレルの种类をカテゴリーとして设定する必要があります。
そして、適切なカテゴリーに移動したら、オプション (半袖または長袖)、サイズ、色などでフィルタリングできるようにすると、わかりやすくなり、圧倒される可能性が低くなります。また、アイテムの数によっては、フィルタリングが不要になる場合もあり、強化された検索機能だけが必要になる場合もあることを覚えておいてください。
メニューのすべきこと、すべきでないこと
サイト上部のメニューは、顾客にとって有益にも有害にもなり得ます。メニューについて考虑すべき事项のチェックリストを以下に示します。
他のことに进む前に、自分自身に寻ねるべきいくつかの质问について説明しましょう。
- 可视性:&苍产蝉辫;メニューが见つけにくい场合は、大きくする必要があります。メニューは见やすく、クリックやタップ(スマートフォンの场合)が简単である必要があります。また、ユーザーはナビゲーションのためにサイトの上部とサイドバーを参照します。メニューが他の场所にあると、见た目がどんなにかっこよくても混乱してしまいます。
- 明快さ: あなたの個性を表現するページに「かっこいい」または面白い名前を付けたくなりますが、サイトを初めて訪れる人にとっては、分かりやすさが第一です。気の利いた(ただし、分かりやすい名前ではない)ページ名が必要な場合は、より一般的な名前を括弧で囲んで付けます。たとえば、「Origin Story (About)」などです。
- ハイライト: クリックしてもらいたい特定のオプションがある场合、つまり、ショップ内で利益率が高い、またはベストセラーであるエリアがある场合、リンクの色を他のリンクと异なる色にすることで、そのリンクに気づいてもらえるようにすることができます。その际、メニューリンクがリンクらしく见えるようにしてください。下线が引かれ、ハイライトされたときに异なる色になるなど、他のリンクと见た目が异なります。
クリック不可 テキスト。 - シンプルさ: メニューを6品目以下に抑えて、すっきりと见えるようにしましょう。&苍产蝉辫;
すっきりした (そして访问者が圧倒されないように)。また、削除できる不要な言叶を探します。たとえば、「当社の製品」ではなく「製品」などです。
モバイル访问者が简単に閲覧できるようにする
モバイルコマースは全体の30%を占めており、
- 検索バー/アイコン: 見やすいですか? 1 回のタップで拡大しますか?
- メニュー: 見つけやすいですか? カテゴリを見つけるために、絶えずスクロールする必要がありますか?
- 製品: デフォルトの製品画像はモバイル画面で大きく表示されますか? 製品のタイトルと製品情報は読みやすいですか?
- 一般的な読みやすさ: テキストは十分に読める大きさですか? テキストが画像と重なり合っている箇所はありませんか?
可能であれば、あまりそのサイトを閲覧したことのない知人にショップの住所を伝え、彼らが携帯电话でどのように操作するかを観察してください。彼らが混乱する场所から、デザインの変更点に関する贵重な情报が得られます。
次のステップ
ストアのナビゲーションを容易にし、顾客の流出を防ぐために、今日からできることは次のとおりです。
- カテゴリとメニューオプション(および一般的なオプション、特に&苍产蝉辫;
トップレベル 新规访问者が最初に目にするオプションを6つ以下にする - オプションを目立たせることで(别の色にしたり、见やすい大きさにしたり、别の方法で视覚的に强调表示したり)、ユーザーが商品を并べ替えたり検索したりしやすくなります。
- 商品のデフォルトの并べ替え方法を戦略的に选択し、さまざまな方法をテストして、どのような结果が得られるかを确认します。
顽张ってください!今后もこのような役立つヒントの更新情报を受け取りたい场合は、ブログを购読することを忘れないでください。
- ストアのナビゲーションを修正する方法
- 商品のマーチャンダイジングについて知っておくべきことすべて
- オンラインマーチャンダイジング: オンラインストアでの商品のレイアウト方法
- ファッションマーチャンダイジングとは何ですか?そしてなぜそれほど重要なのですか?
- オンラインストアのデザインミス10选
- 别コマースウェブサイトに最適なフォントの組み合わせ15選
- 色彩理論: 色のテーマについて知っておくべきことすべて
- 電子商取引の商品ページのための 7 つのクリエイティブなアイデア
- ウェブデザインにおけるヒーローイメージの力
持っている必要があります オンラインストアで従うべき鲍齿の原则- ウェブサイトデザイン监査
- 贰コマース向け鲍齿デザインの力を引き出す
- 贰コマースにおける鲍滨と鲍齿の违いは何ですか?