« ブログのトップページに戻る

売れるスマホECサイトを作る10の法則

   投稿者 : 2015年8月3日 By

イメージ画像

Googleは今年2015年4月21日から、Webサイトが「モバイル・フレンドリー」の状態であるかどうかを検索結果に反映させると発表した。これはスマホ対応されていないサイトやページは今後、検索上位になることは難しいことを意味する。
さらに、今後は自宅のパソコン利用より、スマホからのECサイトへのアクセスは超えるだろうという予測の中、スマホECサイトの最適化はECサイト運営者は必須の課題となっている。
今回はスマホECサイトで売上げをアップさせるためのスマホECサイト最適化、10のポイントを見ていこう。

 

1.表示スピードは3秒以内

表示スピードを速くする。これはスマホでも同じ、パソコンに比べ通信速度が遅いスマホでは、画像を圧縮、軽くし、重要な情報は上部にテキストとして配置するなど、できる限り容量を軽くし、表示スピードを速くすることが最重要である。
スマホサイトのファーストビュー離脱率はパソコンの倍以上あり、これはファーストビューの読み込み速度が遅いことに起因している。画面読み込み時間は、Google がサイトランクを決める要素の一つとして使用するほど重要なのだ。

 

2.シンプルを追及

表示スピードに関連することだが、スマホサイトにおいては情報は絞る、詰め込まない、操作は少なく、が原則だ。スマホユーザーは小さな画面で膨大な情報を見たい、読みたいとは思わない。
ECサイトには商品画像や決済画面があり、表示しなければならないコンテンツが多くなるが、これらは必要なものに絞り、操作しやすくすることを追及する。シンプルにする=表示速度が速くなるにつながる。

 

3.親指を意識したデザイン

前回の「押さえておきたい!スマホECユーザービリティ」で記したが、スマホは指操作が基本となる。統計によると、右手親指が最も多く、次に右手人差し指、そして左手の順となる。
(図-1)にある「自然に届く領域」を意識してボタンやリンク先をレイアウトする。

図01

 

4.レスポンシブよりスマホファーストに

ECサイトはPC版をそのまま継承し、ディバイスの違いにより表示が変わるレスポンシブデザインで整えることは危険だ。ディバイスの違いで、表示が変わるレスポンシブ対応は、表示速度、タップ位置の問題、フォームの問題などデメリットばかりだ。
まず、スマホ、タブレットを優先させ、そのうえでPCではコンテンツをどのよう見せるかを考えるのが手順である。

 

5.ファーストビュー上部には検索窓を配置

図-2にあるamazon、楽天、zozotownなどECサイトをみるといずれも、ファーストビュー上部に検索窓を配置しているのが分かる。
スマホユーザーは検索窓にキーワードを入力して、商品を探すことが多く、検索窓に入力したお客様の方が商品を買ってくださる確率が高いというデータもある。

図02

 

6.カートボタン回りのデザイン

「カートに入れるボタン」の回りはスッキリ画面幅いっぱいに、押しやすい位置に配置する。特に購入ボタンなどの回りは余白を設け、他のボタンといっしょに配置しない。誤動作はコンバージョン率を下げる結果になる。

図03

 

7.購入までの手続きを短くする

ECサイトでで、売上を上げたければ、コンバージョンまでのプロセスを短縮したほうがよい。ユーザー登録しなくてもゲストで買いものができたり、郵便番号入力で住所表示されたり、スマホでは入力項目を少なくすることで、ユーザーストレスを無くし、離脱を防ぐことができる。
また、スマホには電話機能があるので、疑問にすぐに答えられる「電話で確認ボタン」を用意しておくとよい。

 

8.フォームの最適化

スマホECサイトでは購入するまでに名前、住所、連絡先を入力したり、「入力」と行為をお客様に強いることになる。スマホでは入力することに大きなストレスがかかる。
入力に必要な項目は最小限にし、最適化することがコンバージョン率を上げる。

 

9.リアル店舗への誘導、O2Oを考慮する

実店舗を経営されているなら、スマホECサイトには地図を設置し、店舗までの行き方が分かるようにすると良い。お客様は店舗の近くで、スマホでお店を探していることもあるからだ。
スマホECサイトから、実店舗で使える割引やクーポンなど入手できるようにすると、実店舗に有効に誘導できる。

 

10.スマホSEO対策

Google検索はスマホにおいても重要である。PCサイトと同様にタイトルの構成と、キーワードの含ませ方がポイントとなる。タイトルは30字以内。キーワードをタイトルの前に入れる。
また、検索結果はあまり重視されていなかったdiscriptionを重視するなどがある。

 

まとめ

スマホECサイトではスマホとパソコンでは使い方が違うように、スマホの使い方に合わせたサイト構築がコンバージョン率、売上アップにつながると言える。
スマホの特徴を押さえておくことが重要である。スマホはどんな場所で使われるか?そして、スマホは画面が小さい、スクロールしてサイトを見る。操作は親指。入力にストレスがかかる。電話を簡単にかけることができる。などがある。
重要なのは、シンプルで操作しやすく、分かりやすさを最優先にスマホECサイト構築することである。

関連する記事

色がもつイメージ:安心と信頼をメッセージする=ブルー効果... 色が何らかのサインを送りだしていることは誰もがよく知っている。誰がどんな色を選ぼうと、共通しているのは、その色に対して人は反応するということだ。私たちは色に条件反射し、気づくこともない。色に対する反応は直観的反応とも言われ、個々の色は人の本能的な反応と密接に関係し、その反応は生理的、感情的、環境...
モバイル決済は日本に浸透するのか?... 先月、8月28日、Amazonジャパンは、実店舗でAmazonアカウントを利用して決済できる仕組みの提供し始めた。 「Amazon Pay」を実店舗でのモバイル決済に対応したもので、「Amazonショッピングアプリ」に表示されるQRコードを使い、実店舗でもAmazonアカウントを使用し決済...
「GDPR対策」の為のGoogleアナリティクス設定はどうするの?... 今年5月25日、「Google Analyticsのユーザーデータとイベントデータが自動的に削除されるようになります。」というアナウンスがあった。 削除対象は、ユーザーやブラウザといった「プライバシーに関連するデータ」である。このGoogle内容は、EU域内で取得された個人情報に関する法律...
カゴ落ち対策を行っていますか? お店に買い物に行って、料理などのいろいろな食材をカゴに入れ、レジ並んでる間に気が変わって食材を棚に戻すことがある。ECサイトの場合は「カートに入れる」までは完了したが、決済や配送のステップで気が変わり、別のサイトに移ってしまう。 このようにカートに商品を入れたにもかかわらず、途中でページから...
FacebookはEC市場に変革をもたらすのか?... アメリカ、トランプ大統領のイスラム教7カ国からアメリカへの入国禁止したことは、各方面に大きな影響を及ぼしている。 そして、Google、Apple、Amazonなど、IT企業各社の代表も懸念を表明している。 Facebookの代表マーク・ザッカーバーグ氏もFacebookに投稿。「アメリ...
いいデザインは「余白」をうまく使っている!... グラフィックデザイン、WEBデザインにおいて、「余白」を意識しデザインすることは重要な要素である。「余白」が計画的かどうかで「見やすさ」が大きく左右される。 今回は、デザイン4原則の整列、近接、繰り返し、コントラストのプラス1要素として「余白」を取り上げたい。WEBデザインはこの「余白」を積...

タグ: , ,

このエントリーをはてなブックマークに追加
 

今なら海外展開の為の成功BOOKを無料ダウンロードできます。是非この機会にお読みください。