ネットショップのデザインで意識するべき10個のポイント

さて、父の日は何をプレゼントしようか迷っていますが、みなさまいかがでしょうか?

このまえ、冗談で車買ってあげようか?と父へ伝えましたら意外な答えが返ってきました。

「運転するのも面倒になってきた。ナイトライダーくれ!」。。。なるほど。。68歳の父ですが、運転は嫌いではないのですが、長距離などは疲れるので、メンドウとのことでした。ナイトライダーといって伝わる方は限定されますが、簡単に言うと「自動運転」搭載の車です。

ナイトライダーが気になる方はこちらで↓

http://knightrider-tv.jp/

 

父には、再ブームの「ミニ四駆」をプレゼントしたいと思います(笑)

みなさま、何がほしいかお父様に聞いてみてください!意外な答えが返ってくるかも?です。

エレクアライズ オキです。

 

 

本日は、

ネットショップのデザインで意識するべき10個のポイント

を取り上げてみたいと思います。

ネットショップにおけるデザインについて、どれだけの時間を費やしていますでしょうか?
商品制作や集客活動に対しては多くの時間を割けている一方、店舗デザインに関しては「後回し」のネットショップ運営者の方も多いのではないでしょうか。ネットショップのデザインやレイアウトは、苦労をして集客したお客様がショップの印象を決定する重要なポイントです。色合いやレイアウト構成を変えるだけで売上が大きく変わることも珍しくはありません。

なかなか売上があがらないネットショップはデザインを単なる見た目と考えている傾向がありますが、そうではなく、デザインとは問題解決のための手段です。ネットショップにあてはめた場合、デザインとは「お客様が迷わずお買い物を楽しめるための方法」と言えるでしょう。よりよくショップを見せたい!という考えを中心に見た目ばかりを意識したデザインを行なってしまうとお買い物しづらいショップとなってしまいます。
今回は、お客様がお買い物を楽しめるためのデザインのポイントをご紹介します。

 

━━━━━━━━━━━━
1.商品写真は何よりも大切
━━━━━━━━━━━━

ネットショップで成果をあげるための大前提とも言えるのが商品写真です。
お客様はネットショップに商品を見にくるわけですから、その写真がぼけていたり、暗かったり、少なかったりとわかりづらいものであれば購入まで至ることはないでしょう。中途半端な写真では、お客様からの信頼を得られることもありません。可能であればプロのカメラマンに、自分で撮るとしても一眼レフのカメラを使って綺麗な商品写真を撮ることを心がけましょう。全体写真、ディテール、利用イメージがわかる写真を用意することがポイントです。

━━━━━━━━━━━━
2.商品写真の背景は白がオススメ
━━━━━━━━━━━━

あらゆるデータを踏まえて購入体験を改善し続けているAmazonを見てもわかる通り、ネットショップにおいて商品が最も際立つ背景色は「白」と言われています。(Amazonは背景を白く撮影するための特許までもっているほどです。)余計な演出なく商品に注目してもらいやすいというのと、清潔感、信頼感を得ることができるというのが白背景を推奨されている理由でしょう。

 

━━━━━━━━━━━━
3.人の顔写真は視線誘導に効果的
━━━━━━━━━━━━

イチオシの商品や売上を上げていきたい商品への誘導バナーには、人の顔を使うのが効果的です。なぜなら人は無意識のうちに、人の顔に視線が誘導されると言われており高い確率で注目してもらうことができます。広告バナーなどで女性の顔がよく使われているのはそのためです。ネットショップの世界観にもよりますが、オススメの商品がある場合、モデルを用意して誘導バナーを設けてみましょう。

━━━━━━━━━━━━
4.文字サイズや配色などに特に気を配る
━━━━━━━━━━━━

商品写真の訴求を意識して見た目を重視するあまり、薄い文字や小さな文字を多様すればお客様にとってストレスです。パソコンではもちろん、スマホでも読みやすい文字サイズや色合いを心がけましょう。
そのほか、配色も重要となりますので、商品を引き立てるネットショップのキーカラーを中心に、全体で3色程度の配色にまとめます。注意点として、全体を目立たせることだけを目的にデザインしていると、逆に必要なところが目立たなくなりますので、コントラストを意識しましょう。購入率を高めるということは、ネットショップをカラフルに美しく見せるということと同義ではないのです。

━━━━━━━━━━━━
5.その商品(ブランド)の世界観を崩さないこと
━━━━━━━━━━━━

