2015年10月号モバイルコマース~モバイルEC対応の最大の敵「かご落ち」を防ぐにはText:川連一豊スマートフォン利用率が時とともにうなぎ上り。それにあわせて、スマートフォンやタブレットでネットショッピングをする人も増えてきました。ショップサイドとしてはその需要に応えるため、ネットショップのモバイルコマース(モバイルEC)対応が必要になってきています。モバイルコマース対応は、どのようなポイントを意識して行えばいいのでしょうか?ECのモバイル対応に欠かせない2つのポイントモバイルコマース(モバイルEC)、つまりスマートフォンやタブレットでのECがいよいよ成長してきました。ニールセンの発表によると、スマートフォンからのインターネット利用者数が2014年から2015年にかけて19%増加し、PC利用者数に肉薄してきています。1日あたりのインターネット利用時間は、スマートフォンからのアクセスがPCの2倍にまでなっており、モバイルコマースの成長の大きさもうなずけます(01、02)。この状況を鑑みると、モバイル向けECサイトへのなんらかの対応が急務と考えるのは自然な流れでしょう。これからモバイル向けECサイトをつくる場合、もしくは今あるECサイトのモバイルコマース対応を考える時に、気にしなくてはならないことが2つあります。結局買わないこと)の比率が大きい」ことです。ニールセン(株)の2015年6月30日での発表では、スマートフォンからのインターネット利用者数は2015年4月時点で4,832万人2014年度からの増加率は19%のアップとなっています。左ページと同じくニールセン(株)の発表によると、PCは1日54分、スマートフォンは1時間48分で、スマートフォンはPCと比べて2倍の時間を使っていることになります。使用台数と使用時間を考えれば、明らかにモバイルを重視してWebをつくらなければならない時代になっていますそれを裏付ける数字をご紹介します。各デバイス(PC、スマートフォン、タブレット)のアクセス比率と購入最終確定比率を見てみましょう。03は米国の中規模ECサイト20社のデータです。サイトを訪れたデバイスの割合が54%、スマートフォンが33%、タブレットが12%になっています。購入の最終確定したデバイスの種類はPCが74%、スマートフォンが15%、タブレットが12%。タブレットはアクセスしてそのまま購入まで至ることが多いのに対し、スマートフォンだけで見ればアクセスした約半分がスマートフォンで購入していないことがわかります。これは、まだまだスマートフォンだけでは意思決定ができないということです。これは、楽天市場や国内のECサイトでも同じ傾向にあります。この対策について現状できることは、まずはECサイトがスマートフォンやタブレットに「完全」対応することが必須です。レスポンシブでもアダプティブ(ある特定の画面サイズでのみレイアウトの切り替える)でもどちらでも構いません。「完全」と書いたのは、よくトップページや商品ページだけモバイルに対応するのではなく、マイページやカート内も当然対応しておく必要があるからです。商品をカートに入れたらPC用の画面が出てきて、文字が小さくて何が書いてあるかわからないのでは困ります。PC画面に慣れているユーザーにとっては、PCとスマートフォンの画面が選択できるとありがたいでしょう。自分のECサイトでPCとモバイルがシームレスにカート内情報を受け渡せるシステムかどうかを確認しましょう。これはスマートフォンで購入決定までいかなかった場合でも、PCを開いた時にその情報が共有されていれば、買い物を続けられるからです。スマートフォンだけで購入の決定ができない現状であれば、せめてその流れをアシストできるようにしておくべきでしょう。PCで訪れた割合が54%であるのに対して、購入決定段階では74%に増え、逆にスマートフォンで訪れた割合が33%から、購入決定まで進んだのは15%まで落ち込んでいます。スマートフォンでアクセスしたものの、注文の確定ボタンはPCで押したという人がいることがわかりますステップカートとカゴ落ちそして、もう一つ気にしなくてはならない点が「カゴ落ち」。通常、PCでもモバイルでもカート内のステップは5ステップになっています。これを「ステップカート」と言い、現状ECサイトのカートシステムはほぼこのステップカートで構成されています。カート内のステップはシステムによって若干違いますが、ステップ1は商品ページのカートボタン、ステップ2がカート内の最初の画面、ステップ3で金額の確認や配送方法を選択し、ステップ4で決済方法選択、ステップ5で最終確定となります。これをデバイスごと、ステップごとにマトリックスにしたのが、図04です。PCでは、ステップ2で15%のところがステップ3から5.3%、4.2%となり、最終確定で4%となっています。カゴ落ち率はステップ2とステップ5の割り算で計算しますので、この場合のカゴ落ち率は73%となります。タブレットは、ステップ2で14%、ステップ3から4.2%、3.2%となり最終確定が3%で、カゴ落ち率は79%。スマートフォンは、ステップ2で10%になりステップ3が2.5%、ステップ4が1.6%、最終確定が1%、カゴ落ち率は90%です。スマートフォンは最初からカゴ落ちが大きいですが、時にステップ3とステップ4のカゴ落ちが大きくなっています。日本のステップカートでもほぼ同じ傾向になっています。しなくてはなりません。Demand社が公開したマトリクスに追記したものカゴ落ちを防ぐ5つの心得スマートフォンにおけるカゴ落ちの理由はいくつかあります。5つの理由が考えられます(05)。そもそもモバイル対応していない場合にはかなり致命的です。早急に変更しましょう。カートのステップは当然ながら、カート内からリンクしているページもすべてモバイル対応しましょう。規約や個人情報保護方針のページがPCページヘリンクしている場合もありますので忘れずに。これはデザイナーが陥りやすい罠だと思いますが、デザインを優先すると文字は小さくなる傾向にあります。いろんなカートシステムを見てもテンプレートでは文字が小さい場合が多いですが、スタイルシートでお客様にあった文字の大きさにしましょう。その時、情報量が少なすぎても多すぎてもよくありません。カート内で確認したいユーザーも多くいます。リンクで飛ばすよりも折りたたみ式の方がよいでしょう。リンクで飛ばす場合には戻るボタンでしっかり戻れるように。SSLのサイトシールを貼るという方法も安心感につながりますが、位置には注意したいところ。できる限り上部に貼り、決済も上部だけでできるようにしたほうがよいでしょう。ステップ位置が不明、要するに現時点で購入操作のどの段階なのかがわかりにくい場合もお客さまを不安にさせます。クーポンコード入力などがあるとさらにステップが増えるため、上部にステップ位置を明記しましょう。ちなみに、他の決済システムへ遷移したら明らかにそれまでのデザインと違うことがよくありますが、これは不信感につながります。カート内のデザインのまま、遷移して決済できるように変更しましょう。カートの中はSSLで守られていますが、環境によっては通常ページより遅くなることがあります。このため、一瞬カートのページが真っ白になってしまう場合があります。この時、ユーザーの頭の中も真っ白になってしまうことがあり、今何をやっていたかわからなくなってしまう状態に陥りやすいです。このようなことがないようにつくらなければなりません。入力フォームでエラーがわかりにくい問題は、PCでも同じですがスマートフォンではなおさら気をつけたいところです。スマートフォンではエラーがあった時には次のステップへのボタンを押さないとわからないことも多いので、エラーメッセージの位置やエラー情報にも注意しましょう。最後に、ボタンやバナーの大きさ。手の大きな人ならなおさら、スマートフォンでボタンをタッチすることが大変なのはおわかりだと思います。画像、バナーなどもスマートフォンに対応していないことがあり、PCのシミュレーターで画像やバナーの大きさをチェックするのではなく、必ず実際のスマートフォンやタブレットで確認しましょう。画像の大きさもモバイル用に変更していくことも大切です。考えられるカゴ落ちの理由カゴ落ちの原因を解消していない例。左はスマートフォンでPC用のカート画面が表示されており、視認性が非常に悪くなっています。同様に文字が小さすぎても(写真中央)読む気がなくなります。そもそもモバイルコマースに対応していない。PCのカート画面が表示される。文字が小さすぎて読めない。情報量が多すぎるか少なすぎる。決済遷移が複雑だったり、他の決済システムへ遷移する。入力フォームでエラーがわかりにくい。選択ボタンや画像やバナーがモバイルに最適化されていない。モバイルコマースは始まったばかりこれら5つの理由を考えると、機能よりもユーザーインターフェイスやユーザーエクスペリエンスが大事だということがわかります。スマートフォンやタブレットでアクセスするユーザーが増えていますが、購入最終確定の低さやカゴ落ち率の高さを見るとモバイルコマースはまだ発展途上にあります。課題解決していく事項が多いのが現実です。逆を言えば、このようなポイントを実践しモバイルコマースに最適化することで、いまだ対応しきれていない他ショップよりもモバイルにおいてアドバンテージを持つことができるとも言えます。常に考えておく要素は、PCよりもさらに安心・信頼感を出していくこと、スマートフォンやタブレットといった実機を使って、自分の目で確認するということです。ユーザーのカスタマージャニーのアクセス分析から高速改善していくことが重要です。コマースコンサルタント協会代表理事。2004年にSAVAWAYを設立、ECコンサルティングを開始する。コマース、オムニチャネルコンサルタントとして活躍。Corporation。