スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
記事URL | スポンサー広告

今どきのECサイトの人気レイアウトとは

ECサイトの人気レイアウトとは

見えてきたECサイトの人気レイアウト - ITmedia エンタープライズ

ITmediaの上記エントリーで、ECサイトのレイアウトに関する調査結果がまとめられているので、以下で簡単に各項目を紹介します。

調査対象

  • 楽天市場(100サイト)
  • Yahoo!ショッピング(50サイト)
  • 企業が独自に運営するECサイト(100サイト)

ページ上部の検索ボックスの有無

  • 有り:70%
  • 無し:30%

企業独自サイトは多く、Yahooショッピングは少なめ。
カテゴリ分けだけで事足りることが多いからでしょうか。

サイト幅

  • 900px未満:42%
  • ~1000px:52%
  • 1001px以上:6%

Yahooや楽天のトップページの幅が広くなったことにより、全体的に以前よりもページ幅は大きくなっているが、1000pxより大きいものは少なめ。

フォントサイズ

  • 12px未満:23%
  • 12px:43%
  • 12px:34%

Yahooショッピングに12px未満のサイトがかなり多い模様。さすがに12px未満は小さい気がします。ブラウザ側で拡大表示することはできますが。

ヘッダーの高さ

  • 150px未満:47%
  • 150~200px:33%
  • 201~250px:13%
  • 251~300px:2%
  • 301px以上:4%

企業独自サイトは高さが低く、楽天は高いものが多め。とはいえ、200px以下に抑えているサイトが全体の80%を占めています。

トップページのカラム(段組)数

  • 1カラム:4%
  • 2カラム:55%
  • 3カラム:42%

ほとんどが2か3。Yahooショッピングでは1カラムのサイトは0。個別商品ページならともかく、トップページで1カラムは厳しい気がするので、妥当なところ。

各項目のECサイト別のより詳しい割合は、エントリー元の「見えてきたECサイトの人気レイアウト」へどうぞ。


人気レイアウト=商品が売れるレイアウト、であるならば、ある程度どこも似かよってくるのかなあ、という気がします。

企業独自のものはともかく、Yahooショッピングや楽天市場はCMSみたいなものですから、レイアウトはどこも似たり寄ったりなわけで、商品説明の詳しさや写真の多さなどで差別化や訴求をしていく必要がかなり大きくなりそうですね。

実際に自分がオンラインで購入するときも、商品の説明や写真が充実しているところで購入することが多い傾向にあります。実物を手にとって見れないので、これらの要素は購入を決定する上で非常に重要。

そもそも説明が不十分だと、その時点で買う気が出ずにページを閉じるので、必然的にしっかりした説明があるところで買うことになりますね。

個人的に、商品画像がなかったらこういう反応します↓

        |:;:;:;:;:;:;:;:;:;:;:;:;:;:i;:;:;:;:;:;:;:;:;:;:;:;:;|
           |;:;:_:;:_:;:_:;:_;:;_:;:l:;_;:_:;:_:;:_:;:_;:_;|
        |______|_____|
        | 三|  _     _   |三 !
        | 三|  三シ   ヾ三  |三 |
        | 三′  .._     _,,..  i三 |
        ト、ニ| <でiンヽ  ;'i"ィでiン |三.|   画像も貼らずに商売とな!!
        ', iヽ!  、 ‐' /  !、 ーシ |シ,イ
         i,ヽリ    ,' :  !.     |f ノ
         ヾ!    i ,、 ,..、ヽ   lノ
          |      _ _    イ l
            l    ,ィチ‐-‐ヽ  i /、
             ゙i、   ゝ、二フ′ ノ/'"\
              | \  ー一 / /   _,ン'゙\
          ,ィ|、  \     /_,、-'" _,.-''´ `丶、__
       _, イ  | ヽ_ 二=''" _,. -''´  """""´´  ``ー

▼スポンサードリンク

記事URL | Trackback(0) | Comment(0) | Webデザイン
1つ後の記事:【ネタ画像】Appleの2012年以降の製品ロードマップ
1つ前の記事:デザインのインスピレーションを刺激する写真やイラスト集などのまとめエントリー8つ


















管理者にだけ表示を許可する

トラックバックURL
http://webclipping.blog122.fc2.com/tb.php/184-5cc2e7c4
この記事にトラックバックする(FC2ブログユーザー)
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。