モバイルサイト構築のユーザビリティいろは

4. モバイルECサイト構築時のポイント

4. モバイルECサイト構築時のポイント

連載の第8回第9回では、モバイルECサイトの使い勝手について、ユーザー調査で比較した結果を紹介しました。調査の結果、テキストだけのシンプルなデザインよりも商品画像を多用したデザインが高い評価を得ました。また、ファッション系の商材では、商品詳細ページに実際の利用シーンをイメージできる画像を掲載したデザインがより高く評価されています。

買い物かごも同様に、画像を配してレイアウトしたデザインが評価されており、多少ページの容量が大きくなっても、自分がどの商品を選んでいるかわかりやすいように画像を使い、テーブルで見やすくレイアウトを整えたサイトが評価を得る結果となりました。

商品ページの商品画像のイメージと画像数による比較
商品ページの商品画像のイメージと画像数による比較
画像が1つのサイトJよりも、利用シーンを含めた複数の画像を載せたサイトMが最も高く評価された
「買い物かご」のデザイン・レイアウトによる比較
買い物かごに商品画像を使用したサイトのなかでも、テーブルでレイアウトを整えたサイトBが評価された
比較テストでわかったユーザーが支持するECサイトのポイント
  • トップページ:シンプルなデザインのサイトよりも画像を多用しデザインを施したサイトを評価。
  • 商品詳細ページ:商品画像の点数は多いほど良い。また、実際の利用シーンをイメージしやすい画像を高く評価。
  • 買い物カゴページ:買い物かごでは、商品画像が掲載され、レイアウトをしっかり調整されたサイトを評価。
  • 個人情報の入力:毎回入力に手間のかかる項目は、基本情報として登録させるなど、リストから選択できる方法が支持された。クレジットカード番号の入力は、PCに比べ「都度全ての番号を入力する」とするユーザーの比率が高く、セキュリティへの関心が高い。
モバイルECサイト構築時、リニューアル時のユーザビリティ上の12のポイント
  1. トップページは画像を多く配し、デザインを作り込む
  2. 商品一覧ページには大きめな画像を入れ、商品ごとの区切りを明確に
  3. 商品ページには商品の詳細情報を掲載
  4. 購入への導線はページ下部に設置
  5. 価格はページ上下に表示して目立たせる
  6. 商品画像は豊富なアングルの写真を複数用意
  7. 親しみやすいのは「ショッピングカート」よりも「買い物かご」
  8. 「買い物かご」ページには商品画像を表示させ、テーブルで情報を整理する
  9. 購入フローでは現在地を示すガイドを表示
  10. 情報ごとの入力フォームは1つの項目につき1つにする
  11. 情報入力ページは項目ごとに分割せずに1ページに収める
  12. 送付先住所は自動表示、クレジットカード番号は都度入力

復習比較テストで見えた成果を出すモバイルECサイトのユーザビリティ(第8回)

復習購入直前のユーザーを逃さない。モバイルECサイトの「買い物かご」のユーザビリティ(第9回)

次のページへ
この記事が役に立ったらシェア!
みんなが読んでるWeb担メルマガで、あなたも最新情報をチェック
  • SEOやデジタルマーケの最新情報をゲット
  • 事例やインタビューも見逃さない
  • 要チェックのセミナー情報も届く
みんなが読んでるWeb担メルマガで、あなたも最新情報をチェック
  • SEOやデジタルマーケの最新情報をゲット
  • 事例やインタビューも見逃さない
  • 要チェックのセミナー情報も届く

Web業界の転職情報

もっと見る
Sponsored by

今日の用語

CRO
Conversion Rate Optimizationの略。来訪した訪問者のコ ...→用語集へ

連載/特集コーナーから探す

インフォメーション

Web担のメルマガを購読しませんか?
Web担の記事がコンパクトに毎週届くメールマガジン「Web担ウィークリー」は、10万人が読んでいる人気メルマガ。忙しいあなたの情報収集力をアップさせる強い味方で、お得な情報もいち早く入手できます。

Web担に広告を掲載しませんか?
購読者数10万人のメールマガジン広告をはじめとする広告サービスで、御社の認知向上やセミナー集客を強力にお手伝いいたします。

サイトマップ
RSSフィード


Web担を応援して支えてくださっている企業さま [各サービス/製品の紹介はこちらから]