「選んだ商品を分かりやすく購入させる」

ECサイトを運営する上で当然のことと言えます。しかし商品画像が不鮮明であったり、情報が不足しているサイトは今でも多く見かけます。ソニーストアはシンプルな構成ながらも必要な情報をうまく表示させており、またaishipRの今後の機能追加や改善にも繋がる点を確認しましたのでご紹介いたします。

サイト名	ソニーストア
URL	http://store.sony.jp/
QRコード

カテゴリを選択するメニューなど、各メニューごとに商品の画像が表示されており、テキストだけのメニューとは異なり、視認性も考慮されています。

商品一覧ページでは「選択」のボタンも広く取られており、ユーザビリティ上の問題点は見られませんでした。NEWや即日出荷のアイコンも見やすくレイアウトされています。

また、商品選びに悩んだらチャットで相談できるような機能も設置されており、各所にバナーが設置されております。チャットの受付時間中はバナーが切り替わり、チャット画面が立ち上がりました。

商品詳細ページです。カラーバリエーションがある商品の場合は、一般的なサイトではプルダウンの中から選択したり、テキストベースに表示された項目のラジオボタンを選択します。

このサイトの場合は、カラーバリエーションの項目ごとに商品画像が色ごとに表示されており、誤って選択する危険性も抑えられています。さらに項目ごとに画像が表示される見せ方は、ギフトサービスなどのオプション選択にも設定されております。

また今注文すると、いつ頃商品が届くのか、カートに入れる直前に確認できる点もユーザビリティに優れていますね。

商品をカートに入れた後も購入商品の選択したカラーの画像が表示されており、万一選択し間違えていてもこの画面で気付くことができます。

また「あとで買う」ボタンもあります。この機能を使うと商品はカートの中から外れ「あとで買う商品」のリストに入ります。「あとで買う商品」リストは、カート画面に設置されており、他の商品を買おうとショップに訪れた際に後で買おうとしていた商品を思い出すこともできます。

クーポンの使用画面について確認してみました。利用可能なクーポンは特に選択しなくても、既に選択された状態です。

どれぐらい割引されたのかを確認しながら決済を進めることができますが、保有しているクーポンのうち他のクーポンを使いたい場合は再選択画面で選んだり、利用可能なクーポンを一括で選択することも可能になっています。

クーポンやポイント利用に関するUIも優れていて、使い忘れが発生しにくいように感じました。

注文者が商品を選択し間違えたり、クーポンやポイントを使いそびれてしまうことは、注文者のストレスに繋がるだけでなく、受注後の処理の際に担当者の手を煩わせてしまう結果に繋がってしまいます。

表示させたい情報や割引機能が多いことは、サイトの賑わいにも反映できます。しかし一方で必要な情報を見落としてしまう危険性もあります。

その危険な面をカバーする意味でもユーザビリティを考慮したサイト設計が重要であることを改めて確認しました。

葉糸