記事種別

カートに商品を入れるまでわずかタップ2回! モバイルの基本に忠実な、夢展望のスマホECサイトをチェック

  • このエントリーをはてなブックマークに追加
  • プッシュ通知を受け取る

各社「正解」を模索中のスマホECサイト。先駆者のサイトを例に、スマホECのユーザビリティを追究します。今回は夢展望さんを取り上げます。

 夢展望は携帯サイトECから始まっているためか、スマホ版でも「モバイルサイトの導線設計の基本」に忠実です。スマホECでは何よりタップ数を減らすことが重要ですが、夢展望の場合、各所にタップを減らすための設計をしています。

カートに商品を入れるまでのタップ回数、わずか「2回」!!

 一般的なアパレルECサイトの場合、商品詳細ページからカートに商品を入れる際には、サイズ選択とカラー選択があり、プルダウンやラジオボタンにて2回以上タップすることが多いです。

 例えば楽天スマホ版の場合、カラーをプルダウンで選択(タップ1回目)、サイズをラジオボタンで選択(タップ2回目)、その後個数をプルダウンで選択(タップ3回目)、「買い物かごに入れる」ボタンを押して(タップ4回目)商品がカートに入ります。

 それに対して夢展望では、サイズをプルダウンで選択すると、カラーごとに用意された「カートに入れる」ボタンをタップするとカートに商品が入ります。タップを減らすための工夫として、カラーごとに「カートに入れる」ボタンを並べている点にユーザビリティの工夫を感じます。

クリックすると拡大します

 ちなみにZOZOTOWNの場合は、「レッドS レッドM レッドL ホワイトS ホワイトM ホワイトL グリーンS グリーンM グリーンL」等のワードで、1つのボタンでサイズとカラーが選べるようになっています。こちらもユーザビリティに工夫が感じられますが、どちらかと言えば夢展望のサイズ選択のほうが扱いやすいと感じる消費者が多いのではないかと思います。

 商品詳細ページで「数量選択」をなくしているのも、タップ2回が実現できる秘訣です。これは生活用品等と異なり、「自分用の商品を1つ購入する」という想定で行われていることでしょう。ただし、そうではない場合にも備えて、カート画面では数量を変更することが可能です。

※この続きは、会員の方のみお読みいただけます(登録無料)。



  • このエントリーをはてなブックマークに追加
  • プッシュ通知を受け取る

バックナンバー

連載:スマホECユーザビリティの極意

もっと読む

2013年11月の人気記事ランキング

All contents copyright © 2013-2017 Shoeisha Co., Ltd. All rights reserved. ver.1.5