あくまでもネットショップの主役商品です。ロゴ、レイアウト、配色などにこだわるあまり商品やあなたのブランドがもつ世界観を壊してしまわないように注意しましょう。衝動買いに効果をもたらす色はオレンジ購入率の高さ相関関係があるのはブルーグリーン信頼感を持たせるにはブルなど、色には少なからず人の行動と相関関係がありますが、まずは自身のブランドの世界観を最もよりよく見せる色合いを中心に考えてみましょう。

━━━━━━━━━━━━
6.キャッチコピーの魅せ方
━━━━━━━━━━━━

デザインする際には商品、写真、キャッチコピーなどの構成を考える必要がありますが、ネットショップにおいてはキャッチコピーがとても重要な要素です。「○○大学の○○教授が監修」、「今話題の大人気商品!」、「在庫わずか!ご注文はお早めに」などのキャッチコピーは誰しもがみたことがあるかと思いますが、そのような文言は購入率を高めるために強い力を発揮します。お客様に納得感をもってお買い物をしてもらうためにも、キャッチコピーを適切に活用していきましょう。一方、キャッチコピーばかり羅列すると安っぽい印象になってしまいますので注意が必要です。

━━━━━━━━━━━━
7.ファーストビューを意識しよう
━━━━━━━━━━━━

ネットショップの顔となるTOPページファーストビューには徹底的にこだわりましょう。パソコン、スマホの両方で伝えるべき情報をお客様が、ネットショップに訪れた時に伝えることができているかしっかり確認を行なうことが大切です。ロゴ、店舗名、メイン画像、キャンペーン情報などあなたのショップのベネフィットを伝えられるキャッチコピーはファーストビューに盛り込むべき情報です。様々な組み合わせを試していきながら、購入率を上げていくための要素を見つけましょう。

━━━━━━━━━━━━
8.回遊性をあげる工夫をしよう
━━━━━━━━━━━━

お客様の回遊率を上げるのに最も有効な方法が商品説明ページの下部に関連商品やオススメ商品のリンクバナーの設置です。TOPページに比べて、商品詳細ページがお客様の入り口になると直帰率が高くなる傾向があるため、そのような工夫をして他の商品を見てもらう導線を設けることが大切です。「人気のカテゴリ」、「この商品を買った人はこちらも買っています」、「合わせて買うべき商品」など、様々な切り口がありますので、回遊させるのに効果的な訴求方法を見つけましょう。

━━━━━━━━━━━━
9.人の気配を出して信頼感を掴もう
━━━━━━━━━━━━

冒頭にも伝えた通り、よりよくデザインされたネットショップとは単に見た目が整えられたサイトではありません。お客様が安心して楽しくお買い物ができるショップこそ、よりよいデザインといえます。
その観点から考えるとそのショップに人の気配を出す演出は信頼感を掴むための効果的なデザインと言えるでしょう。セールやキャンペーンの告知、新商品の追加、またはイベントへの出展やブログの運用など、中の人の顔を出すのも効果的ですが、それほかにも様々な方法で人の気配を生み出すことができます。また、お問い合わせの電話番号を載せるのも信頼を得るのに効果的です。

━━━━━━━━━━━━
10.モバイルファーストで考えよう
━━━━━━━━━━━━

今やパソコンよりもスマホを持っている人のほうが多い時代、パソコンに最適化したショップデザインでは多くのスマホユーザーを取りこぼしてしまいます。特にアパレル系のネットショップではモバイル比率が伸びており、8割を超える企業も出てきていると言います。今後、ショップのデザインを考える際には、スマホでの購入体験に最適化した構成を考えるべきでしょう。スマホに最適化したデザインこそが、今後ネットショップで成功をしていくための重要なポイントです。

━━━━━━━━━━━━
まとめ
━━━━━━━━━━━━

デザインというものをお客様に安心して楽しく買い物をしてもらうための方法と定義した上で、対応すべきネットショップのポイントをご紹介しました。ターゲットとなるお客様とネットショップのコンセプトを前提としながら、どのようなデザインがお客様の購入体験を最大化させるのかを考えていくことが大切です。見た目だけを考えるのではなく、「なぜ」そのようなデザインになっているのか説明ができる状態まで、それぞれの要素についてこだわりもつことこそ、本当のデザインといえるでしょう。一方的に伝えたい情報ばかりにこだわるのではなく、ぜひお客様の目線に立ち改めてデザインについて考えていきましょう。

 

※参考資料:ferret