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

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

モバイルECサイトの調査結果からわかった、好感を得るトップページや商品購入ページのデザイン

ページ

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

この連載では、PCのWebサイトとは異なるモバイルならではのユーザビリティに特化して、モバイルサイト構築におけるユーザビリティの基本、成果を出すためにはどうすればいいのか。制約の多いモバイル端末だからこそ求められるモバイルサイトのユーザビリティ、そのポイントをお伝えします。

TEXT:株式会社IMJモバイル モバイルユーザビリティ研究所

第7回では、モバイルメールマガジンの本文の注意点やレイアウトのポイントを紹介しました。今回は、モバイルショッピングサイトに関するユーザビリティ調査結果の内容を基に、モバイルショッピングサイト構築・リニューアル時のポイントを紹介します。

モバイルショッピングサイトは「信頼感」「購入のしやすさ」「軽さ」が重要

モバイルショッピングの利用経験があるユーザーに、利用にあたって重視する点を聞いたところ、第1位は「信頼感(63.1%)」、第2位は「購入のしやすさ(60.3%)」、第3位は「スムーズさ(ページの軽さ)(59.9%)」となりました(図1)。
モバイルショッピングサイトを利用するうえで重視する点
図1 モバイルショッピングサイトを利用するうえで重視する点
出展:(c)2008 IMJモバイル『モバイルECサイトのTOPページに関するユーザビリティ調査』

商品自体の信頼性はもちろんのこと、個人情報の入力や決済を行うモバイルショッピングサイトでは、セキュリティなどの観点から「信頼感」が最も重要視されることが推察されます。

2つ目の「購入のしやすさ」については、携帯端末は画面が小さくページ閲覧にも制限があるため、商品検索から購入までのフローはPCサイト以上にユーザビリティの重要性が高いと言えます。

また、ページ遷移が多くなってしまうモバイルサイトでは、表示速度が遅くなるような重いサイトはユーザーにとってストレスになるため、「信頼感」や「購入のしやすさ」を欠くことなく、バランスよく「軽さ」を保ったサイト設計が重要になってきます。

上記を踏まえたうえで、モバイルショッピングサイト構築のポイントを紹介します。

  1. トップページは画像を多く配し、デザインを作り込む
  2. 商品一覧ページには大きめな画像を入れ、商品ごとの区切りを明確に
  3. 商品ページには商品の詳細情報を掲載
  4. 購入への導線はページ下部に設置
  5. 価格はページ上下に表示して目立たせる
  6. 商品画像は豊富なアングルの写真を複数用意

ページ

この記事が役に立ったらシェア!
メルマガの登録はこちら Web担当者に役立つ情報をサクッとゲット!

人気記事トップ10(過去7日間)

今日の用語

Python
「Python」(パイソン)は、プログラミング言語の1つ。プログラマのグイド・ヴ ...→用語集へ

インフォメーション

RSSフィード


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