記事種別

「ZOZOTOWN」TOPページに見る、スマホECサイトユーザビリティの極意

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

各社「正解」を模索中のスマホECサイト。先駆者のサイトを例に、スマホECのユーザビリティを追究します。

ECサイトのユーザビリティを斬る! 今回は「ZOZOTOWN」

 今回から、実際のスマホECサイトを例に、どのようなユーザビリティの工夫がされているかを紹介していきます。各サイトさまざまな事情があるとは思いますが、あくまで消費者の目線で「どこが使いやすく」、「どこが使いにくいか」というポイントから見ていきます。

 第1回目の今回は、「ZOZOTOWN」を取り上げます。TOPページから見ていきましょう。

ログインボタンの場所に注目

 ログインボタンだけ、上部のナビゲーションから離れて設置されています。パソコンサイトではログインボタンはフリーワード検索やお気に入りとともに黒い枠内にあるため、スマホECでのこの設置位置は意図的な工夫が考えられます。

 ログインボタンを重要視し、他のメニューと離すことで押し間違いを発生させないこと、また、見付けやすくすることを考慮されていると考えます。

適切なナビゲーションボタンのサイズとアイコン

 カートからサイトマップまでのナビゲーションのサイズは参考になります。爪を伸ばしている女性も、指の太い男性もスマホサイトを利用する中で、ボタンを大きくし過ぎると面積を使ってしまいますし、小さすぎると押し間違いを起こしてしまいます。ボタンサイズがこれくらいが適切でしょう。

 上部のナビゲーションはアイコン化するとよいのですが、デザイナーがこだわった絵をアイコン化するのではなく、誰もがイメージの付きやすいデザイニングにするべきです。その点ZOZOTOWNでは、絵柄のデザインが分かりやすいだけではなく、アイコンの下に「カート」や「お気に入り」、「閲覧履歴」等と言葉でも表しているので見本になりますね。

 ECサイトとして、ZOZOTOWNだけを使っている消費者はほんの一部でしょう。楽天市場スマホサイトも使えば、ニッセンスマホサイトも利用しているかもしれません。

 楽天市場のお気に入りのマークは星型(★)ですが、ZOZOTOWNをはじめベルメゾン、スクロール、ディノスではハート型です。そのマークが何を意味しているのか、どの消費者にも分かることが非常に重要です。そういう意味でアイコン+テキストによる説明書きをするのがよいでしょう。

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



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

バックナンバー

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

もっと読む

2014年10月の人気記事ランキング

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